基于javaScript+html+sql的假期留校宿舍管理系统设计与实现

发布于:2022-12-30 ⋅ 阅读:(509) ⋅ 点赞:(0)

目 录
第一章 需求分析 1
1.1系统需求 1
1.2业务流程 2
1.3数据流图 3
1.4模块结构图 8
1.5用例图及用例描述 11
第二章 数据库设计 21
2.1概念数据库设计 21
2.2逻辑数据库设计 23
2.3物理结构设计 30
第三章 数据库应用开发 31
3.1应用开发环境 31
3.2功能结构图 32
3.3系统应用价值 33
第四章 系统展示 35
4.1 进入系统 35
4.2 登录 35
4.3管理员用户操作 37
4.4学生界面 41
4.5维修系统 44
4.6其他功能 46
第五章 项目总结 48
参考文献 49
第一章 需求分析
我们在需求分析部分讨论了系统的功能需求与非功能需求,然后设计了整个系统的整体的业务流程图,并且我们按照软件工程的需求分析流程,分析了系统的数据流图和系统的模块结构图,最后我们设计了系统的用例图。
1.1系统需求
本系统旨在为学生提供假期宿舍服务,并且为假期宿舍管理人员和维修人员提供便利的管理工具。系统目标用户人群包含学生、管理员以及维修人员,基本满足假期留校宿舍管理各种需求。
1.1.1系统功能需求
(1)管理员功能需求
1)可视化分析统计假期学生留宿信息。
2)查询和修改学生假期留宿的相关信息。
3)登记来访人员信息与查询来访人员信息。
4)查询留校学生的夜宿信息。
(2)学生功能需求
1)显示学生个人的基础信息。
2)离校信息登记与相关信息显示。
3)回校信息登记与相关信息显示。
4)留校信息登记与相关信息显示。
5)夜宿信息登记与相关信息显示。
6)宿舍维修申请、确认与相关信息显示。
(3)维修人员功能需求
1)查询维修申请信息。
2)接受申请信息。
1.1.2系统非功能需求
(1)可靠性需求。系统逻辑与远程数据库访问需要一定的可靠性。
(2)效率需求。查询信息时对时间和空间的效率需求,不能让用户等待太长时间,也不能占用太多内存。
(3)操作简便性需求。用户的操作仅需要点击和填写相关信息(要有相关提示)即可,要让用户上手容易。本文转载自http://www.biyezuopin.vip/onews.asp?id=15554
(4)用户隐私需求。系统逻辑要保证用户信息的安全性,不能因为系统的漏洞而泄露用户的隐私信息。[1]

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>{{title}}</title>
    <style type="text/css">
        a:link,a:visited{
            text-decoration:none;  /*超链接无下划线*/
        }
        a:hover{
            text-decoration:underline;  /*鼠标放上去有下划线*/
        }
        .center {
            text-align: center;
        }
    </style>
    <script>
        function validateForm(){
            var x=document.forms["login"]["id"].value;
            var y=document.forms["login"]["pwd"].value;
            if (x==null || x==""){
                alert("账号必须填写");
                return false;
            }
            if(y==null || y==""){
                alert("密码必须填写")
            }
        }
    </script>
</head>
{{>header}}
<div id="blu_bg"></div>
<body>

    <h1 class="center" style="position: relative; top: 150px; color: black">系统登录</h1>
    <div class="center" style="position: relative; top: 200px;">
        <form  name="login" action="/login" method="post" style="color: black; " onsubmit="return validateForm()">
            <strong>账号: </strong><input type="text" name="id"><br><br>
            <strong>密码: </strong><input type="password" name="pwd"><br><br>
            <input type="submit" value="登录" class="center">
            <a href="/login" target="">忘记密码</a>
        </form>
    </div>
<script>if(Number({{flag}})==1) alert('密码输入错误,请重新输入')
        else if(Number({{flag}})==2) alert('账号输入错误,请重新输入')
</script>
</body>
</html>

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述


网站公告

今日签到

点亮在社区的每一天
去签到