一、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. Windows Server 2016-Active Directory复制概念(一)
			
    停更十余天后,从今天开始继续为大家带来Windows Server 2016 Active Directory系列更新,本章为大家介绍有关Active Directory复制相关概念内容,有关Acti ...
    
			
    2. 
						
  2. 【算法】LeetCode算法题-Maximum Subarray
			
    这是悦乐书的第154次更新,第156篇原创 01 看题和准备 今天介绍的是LeetCode算法题中Easy级别的第13题(顺位题号是53).给定一个整数数组nums,找出一个最大和,此和是由数组中索引 ...
    
			
    3. 
						
  3. February 17th, 2018 Week 7th Saturday
			
    The happiest part of a man's life is what he passes lying awake in bed in the morning. 人生一大乐事莫过去早上醒来 ...
    
			
    4. 
						
  4. python反向生成数据库模型类
			
    之前去的一家公司,去的时候项目已经好了,但是需要我根据数据库做一个后台管理系统,管理用户和其他的一些数据. 直接说方法 django框架 python manage.py inspectdb > ...
    
			
    5. 
						
  5. 11.scrapy框架持久化存储
			
    今日概要 基于终端指令的持久化存储 基于管道的持久化存储 今日详情 1.基于终端指令的持久化存储 保证爬虫文件的parse方法中有可迭代类型对象(通常为列表or字典)的返回,该返回值可以通过终端指令的 ...
    
			
    6. 
						
  6. C#事件の事件聚合器
			
    事件聚合器用于集中管理事件的订阅(Subscribe)和处理(Handle),要使用事件聚合器,首先要理解:事件(event)本质上是一个类. 传统的+=和-=不足: 1.管理很麻烦:2.不方便扩展. ...
    
			
    7. 
						
  7. JavaScript中的栈内存和堆内存
			
    首先JavaScript中的变量分为基本类型和引用类型.基本类型就是保存在栈内存中的简单数据段,而引用类型指的是那些保存在堆内存中的对象. 1.基本类型 基本类型有Undefined.Null.Boo ...
    
			
    8. 
						
  8. 转://RMAN跨平台可传输表空间和数据库
			
    参考链接: http://blog.itpub.net/23135684/viewspace-776048/ http://blog.sina.com.cn/s/blog_69e7b8d7010164 ...
    
			
    9. 
						
  9. svn解决冲突问题
			
    1.在linux的branchs下创建了一个新的分支branch_2后,commit.提示: 2.这是把/my_branch/index.html删除后svn update也不能解决问题 3.到myb ...
    
			
    10. 
						
  10. github 遇到Permanently added the RSA host key for IP address '192.30.252.128' to the list of known hosts问题解决
			
    刚开始使用github的时候不是很了解,新手一般的都会遇到这个问题Permanently added the RSA host key for IP address '192.30.252.128'  ...
    
			
    11.