mrbs - 初识

一、mrbs

mrbs:(meeting room booking system)
会议室预订系统

二、效果

三、models

from django.db import models

# Create your models here.

from django.contrib.auth.models import AbstractUser

class UserInfo(AbstractUser):

    tel = models.CharField(max_length=32)

class Room(models.Model):

    """

    会议室表

    """

    caption = models.CharField(max_length=32)

    num = models.IntegerField()  # 容纳人数

    def __str__(self):

        return self.caption

class Book(models.Model):

    """

    会议室预订信息

    """

    user = models.ForeignKey("UserInfo", on_delete=models.CASCADE)

    room = models.ForeignKey("Room", on_delete=models.CASCADE)

    date = models.DateField()

    time_choice = (

        (1,'8:00'),

        (2,'9:00'),

        (3,'10:00'),

        (4,'11:00'),

        (5,'12:00'),

        (6,'13:00'),

        (7,'14:00'),

        (8,'15:00'),

        (9,'16:00'),

        (10,'17:00'),

        (11,'18:00'),

        (12,'19:00'),

        (13,'20:00'),

    )

    time_id = models.IntegerField(choices=time_choice)

    class Meta:

        unique_together = (

            ('room','date','time_id'),

        )

    def __str__(self):

        return str(self.user)+'预订了'+str(self.room)

models.py

知识点：

1.AbstractUser 
    AUTH_USER_MODEL = "app01.UserInfo"
    class UserInfo(AbstractUser):
        tel = models.CharField(max_length=32)

2.联合唯一 （time_choice）
    time_choice = (
        (1,'8:00'),
        ...  
     ) 存的是key 显示的是value，且只能存key

    time_id = models.IntegerField(choices=time_choice)

    class Meta:
        unique_together = (
            ('room','date','time_id'),
        )

3.makemigrations / migrate

4.admin.py 
    admin.site.register(UserInfo)
    admin.site.register(Book)
    admin.site.register(Room)

5.createsuperuser
    yuan yuan1234 / alex alex1234

四、login

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<form action="" method="post">

    {% csrf_token %}

    用户名：<input type="text" name="user">

    密码： <input type="password" name="pwd">

    <input type="submit">

</form>

</body>

</html>

from django.contrib import admin

from django.urls import path

from app01 import views

urlpatterns = [

    path('admin/', admin.site.urls),

    path('login/', views.login),

    path('index/', views.index),

    path('book/', views.book),

]

urls.py

from django.shortcuts import render,HttpResponse,redirect

from django.contrib import auth

def login(request):

    if request.method == 'POST':

        user = request.POST.get('user')

        pwd = request.POST.get('pwd')

        user = auth.authenticate(username = user,password = pwd )

        if user:

            auth.login(request,user) # request.user

            return redirect('/index/')

    return render(request,'login.html')

views.py - login

知识点：

1.auth
    from django.contrib import auth
    user = auth.authenticate(username = user,password = pwd )
    if user:
        auth.login(request,user) # request.user
        return redirect('/index/')

五、index

知识点：

<table class="table table-bordered table-striped">
    <thead>
    <tr>
        <th>会议室时间</th>
        {% for time in time_choice %}
            <th>{{ time.1 }}</th>
        {% endfor %}
    </tr>
    </thead>
    <tbody>
        {{ htmls|safe }}
    </tbody>

</table>

1.后台渲染html,不在模板处理数据，因为后台更方便一些
    time_choice = Book.time_choice

    room_list = Room.objects.all()

    # 当天
    date = datetime.datetime.now().date()    # 年月日  datefield = datetime.datetime()
    book_date = request.GET.get('book_date', date)

    book_list = Book.objects.filter(date=book_date)

2.htmls
    htmls = ""
    for room in room_list:
        htmls += "<tr><td>" + room.caption + "(" + str(room.num) + ")</td>"
        for time in time_choice:
            flag = False
            for book in book_list:
                if book.room.pk == room.pk and book.time_id == time[0]:
                    # 意味这个单元格已被预定
                    flag = True
                    break

            if flag:
                if request.user.pk == book.user.pk:
                    htmls += "<td class='active item' room_id=" + str(room.pk) + " time_id=" + str(
                        time[0]) + ">" + book.user.username + "</td>"
                else:
                    htmls += "<td class='another_active item' room_id=" + str(room.pk) + " time_id=" + str(
                        time[0]) + ">" + book.user.username + "</td>"
            else:
                htmls += "<td class='item' room_id=" + str(room.pk) + " time_id=" + str(time[0]) + "></td>"

        htmls += '</tr>'

    print(htmls)

六、book

前端组织数据：

// room_id 为键，time_id 为值  {1：[4,5],2:[4,] }   {3:[9,10]}
var POST_DATA = {
    "ADD":{},
    "DEL":{}
};

// 为td 绑定 单击事件
function BindTd() {
    $('.item').click(function () {

        var room_id = $(this).attr('room_id');
        var time_id = $(this).attr('time_id');

        //取消预订
        if($(this).hasClass('active')){
            $(this).removeClass('active').empty();
            if(POST_DATA.DEL[room_id]){
                POST_DATA.DEL[room_id].push(time_id)
            }else{
                POST_DATA.DEL[room_id] = [time_id]
            }

        }
        //临时取消预订
        else if($(this).hasClass('td_active')){
            $(this).removeClass('td_active');
            {#POST_DATA.ADD[room_id].pop()#}  //这个是删除最后一个 在这不对！
            // 删除指定的 元素
            POST_DATA.ADD[room_id].splice(POST_DATA.ADD[room_id].indexOf(time_id),1)

        }else{ //添加预订
            $(this).addClass('td_active');
            if(POST_DATA.ADD[room_id]){
                POST_DATA.ADD[room_id].push(time_id)
            }else{
                POST_DATA.ADD[room_id] = [time_id];
            }

        }

    })
}

BindTd();

//发送 ajax
$('.keep').click(function () {
    $.ajax({
        url:'/book/',
        type:'post',
        headers:{"X-CSRFToken":$.cookie('csrftoken')},
        data:{
            choose_date:CHOOSE_DATE,
            post_data:JSON.stringify(POST_DATA)
        },
        dataType:"json",
        success:function (data) {
            console.log(data);
            if(data.state){
                //预订成功
                location.href = ''
            }else{
                alert('预订的房间已经被预订');
                location.href=""
            }
        }

    })
});

　　日历插件

　　。。。

后台处理数据：

1. json.loads()

2. 批量插入预订数据

3. Q查询

4. 删除预订数据

import json

def book(request):
    post_data = json.loads(request.POST.get('post_data'))
    # {'ADD': {'1': ['5', '7'], '3': ['4']}, 'DEL': {'2': ['9']}}

    choose_date = request.POST.get("choose_date")

    res = {"state": True, "msg": None}
    try:
        # 添加预订
        book_list = []
        for room_id, time_id_list in post_data["ADD"].items():
            for time_id in time_id_list:
                book_obj = Book(user=request.user, room_id=room_id, time_id=time_id, date=choose_date)
                book_list.append(book_obj)

        Book.objects.bulk_create(book_list)

        # 删除预订
        from django.db.models import Q
        # post_data["DEL"]: {"2":["2","3"]}

        remove_book = Q()
        for room_id, time_id_list in post_data["DEL"].items():
            temp = Q()
            for time_id in time_id_list:
                temp.children.append(("room_id", room_id))
                temp.children.append(("time_id", time_id))
                temp.children.append(("user_id", request.user.pk))
                temp.children.append(("date", choose_date))
                remove_book.add(temp, "OR")
        if remove_book:
            Book.objects.filter(remove_book).delete()

    except Exception as e:
        res["state"] = False
        res["msg"] = str(e)

    return HttpResponse(json.dumps(res))

方式1：
q=Q()
q.connection="or"
q.children.append("pk",1)
q.children.append("user_id",1)
q.children.append("room_id",1)

Book.objects.filter(q) 

方式2：
Book.objects.filter(Q(pk=1)|Q(user_id=1)|Q(room_id=1))

七、code

from django.shortcuts import render,HttpResponse,redirect

from django.contrib import auth

def login(request):

    if request.method == 'POST':

        user = request.POST.get('user')

        pwd = request.POST.get('pwd')

        user = auth.authenticate(username = user,password = pwd )

        if user:

            auth.login(request,user) # request.user

            return redirect('/index/')

    return render(request,'login.html')

from .models import *

import datetime

def index(request):

    time_choice = Book.time_choice

    room_list = Room.objects.all()

    # 当天

    date = datetime.datetime.now().date()  # 年月日  datefield = datetime.datetime()

    book_date = request.GET.get('book_date', date)

    book_list = Book.objects.filter(date=book_date)

    print('book_list', book_list)

    htmls = ""

    for room in room_list:

        htmls += "<tr><td>" + room.caption + "(" + str(room.num) + ")</td>"

        for time in time_choice:

            flag = False

            for book in book_list:

                if book.room.pk == room.pk and book.time_id == time[0]:

                    # 意味这个单元格已被预定

                    flag = True

                    break

            if flag:

                if request.user.pk == book.user.pk:

                    htmls += "<td class='active item' room_id=" + str(room.pk) + " time_id=" + str(

                        time[0]) + ">" + book.user.username + "</td>"

                else:

                    htmls += "<td class='another_active item' room_id=" + str(room.pk) + " time_id=" + str(

                        time[0]) + ">" + book.user.username + "</td>"

            else:

                htmls += "<td class='item' room_id=" + str(room.pk) + " time_id=" + str(time[0]) + "></td>"

        htmls += '</tr>'

    print(htmls)

    return render(request, 'index.html', locals())

import json

def book(request):

    post_data = json.loads(request.POST.get('post_data'))

    # {'ADD': {'1': ['5', '7'], '3': ['4']}, 'DEL': {'2': ['9']}}

    choose_date = request.POST.get("choose_date")

    res = {"state": True, "msg": None}

    try:

        # 添加预订

        book_list = []

        for room_id, time_id_list in post_data["ADD"].items():

            for time_id in time_id_list:

                book_obj = Book(user=request.user, room_id=room_id, time_id=time_id, date=choose_date)

                book_list.append(book_obj)

        Book.objects.bulk_create(book_list)

        # 删除预订

        from django.db.models import Q

        # post_data["DEL"]: {"2":["2","3"]}

        remove_book = Q()

        for room_id, time_id_list in post_data["DEL"].items():

            temp = Q()

            for time_id in time_id_list:

                temp.children.append(("room_id", room_id))

                temp.children.append(("time_id", time_id))

                temp.children.append(("user_id", request.user.pk))

                temp.children.append(("date", choose_date))

                remove_book.add(temp, "OR")

        if remove_book:

            Book.objects.filter(remove_book).delete()

    except Exception as e:

        res["state"] = False

        res["msg"] = str(e)

    return HttpResponse(json.dumps(res))

views.py

index.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>index</title>

    <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.css">

    <script src="/static/js/jquery-1.12.4.min.js"></script>

    <script src="/static/js/jquery.cookie.js"></script>

    <script src="/static/datetimepicker/bootstrap-datetimepicker.min.js"></script>

    <script src="/static/datetimepicker/bootstrap-datetimepicker.zh-CN.js"></script>

    <style type="text/css">

        .active{background-color: green!important; color: white;}

        .another_active{background-color: #336699;color: white;}

        .td_active{background-color: lightblue;}

    </style>

</head>

<body>

<h3>会议室预订，欢迎：{{ request.user.username }}</h3>

<div class="calender pull-right">

      <div class='input-group' style="width: 230px;">

            <input type='text' class="form-control" id='datetimepicker11' placeholder="请选择日期"/>

            <span class="input-group-addon">

                <span class="glyphicon glyphicon-calendar">

                </span>

            </span>

      </div>

</div>

<table class="table table-bordered table-striped">

    <thead>

    <tr>

        <th>会议室时间</th>

        {% for time in time_choice %}

            <th>{{ time.1 }}</th>

        {% endfor %}

    </tr>

    </thead>

    <tbody>

    {{ htmls|safe }}

    </tbody>

</table>

<button class="btn btn-success pull-right keep">保存</button>

<script type="text/javascript">

    // 日期格式化方法

    Date.prototype.yuan = function (fmt) { //author: meizz

        var o = {

            "M+": this.getMonth() + 1, //月份

            "d+": this.getDate(), //日

            "h+": this.getHours(), //小时

            "m+": this.getMinutes(), //分

            "s+": this.getSeconds(), //秒

            "q+": Math.floor((this.getMonth() + 3) / 3), //季度

            "S": this.getMilliseconds() //毫秒

        };

        if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));

        for (var k in o)

            if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));

        return fmt;

    };

    // room_id 为键，time_id 为值  {1：[4,5],2:[4,] }   {3:[9,10]}

    var POST_DATA = {

        "ADD":{},

        "DEL":{}

    };

    // 为td 绑定 单击事件

    function BindTd() {

        $('.item').click(function () {

            var room_id = $(this).attr('room_id');

            var time_id = $(this).attr('time_id');

            //取消预订

            if($(this).hasClass('active')){

                $(this).removeClass('active').empty();

                if(POST_DATA.DEL[room_id]){

                    POST_DATA.DEL[room_id].push(time_id)

                }else{

                    POST_DATA.DEL[room_id] = [time_id]

                }

            }

            //临时取消预订

            else if($(this).hasClass('td_active')){

                $(this).removeClass('td_active');

                {#POST_DATA.ADD[room_id].pop()#}  //这个是删除最后一个 在这不对！

                // 删除指定的 元素

                POST_DATA.ADD[room_id].splice(POST_DATA.ADD[room_id].indexOf(time_id),1)

            }else{ //添加预订

                $(this).addClass('td_active');

                if(POST_DATA.ADD[room_id]){

                    POST_DATA.ADD[room_id].push(time_id)

                }else{

                    POST_DATA.ADD[room_id] = [time_id];

                }

            }

        })

    }

    BindTd();

    // 日期

    if (location.search.slice(11)){

        CHOOSE_DATE = location.search.slice(11)

    }

    else {

        CHOOSE_DATE = new Date().yuan('yyyy-MM-dd');

    }

    //发送 ajax

    $('.keep').click(function () {

        $.ajax({

            url:'/book/',

            type:'post',

            headers:{"X-CSRFToken":$.cookie('csrftoken')},

            data:{

                choose_date:CHOOSE_DATE,

                post_data:JSON.stringify(POST_DATA)

            },

            dataType:"json",

            success:function (data) {

                console.log(data);

                if(data.state){

                    //预订成功

                    location.href = ''

                }else{

                    alert('预订的房间已经被预订');

                    location.href=""

                }

            }

        })

    });

    // 日历插件

    $('#datetimepicker11').datetimepicker({

        minView: "month",

        language: "zh-CN",

        sideBySide: true,

        format: 'yyyy-mm-dd',

        startDate: new Date(),

        bootcssVer: 3,

        autoclose: true

    }).on('changeDate', book_query);

    function book_query(e) {

        CHOOSE_DATE=e.date.yuan("yyyy-MM-dd");

        location.href="/index/?book_date="+CHOOSE_DATE;

    }

</script>

</body>

</html>

index.html

https://github.com/alice-bj/mrbs_0

mrbs - 初识的更多相关文章

Django - 学习目录
Django 基础 web应用/http协议/web框架 Django简介 Django - 路由层(URLconf) Django - 视图层 Django - 模板层 Django - 模型层 - ...
Android动画效果之初识Property Animation（属性动画）
前言: 前面两篇介绍了Android的Tween Animation(补间动画) Android动画效果之Tween Animation(补间动画).Frame Animation(逐帧动画)Andr ...
初识Hadoop
第一部分: 初识Hadoop 一. 谁说大象不能跳舞业务数据越来越多,用关系型数据库来存储和处理数据越来越感觉吃力,一个查询或者一个导出,要执行很长 ...
python学习笔记（基础四：模块初识、pyc和PyCodeObject是什么）
一.模块初识(一) 模块,也叫库.库有标准库第三方库. 注意事项:文件名不能和导入的模块名相同 1. sys模块 import sys print(sys.path) #打印环境变量 print(sy ...
初识IOS,Label控件的应用。
初识IOS,Label控件的应用. // // ViewController.m // Gua.test // // Created by 郭美男 on 16/5/31. // Copyright © ...
UI篇（初识君面）
我们的APP要想吸引用户,就要把UI(脸蛋)搞漂亮一点.毕竟好的外貌是增进人际关系的第一步,我们程序员看到一个APP时,第一眼就是看这个软件的功能,不去关心界面是否漂亮,看到好的程序会说"我 ...
Python导出Excel为Lua/Json/Xml实例教程（一）：初识Python
Python导出Excel为Lua/Json/Xml实例教程(一):初识Python 相关链接: Python导出Excel为Lua/Json/Xml实例教程(一):初识Python Python导出 ...
初识SpringMvc
初识SpringMvc springMvc简介:SpringMVC也叫Spring Web mvc,属于表现层的框架.Spring MVC是Spring框架的一部分,是在Spring3.0后发布的 s ...
初识redis数据类型
初识redis数据类型 1.String(字符串) string是redis最基本的类型,一个key对应一个value. string类型是二进制安全的.意思是redis的string可以包含任何数据 ...

随机推荐

Erlang TCP Socket的接收进程的2种方案
转自:http://blog.csdn.net/summerhust/article/details/8740973 一旦打开了一个使用TCP连接的套接字,它就始终保持打开状态,直至任何一方关闭它或因 ...
Ubuntu下，如何解决Unable to locate package
在虚拟机上新装了一个ubuntu 12.10,想在上面装一个Git,却发生了以下错误信息我觉得原因可能是我换了163的源,没有更新所以找不到这个包. 这时候就要使用 sudo apt-get upd ...
OpenCV学习：实现简单的图像叠加
本实例使用简单的线性叠加方法来实现两幅图像的叠加,主要使用的知识如下: 1)线性融合 2)addWeighted函数 //! computes weighted sum of two arrays ( ...
【java】 java 设计模式(1):工厂方法模式（Factory Method）
工厂方法模式分为三种: 1.普通工厂模式,就是建立一个工厂类,对实现了同一接口的一些类进行实例的创建.首先看下关系图: 举例如下:(我们举一个发送邮件和短信的例子) 首先,创建二者的共同接口: p ...
[extjs] ExtJs4.2 Form 表单提交
基本代码: <script> Ext.onReady(function(){ Ext.create('Ext.form.Panel', { title: '登录', bodyPadding ...
Effective C++ Item 35 Consider alternatives to virtual functions
考虑你正在为游戏人物设计一个继承体系, 人物有一个函数叫做 healthValue, 他会返回一个整数, 表示人物的健康程度. 由于不同的人物拥有不同的方式计算他们的健康指数, 将 healthVal ...
NodeJS-001-Nodejs学习文档整理(转-出自http://www.cnblogs.com/xucheng)
Nodejs学习文档整理 http://www.cnblogs.com/xucheng/p/3988835.html 1.nodejs是什么: nodejs是一个是javascript能在后台运行的平 ...
linux命令之find和locate
1.find / -name log.xml 按照名字查找log.xml文件 2.locate log.xml 查找log.xml文件(效率高) 3.grep 'hive' word. ...
scala函数进阶篇
1.求值策略scala里有两种求值策略Call By Value -先对函数实参求值,在函数体中用这个求出的参数值.Call By Name -先不对函数实参求值,而是函数实参每次在函数体内被用到时都 ...
abs()
abs() 用于返回一个数值的绝对值 In [1]: abs(10) Out[1]: 10 In [2]: abs(-10) Out[2]: 10 In [3]: abs(-10.9) Out[3]: ...

mrbs - 初识

一、mrbs

二、效果

三、models

四、login

五、index

六、book

七、code

mrbs - 初识的更多相关文章

随机推荐

热门专题