一、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.admin.py 
    admin.site.register(UserInfo)

    admin.site.register(Book)

    admin.site.register(Room)
4.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>

login.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


源码：


源码文件










												


											
会议室预订系统(meeting room booking system)的更多相关文章
	

    
								
  1. 基于django的会议室预订系统
		
    会议室预订系统 一.目标及业务流程 期望效果: 业务流程: 用户注册 用户登录 预订会议室 退订会议室 选择日期:今日以及以后日期 二.表结构设计和生成 1.models.py(用户继承Abstrac ...
    
		
    2. 
						
  2. 会议室预订系统 td 宽度 php 浏览器 兼容性
		
    w获取浏览器标识 <style> .w > td { <?php $wua=$_SERVER['HTTP_USER_AGENT']; if(strpos($wua, 'Chro ...
    
		
    3. 
						
  3. MRBS开源会议室预订系统安装
		
    MRBS系统官方网址  https://mrbs.sourceforge.io/ 最近在找一份开源的会议室预订系统,找了很多种,ASP,PHP的,测试发现MRBS无疑是最好的.开源社区对其介绍如下:M ...
    
		
    4. 
						
  4. 启明星MRBS会议室预约系统V30.0发布
		
    MRBS系统官方网址 https://www.dotnetcms.org/ 在线演示 http://demo.dotnetcms.org/mrbs 用户名admin,密码123456 Meeting  ...
    
		
    5. 
						
  5. 启明星手机版安卓android会议室预定系统 V1.0发布
		
    启明星手机版会议室预定系统 V1.0发布 在手机里输入 http://www.dotnetcms.org/e4.apk 或者扫描二维码下载 用户打开系统,可以实时查看所有会议室状态 点击会议室名称,可 ...
    
		
    6. 
						
  6. Java中系统属性Properties介绍 System.getProperty()参数大全
		
       在JDK文档中System类中有这样的方法getProperties()在此方法的详细介绍中有下面的参数可供使用: java.version Java 运行时环境版本 java.vendor J ...
    
		
    7. 
						
  7. 基于JS的WEB会议室预订拖拽式图形界面的实现
		
    06年的一篇blog,转到这个博客上: 很早之前写的,后来由于这个功能模块取消,最终没有上线,所以与Server交互的那部分还没有写,不过那部分方案我也已经出来了,而且现在客户端这一部分已经通过了比较 ...
    
		
    8. 
						
  8. 启明星会议室预定系统Outlook版开始支持Exchange2013与Office365版
		
    版本启明星会议室预定系统支持Exchange2013与微软云服务Office365版.(注意:Exchange2007与Exchange2010也适合此版本) 1.安装 首页,安装类似启明星普通的会议 ...
    
		
    9. 
						
  9. yarn的学习之2-容量调度器和预订系统
		
    本文翻译自 http://hadoop.apache.org/docs/r2.8.0/hadoop-yarn/hadoop-yarn-site/CapacityScheduler.html 和http ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 利用Python通过频谱分析和KNN完成iphone拨号的语音识别
			
    最近这段时间,学校里的事情实在太多了,从七月下旬一直到八月底实验室里基本天天十二点或者通宵,实在是没有精力和时间来写博客.这周老师出国开会,也算有了一个短暂的休息机会,刚好写点有意思的东西. 上周在天 ...
    
			
    2. 
						
  2. python Docker  查看私有仓库镜像
			
      pip 安装: 首先安装epel扩展源: yum -y install epel-release 更新完成之后,就可安装pip: yum -y install python-pip 安装完成之后清 ...
    
			
    3. 
						
  3. MyBatis知识点总结（一）
			
    前言:本篇主要记录在MyBatis学习过程中的主要知识点. 1.mybatis环境的搭建,通过maven可以快速的进行环境的搭建. <!--文件版本--> <properties&g ...
    
			
    4. 
						
  4. WPF自定义控件（五）の用户控件（完结）
			
    用户控件,WPF中是继承自UserControl的控件,我们可以在里面融合我们的业务逻辑. 示例:(一个厌恶选择的用户控件) 后端: using iMicClassBase; using iMicCl ...
    
			
    5. 
						
  5. WPF窗体の投影效果
			
    有时候我们需要给WPF窗体加上一个毛边(投影效果) 我们可以在窗体下加上如下代码 <Window.Effect> <DropShadowEffect BlurRadius=" ...
    
			
    6. 
						
  6. ElasticSearch（五）：Java操作ElasticSearch执行查询
			
    package com.gxy.ESChap01; import java.net.InetAddress; import org.elasticsearch.action.search.Search ...
    
			
    7. 
						
  7. Python字符串  u"string",r"string"的写法含义
			
    1.字符串前加 u = unicode编码 例:u"我是含有中文字符组成的字符串." 作用:后面字符串以 Unicode 格式 进行编码,一般用在中文字符串前面,防止因为源码储存格 ...
    
			
    8. 
						
  8. L2-010 排座位 （并查集）
			
    这里唯一需要注意的是,各个输出的条件在题目中有点描述模糊. 是朋友关系,(不管是不是间接朋友关系) 既不是朋友也不是敌人(这里不用管是不是间接朋友) 是敌人关系,同时是间接朋友关系 是单纯的敌人关系, ...
    
			
    9. 
						
  9. PHP消息队列的实现方式与详解，值得一看
			
    队列原理: 也是解耦的原理:业务系统和队列处理系统没有关系 一个写(业务系统),一个读(队列管理系统). 写的只管往队列里写,别的不用操心,读的能不能读完和写的也没有关系 同样,读的只管从队列里往外读 ...
    
			
    10. 
						
  10. DVR登录绕过漏洞(CVE-2018-9995)
			
    ###漏洞描述 此漏洞允许攻击者通过修改“Cookie: uid=admin” 之后访问特定 DVR 的控制面板,返回此设备的明文管理员凭证. ###漏洞利用 1.利用代码 curl "ht ...
    
			
    11.