基于springboot的停车场管理系统设计与实现

目录
摘要 I
ABSTRACT II
第一章系统概述 1
第二章系统框架 2
2．1 网络架构 2
2.2系统架构 3
2.3系统功能 4
第三章系统需求分析 5
一．用户登录模块 5
1.功能描述 5
2. 业务处理流程及要求 5
3. 输入信息 5
4. 输出信息 5
二．车辆进出模块 5
1.功能描述 5
2.业务处理流程及要求 5
3.输入信息 6
4.输出信息 6
三．车辆图片添加 6

功能描述 6
业务处理流程及要求 6
输入信息 6
输出信息 6
四．实时车库监控 6
功能描述 6
业务处理流程及要求 6
输入信息 7
输出信息 7
五．预计收入查询模块 7
功能描述 7
业务处理流程及要求 7
3.输入信息 7
4.输出信息 7
六．历史记录模块 7
功能描述 7
业务处理流程及要求 7
3.输入信息 8
4.输出信息 8
七．数据统计模块 8
1.功能描述 8
2.业务处理流程及要求 8
3.输入信息 8
4.输出信息 8
八．过滤器 8
功能描述 8
2.业务处理流程及要求 8
3.输入信息 9
4.输出信息 9
九．车牌识别模块 9
1.功能描述 9
2.业务处理流程及要求 9
3.输入信息 9
4.输出信息 9
第四章系统详细设计 9
用户登录模块说明 9
车辆进出模块说明 11
车库实时查看模块 13
预计收费查看模块 14
历史记录查看模块 17
历史数据统计模块 19
过滤器模块 22
车牌识别模块 22
第五章数据库设计 23
5.1数据库表概念结构设计 23
5.2数据库表概念关系模型 24
第六章系统功能实现 25
一．用户登录模块 25
二．车辆进出模块 26
三．车辆图片添加 29
四．实时车库监控 30
五．预计收入模块 31
六．历史记录查询 32
七．数据统计模块 33
八．车牌识别模块 35
（1）具体功能：管理员在后台选择相应的图片路径进行车牌识别。 35
（2）程序流程图： 35
（3）截图预览： 35
第七章程序清单 36

第三章系统需求分析
一．用户登录模块
1.功能描述
输入用户名，密码，验证码，按确认按钮，若验证码输入错误或者用户名密码输入错误，弹出警告框，提示相应信息，若输入正确则进入后台首页。
2.业务处理流程及要求
（1）输入用户名、密码和验证码。
（2）如输入错误则弹出相应警告框。
（3）若输入正确则进入后台主页。
3.输入信息
用户名、密码和验证码
4.输出信息
若验证码输入错误或者用户名密码输入错误，弹出警告框，提示相应信息，若输入正确则进入后台首页。
二．车辆进出模块
1.功能描述
输入车辆类型，车牌号，入场时间（本实验测试用），若车辆未入库且车位有空余，则提示欢迎入场，并给出其要停的车位。若车辆未入库但是车库车已满，则提示该类型的车已停满。若车辆已入库，则输出欢迎下次光临提示，并显示其要付款的金额。
2.业务处理流程及要求
（1）输入车牌信息，车辆类型，入场时间。
（2）若未入库且车库有空余，则提示欢迎入场，并给出其要停的车位。
（3）若车辆未入库但是车库车已满，则提示该类型的车已停满。
（4）若车辆已入库，则输出欢迎下次光临提示，并显示其要付款的金额。
3.输入信息
车辆类型，车牌号，入场时间（本实验测试用）
4.输出信息
若车辆未入库且车位有空余，则提示欢迎入场，并给出其要停的车位。若车辆未入库但是车库车已满，则提示该类型的车已停满。若车辆已入库，则输出欢迎下次光临提示，并显示其要付款的金额。

三．车辆图片添加
1.功能描述
输入车牌号，然后添加车辆图片，拖拽进去即可。系统就会为在车库中的车自动添加车辆图片。在实时车库监控中就可以查看。
2.业务处理流程及要求
（1）输入车牌号，添加车辆照片
（2）添加成功。
（3）图片太大或者不是图片则添加失败。
3.输入信息
车牌号，添加车辆照片
4.输出信息
车辆照片添加情况
四．实时车库监控
1.功能描述
这里显示车库中所有的车辆信息，包含车牌号、车辆类型、入场时间、推荐车位。如果有添加车辆照片，本文转载自http://www.biyezuopin.vip/onews.asp?id=14687还可以直接点击前面的小图标进行查看，照片会以模态框的形式呈现。而且用户还可以在列表中对想要查找的车进行筛选。
2.业务处理流程及要求
（1）显示车辆信息
（2）查询筛选车辆信息
（3）车辆照片查看
3.输入信息
无
4.输出信息
车辆信息、车辆照片
五．预计收入查询模块
1.功能描述
查询车库中所有的车，到现在为止应该缴纳的金额。具体到每一辆车，而且将他们的信息以表格的方式呈现。
2.业务处理流程及要求
（1）查询所有车到目前为止应该缴纳的金额，方便车主询问。
3.输入信息
无
4.输出信息
车库内所有车辆到目前为止应该缴纳的金额。
六．历史记录模块
1.功能描述
查询所有历史的停车信息记录，用户可以在网页上对停车信息记录进行筛选，还可以进行相应的修改、删除和排序。当数据量过大时还可以选择一页呈现多少条数据。
2.业务处理流程及要求
（1）查询所有的停车历史记录，利用js技术可以在表格中进行筛选和排序。
（2）修改相应的历史记录，管理员可根据需要修改相应车辆的停车历史记录。
（3）删除历史记录，管理员可根据需要删除相应的历史记录。
3.输入信息
无
4.输出信息
车库历史以来所有车的停车记录。

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="">
<head>
    <% String path=request.getContextPath(); %>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Login Page</title>
    <script src="<%=path%>/js/login_code1.js"></script>

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="<%=path%>/css/my-login.css">
</head>
<body class="my-login-page">
<%
    String mess=(String)session.getAttribute("message");
    if("".equals(mess)  || mess==null){

    }
    else{%>
<script type="text/javascript">
    alert("<%=mess%>");
</script>
<% session.setAttribute("message", "");}%>
<section class="h-100">
    <div class="container h-100 disappear">
        <div class="row justify-content-md-center h-100">
            <div class="card-wrapper">
                <div class="brand">
                    <img src="<%=path%>/img/car.png" alt="logo">
                </div>
                <div class="card fat">
                    <div class="card-body">
                        <h4 class="card-title">停车收费管理系统</h4>
                        <form method="POST" class="my-login-validation" novalidate="" action="/park_war_exploded/LoginServlet">
                            <div class="form-group">
                                <label for="name">用户名：</label>
                                <input id="name" type="email" class="form-control" name="username" value="" required autofocus>
                            </div>

                            <div class="form-group">
                                <input id="pwd" type="password" class="form-control" name="password" required data-eye>
                            </div>

                            <div class="form-group">
                                <div class="custom-checkbox custom-control">
                                    <input type="checkbox" name="remember" id="remember" class="custom-control-input">
                                    <label for="remember" class="custom-control-label">记住我</label>
                                </div>
                            </div>
                            <div class="form-group">
                                <label>验证码:</label>
                                <input type="text" id="inputCode" required="" class="form-control" style="width: 180px">
                                <div id="checkCode" class="code"  onclick="createCode(4)" ></div>
                                <div class="change" onclick="createCode(4)">换一张</div>
                            </div>
                            <div class="form-group m-0">
                                <button type="submit" class="btn btn-primary btn-block" onclick="return check_code(this.form);">
                                    登录
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="footer">
                    Copyright &copy; 2021 zjut JAVA_WEB class final work by zcq
                </div>
            </div>
        </div>
    </div>
</section>
<script src="<%=path%>/js/pointandline.js" type="text/javascript"></script>
</body>
</html>

在这里插入图片描述

基于springboot的停车场管理系统设计与实现

猜你喜欢