学生宿舍管理系统(前端部分)
前几天的五一作业内容叫我们写一个学生宿舍管理系统。
可。。。就只有五天啊!
所以,经过重重考虑,得出两种解决方法:
1.从网上找源码,保证5天内完成,但交了作业却失去了意义。
2.自己写,先把最简单的前端部分完成,后端等以后有时间自己补。
什么,选1!因为俺要兼职,要玩耍,时间不够,直接找源码交最简单。
等等等,那可不行,俺可是好学生,自己写自己写,简单点无所谓,心意到了就行!
按照书里的要求,宿舍学生宿舍管理系统的要求是这样的:
了解了要求后,那可不得开始干活了。
前端部分,我们引用了layui,jquery框架,js,css,h5进行编码。可以说是怎么简单怎么来吧。
首先,登录注册得有吧。
登录界面:
登录对象有:学生,宿舍管理员,辅导员可供选择,点击注册按钮会跳转到注册界面,并加入了简单的登录注册验证功能。
其实本来想再加上session来验证的,但没下载Node.js,
所以就只给了简单的字符串验证了。
注册界面:
搞完注册登录后,进入主界面home:
左侧的菜单栏是按照第一张图的体系结构设计的。
菜单栏最大是分层是两层,第三层在中间显示部分中展示。
这样做的目的是为了左侧菜单栏更美观,避免分层过多,过于杂乱。
其中主页有快捷入口,点击进入对应的模块;
当然,也可以自己在下面寻找进入模块。
学生信息浏览部分的表格数据是直接写入h5的,是死数据。后期等有时间可以改为动态数据导入。
学生信息登录:
学生信息修改:
入住管理:
期末注销:
来访查询:
来访登记:
来访登记可以选择来访时间,结束时间,过程时间。点击弹出相应控件。
人员统计:
报表:
点击退出返回登录界面等。。。。。。。。。。
模块有点多,就不细讲了。
其实大部分界面都差不多的,也有少部分没写的界面,
但总体上实现了学生管理系统所需要的前端界面。
如果想要源码,请转☞
[学生宿舍管理系统(前端部分!)]
学生宿舍管理系统(前端部分!)
期待你的点赞关注!
学生宿舍管理系统(前端部分)相关推荐
- JSP Servlet Mysql学生宿舍管理系统
学生宿舍管理系统实现计算机来管理宿舍和学生的信息 把宿舍管理部门的工作人员从日常繁杂的事务中解脱出来 通过使用学生宿舍管理系统可以提高高校宿舍管理部门的工作效率 减少不必要的人力,物力和财力的支出 方 ...
- 基于java的学生宿舍管理系统(含源文件)
欢迎添加微信互相交流学习哦! 项目源码:https://gitee.com/oklongmm/biye 学生宿舍管理系统 摘 要 随着电脑的普及与使用,现在的管理也提升了一个档次,渐渐实现了无纸化 ...
- 基于java+SpringBoot+HTML+Mysql学生宿舍管理系统
源码+原文获取方式: 私信获取源码+原文 目 录 摘 要 Abstract 1 绪论 1.1 课题背景 1.2 目的与意义 1.3 论文研究主要内容 2 关键技术介绍 2.1 Ja ...
- java计算机毕业设计ssm学生宿舍管理系统15pjb(附源码、数据库)
java计算机毕业设计ssm学生宿舍管理系统15pjb(附源码.数据库) 项目运行 环境配置: Jdk1.8 + Tomcat8.5 + Mysql + HBuilderX(Webstorm也行)+ ...
- ssm毕设项目学生宿舍管理系统15pjb(java+VUE+Mybatis+Maven+Mysql+sprnig)
ssm毕设项目学生宿舍管理系统15pjb(java+VUE+Mybatis+Maven+Mysql+sprnig) 项目运行 环境配置: Jdk1.8 + Tomcat8.5 + Mysql + HB ...
- java计算机毕业设计springboot+vue学生宿舍管理系统
项目介绍 通篇文章的撰写基础是实际的应用需要,然后在架构系统之前全面复习大学所修习的相关知识以及网络提供的技术应用教程,以学生宿舍管理系统的实际应用需要出发,架构系统来改善现学生宿舍管理系统及出入登 ...
- 计算机毕业设计java+springboot+vue学生宿舍管理系统
项目介绍 通篇文章的撰写基础是实际的应用需要,然后在架构系统之前全面复习大学所修习的相关知识以及网络提供的技术应用教程,以学生宿舍管理系统的实际应用需要出发,架构系统来改善现学生宿舍管理系统及出入登记 ...
- java计算机毕业设计springboot+vue学生宿舍管理系统 elementui
通篇文章的撰写基础是实际的应用需要,然后在架构系统之前全面复习大学所修习的相关知识以及网络提供的技术应用教程,以学生宿舍管理系统的实际应用需要出发,架构系统来改善现学生宿舍管理系统及出入登记平台工作流 ...
- (附源码)springboot学生宿舍管理系统 毕业设计453155
Springboot学生宿舍管理系统 摘 要 科技进步的飞速发展引起人们日常生活的巨大变化,电子信息技术的飞速发展使得电子信息技术的各个领域的应用水平得到普及和应用.信息时代的到来已成为不可阻挡的时 ...
最新文章
- 矩阵拼接 cat padding_pytorch
- Ceres非线性优库入门介绍
- php 该throw还是该404,前端魔法堂——异常不仅仅是try/catch
- php和openresty效率,openresty say_hello 性能测试
- 离线实时一体化数仓与湖仓一体—云原生大数据平台的持续演进
- 【数据结构与算法】之深入解析“石子游戏III”的求解思路与算法示例
- 三维重建13X:一些算法试题-今日头条AI-Lab
- Bootstrap3 缩写词样式
- GB2312, GBK, GB18030 这几种字符集主要的区别
- 自食其力!ASP.NET 4打造HTML5视频控件
- angular6、7 兼容ie9、10、11
- 在Windows 10 增加和使用英语语音包
- 基于Outline构建团队的知识库 (上篇)
- iOS内测分发平台的选择与标准
- JavaScript的对象、属性与方法
- Git 不可不知的常识 (1)
- 三极管 vs MOS管 | PMOS与NMOS
- Android webview 清除历史访问记录
- String转换成json
- 【CentOS8】网卡重启