一、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. PHP编程效率
			
    1.如果能将类的方法定义成static,就尽量定义成static,它的速度会提升将近4倍.2.$row['id'] 的速度是$row[id]的7倍.3.echo 比 print 快,并且使用echo的 ...
    
			
    2. 
						
  2. Kernel数据结构移植（list和rbtree）
			
    主要移植了内核中的 list,rbtree.使得这2个数据结构在用户态程序中也能使用. 同时用 cpputest 对移植后的代码进行了测试.(测试代码其实也是使用这2个数据结构的方法) 内核代码的如下 ...
    
			
    3. 
						
  3. js获取请求地址后面带的参数
			
    浏览器输入页面地址的时候在后面带有请求参数, 页面加载后需要获取携带的参数, 可以使用js, 在页面加载js的时候获取参数 http://localhost:8080/demo/index.html? ...
    
			
    4. 
						
  4. IntelliJ IDEA 创建Spring+SpringMVC+hibernate+maven项目
			
    第一步: 新建maven管理的web项目, 具体步骤参考:http://www.cnblogs.com/gczmn/p/8693734.html 第二步: 创建项目结构, 完整项目结构如下: 第三步: ...
    
			
    5. 
						
  5. Unittest框架小结
			
    在日常的自动化测试过程中,Python里有一个自带的单元测试框架是unittest模块,简单易用,这里简单介绍下其主要的用法. Unittest测试框架主要包含四个部分 TestCase 也就是测试用 ...
    
			
    6. 
						
  6. 从此使用linux系统，但是QQ是必不可少的！！该篇文章方法成功！！！已验证！！！！！
			
    一开始,我在Ubuntu14.04下安装的QQ版本是WineQQ2013SP6-20140102-Longene, 但后来发现这个版本QQ在linux下问题很多,比如不能用键盘输入密码,QQ表情使用失 ...
    
			
    7. 
						
  7. linux学习笔记整理（九）
			
    第十章 Centos7-系统进程管理本节所讲内容:10.1 进程概述和ps查看进程工具10.2 uptime查看系统负载-top动态管理进程10.3 前后台进程切换- nice进程优先级-实战scre ...
    
			
    8. 
						
  8. 使用ECharts来实现地图下钻功能（某省的市级下钻到县级）
			
    var cityMap = { "长沙市": "430100", "株洲市": "430200", "湘潭市& ...
    
			
    9. 
						
  9. 【ES6】函数
			
    函数默认值问题 在ES6之前,不能直接为函数指定默认值,但是ES6允许为函数的参数设置默认值 之前实现方式 function log(x, y) { y = y || 'World'; console ...
    
			
    10. 
						
  10. .Net使用Redis详解之ServiceStack.Redis（七） 转载https://www.cnblogs.com/knowledgesea/p/5032101.html
			
    .Net使用Redis详解之ServiceStack.Redis(七)   序言 本篇从.Net如何接入Reis开始,直至.Net对Redis的各种操作,为了方便学习与做为文档的查看,我做一遍注释展现 ...
    
			
    11.