第八章学生管理和楼宇管理以及宿舍管理

提示：本博客个为人独立博客，不是权威，仅供参考！所有思路只做交流之用！如有不足之处，望各位在评论区友善指正。

文章目录

第八章学生管理和楼宇管理以及宿舍管理
前言
一、学生管理
- 1.后端的提前准备工作
- 2.前端页面
二、楼宇管理
- 1.后端的提前准备工作
- 2.前端页面
三、寝室管理
- 1.数据库中写入数据
- 2.前端页面结构
- 3.加载楼宇
- 4.加载楼层
- 5.加载寝室
- 6.加载床位
- 7.寝室管理按钮
- 8.床位管理按钮
总结

前言

这一章将介绍如何实现学生管理和楼宇管理

一、学生管理

1.后端的提前准备工作

在Student类中添加属性org和grade并生成set/get方法

在StudentMapper.xml中初始化学生密码

在StudentController中将student与班级和年级关联

2.前端页面

拷贝user文件夹作为模板，改名为student

修改list搜索栏

姓名搜索采用模糊查询，在StudentMapper.xml里修改一下

修改list表格信息

修改跳转路径

修改add表单

引入selectOrg模块并配置

删除不用的树形

请求查询并修改提交请求

拷贝add作为update模板并修改提交请求

添加隐藏域

表单赋值

在list.html中修改赋值方法

一般通过表单赋值都可以把数据传到update表单上，但是年级和班级是列表信息显示不出来，所以需要单独处理
通过数据拼接的方式为年级单独设置临时值

给班级单独赋值

年级也可以采取单独赋值的方式，这边给大家展示两种不同的方法，因此都写了

二、楼宇管理

1.后端的提前准备工作

在数据库中完善一下功能菜单结构

在Building类中添加属性user并生成set/get方法

在BuildingController中关联宿管员

2.前端页面

拷贝user文件夹下的页面作为模板

修改搜索栏

名称搜索采用模糊查询

修改表格信息

修改跳转路径

修改add表单

删除不用的树形，然后请求查询宿管员

拷贝add作为update模板并修改提交请求

添加隐藏域

表单赋值

修改设值方法

给宿管员单独赋值

三、寝室管理

1.数据库中写入数据

2.前端页面结构

新建dormitory包结构

list页面框架

3.加载楼宇

html（ClassName应该改为class，当时没发现，下面出现类似错误的同理，后面也会纠正）

script

改进BuildingController中的query方法，能根据用户身份来进行不同的查询

4.加载楼层

改进BuildingService中的create方法，能够添加楼层

script

html

style

在loadBuilding方法中调用loadStorey方法

5.加载寝室

script

html

style

在loadStorey方法中调用loadDormitory方法

6.加载床位

下载床位图片素材
链接：https://pan.baidu.com/s/1YXO1H33_35MLi4E9XfzZLA
提取码：8w6q
将两张图片解压到路径…\高校宿舍管理系统\front\images下

script

style

在loadDormitory方法中调用loadBed方法

7.寝室管理按钮

script

页面样式微调（纠正了之前的一个小错误）

<style>.storey li{height: 40px;line-height:40px;border-bottom: 1px solid #f1f1f1;font-size: 16px;cursor: pointer;padding-left: 50px;}.storey>li>span{float: right;margin-right: 10px;}.storey>li>span>button{cursor: pointer;color: #00998b;background: transparent;border: 0px;font-size: 20px;}.storey-bg{background-color: #f0f0f0;color: #000000;}.dormitory{}.dormitory>li{width: 100%;clear: both;margin-bottom: 5px;}.dormitory>li>p{height: 40px;background-color: #f8f8f8;line-height: 40px;font-size: 15px;cursor: pointer;padding-left: 10px;border: 1px solid #dddddd;border-radius: 4px;}.dormitory>li>p>span{float: right;margin-right: 10px;}.dormitory>li>p>span>button{cursor: pointer;color: #00998b;background: transparent;border: 0px;font-size: 20px;}.bed{display: none;}.bed li{float: left;width: 130px;height: 130px;border:1px solid #f0f0f0;margin: 10px;text-align: center;color: #999999;}.bed li:hover{background-color: #f0f0f0;}.bed li i{font-size: 20px;cursor: pointer;}.bed li i:hover{color: #00998b;font-size: 20px;cursor: pointer;}
</style>

新建addDormitory.html

<div class="layuimini-main"><div class="layui-form layuimini-form" lay-filter="addDormitoryForm"><div class="layui-form-item"><label class="layui-form-label required">宿舍号</label><div class="layui-input-block"><input type="hidden" id="storeyId" name="storeyId"><input type="hidden" id="buildingId" name="buildingId"><input type="text" name="no" lay-verify="required" lay-reqtext="宿舍号不能为空" placeholder="请输入宿舍号" value="" class="layui-input"></div></div><div class="layui-form-item"><label class="layui-form-label">性别</label><div class="layui-input-block"><select name="sex" lay-verify="required"><option value="1">男</option><option value="0">女</option></select></div></div><div class="layui-form-item"><label class="layui-form-label">类型</label><div class="layui-input-block"><select name="type" lay-verify="required"><option value="2">2人间</option><option value="3">3人间</option><option value="4">4人间</option><option value="5">5人间</option><option value="6">6人间</option><option value="7">7人间</option><option value="8">8人间</option></select></div></div><div class="layui-form-item"><label class="layui-form-label">容量</label><div class="layui-input-block"><input type="text" name="capacity" placeholder="请输入容量" class="layui-input"></div></div><div class="layui-form-item"><div class="layui-input-block"><button class="layui-btn layui-btn-normal" lay-submit lay-filter="saveBtn">确认保存</button></div></div></div>
</div>
<script>layui.use(['form', 'table','axios'], function () {let form = layui.form,layer = layui.layer,axios = layui.axios,$ = layui.$;/*** 初始化表单，要加上，不然刷新部分组件可能会不加载*/form.render();// 当前弹出层，防止ID被覆盖let parentIndex = layer.index;//监听提交form.on('submit(saveBtn)', function (data) {axios.post('dormitory/create',data.field).then(function(response){if(response.code == 200){layer.msg(response.msg);}layer.close(parentIndex);}).catch(function (error) {layer.msg(error);});return false;});});
</script>

删除寝室

8.床位管理按钮

script

新建addBed.html

<div class="layuimini-main"><div class="layui-form layuimini-form" lay-filter="addBedForm"><div class="layui-form-item"><label class="layui-form-label required">床号</label><div class="layui-input-block"><input type="hidden" id="dormitoryId" name="dormitoryId"><input type="text" name="bno" lay-verify="required" lay-reqtext="床号不能为空" placeholder="请输入床号" value="" class="layui-input"></div></div><div class="layui-form-item"><div class="layui-input-block"><button class="layui-btn layui-btn-normal" lay-submit lay-filter="saveBtn">确认保存</button></div></div></div>
</div>
<script>layui.use(['form', 'table','axios'], function () {let form = layui.form,layer = layui.layer,axios = layui.axios,$ = layui.$;/*** 初始化表单，要加上，不然刷新部分组件可能会不加载*/form.render();// 当前弹出层，防止ID被覆盖let parentIndex = layer.index;//监听提交form.on('submit(saveBtn)', function (data) {axios.post('bed/create',data.field).then(function(response){if(response.code == 200){layer.msg(response.msg);}layer.close(parentIndex);}).catch(function (error) {layer.msg(error);});return false;});});
</script>

删除床位

总结

修改床位不是忘写了，后续根据业务需求再添加

第九章预计三天内更新，涉及寝室编号设置和宿舍初始化以及预选设置

【高校宿舍管理系统】第八章学生管理和楼宇管理以及寝室管理相关推荐

【计算机毕业文章】基于SSM的高校宿舍管理系统的设计与实现
摘要近年来, 伴随着互联网产业的快速发展和大力推广,"数字化"."信息化"为关键字的校园建设已经成为了各大院校发展的共同课题.宿舍是在大学校园里面学习和生活 ...
【高校宿舍管理系统】第七章机构管理和功能菜单权限分配
第七章机构管理和功能菜单权限分配提示:本博客个为人独立博客,不是权威,仅供参考!所有思路只做交流之用!如有不足之处,望各位在评论区友善指正. 文章目录第七章机构管理和功能菜单权限分配前言一 ...
高校宿舍管理系统详细需求分析说明书
(详细)高校宿舍管理系统需求分析说明书(文末-->获取原文档) 版本状态版本作者参与者起止日期注释审阅者团队版本日期签名教学管理委员会 V1.1 2019.06.1 ...
java计算机毕业设计高校宿舍管理系统演示视频2021源码+mysql数据库+系统+lw文档+部署
java计算机毕业设计高校宿舍管理系统演示视频2021源码+mysql数据库+系统+lw文档+部署 java计算机毕业设计高校宿舍管理系统演示视频2021源码+mysql数据库+系统+lw文档+部署 ...
java计算机毕业设计高校宿舍管理系统源码+mysql数据库+系统+lw文档+部署
java计算机毕业设计高校宿舍管理系统源码+mysql数据库+系统+lw文档+部署 java计算机毕业设计高校宿舍管理系统源码+mysql数据库+系统+lw文档+部署本源码技术栈: 项目架构:B/S ...
JAVA毕业设计高校宿舍管理系统演示视频2021计算机源码+lw文档+系统+调试部署+数据库
JAVA毕业设计高校宿舍管理系统演示视频2021计算机源码+lw文档+系统+调试部署+数据库 JAVA毕业设计高校宿舍管理系统演示视频2021计算机源码+lw文档+系统+调试部署+数据库本源码技术栈 ...
【毕业设计】大学宿舍管理系统高校宿舍管理系统
基于Springboot的大学宿舍管理系统&&高校宿舍管理系统绪论课题主要内容系统建设目标系统采用 B/S 架构,后端基于 Java 语言和 SpringBoot 框架的方式进 ...
php版高校宿舍管理系统
你好, 我是程序猿零壹. 分享一款高校宿舍管理系统,该系统使用php+mysql开发,实现了学生宿舍管理的功能模块,包含学生管理.楼宇管理.宿舍管理.宿舍分配,物品出入登记.来访出入登记等功能.本系统 ...
【毕业设计】java宿舍管理系统高校宿舍管理系统
一.前言计算机科学技术的蓬勃发展,给各行各业的发展带来了巨大的帮助.毋庸置疑,自动化管理已成为未来社会发展的必然趋势.社会的发展需求,促使各种信息管理系统不断出现在人们的生活和工作过程中.宿舍现状很 ...

【高校宿舍管理系统】第八章学生管理和楼宇管理以及寝室管理

第八章学生管理和楼宇管理以及宿舍管理

文章目录

前言

一、学生管理

1.后端的提前准备工作

2.前端页面

二、楼宇管理

1.后端的提前准备工作

2.前端页面

三、寝室管理

1.数据库中写入数据

2.前端页面结构

3.加载楼宇

4.加载楼层

5.加载寝室

6.加载床位

7.寝室管理按钮

8.床位管理按钮

总结

【高校宿舍管理系统】第八章学生管理和楼宇管理以及寝室管理相关推荐

最新文章

热门文章

【高校宿舍管理系统】第八章 学生管理和楼宇管理以及寝室管理

第八章 学生管理和楼宇管理以及宿舍管理

文章目录

前言

一、学生管理

1.后端的提前准备工作

2.前端页面

二、楼宇管理

1.后端的提前准备工作

2.前端页面

三、寝室管理

1.数据库中写入数据

2.前端页面结构

3.加载楼宇

4.加载楼层

5.加载寝室

6.加载床位

7.寝室管理按钮

8.床位管理按钮

总结

【高校宿舍管理系统】第八章 学生管理和楼宇管理以及寝室管理相关推荐

最新文章

热门文章

【高校宿舍管理系统】第八章学生管理和楼宇管理以及寝室管理

第八章学生管理和楼宇管理以及宿舍管理

【高校宿舍管理系统】第八章学生管理和楼宇管理以及寝室管理相关推荐