基于SpringBoot与Vue的智能停车场管理系统设计与实现

摘要
随着现代化经济的不断发展,科学技术的不断进步,人民的生活质量不断提高。车辆越来越多,居住小区、办公场所、商场、景点等场所的停车问题越来越突出。本文针对上述问题,针对目前的停车场管理模式与现状,研制了一套智能化的停车场管理系统,以达到车辆进出智能化、降低成本的目的。
本论文的主体部分是基于百度的智能牌照识别系统、MySQL数据库处理系统为一体的智能停车系统,达到在停车场入口无需取卡,通过车牌识别,记录车辆信息,输入数据库,同时显示进厂信息,车辆进入车场,达到无需人工值守的目的,在车辆出场时不需要取走卡片,通过摄像头进行车牌识别,同时与数据库中记录的数据进行比较,辨别是VIP车还是临时车,然后通过计费系统计算需要缴的费用,如为临时停车,根据预设的政策计费,随后停车进行缴费,起杆放行。
该停车场管理系统采用了B/S架构,以SpringBoot作为项目框架,基于JavaEE标准。IntelliJ IDEA 2021.2.1开发环境,数据库采用MySQL-5.5.37。采用 MVC开发模型,有效地提高了系统的开发效率。还可以提高软件的可维护性和扩展性。经测试,系统性能优良,可扩充性强,反应速度快,效率高,与现实的停车场管理系统相适应,提供了一个快捷、方便、标准的停车场管理平台。这对于企业的信息化水平和人力资源的节约都具有重大的现实意义。
关键词:B/S架构;SpringBoot框架;JavaEE;MVC模式;百度车牌识别

目录
1.前言 1
1.1 课题背景 1
1.2 研究意义及目的 1
1.2.1 研究的意义 1
1.2.2 研究的目的 1
1.3主要研究内容 2
1.3.1 系统模块 2
1.3.2 研究方法 2
2.系统开发环境 3
2.1 B/S架构 3
2.1.1 B/S架构概念 3
2.2 SpringBoot框架 3
2.2.1 什么是SpringBoot 3
2.2.2 SpringBoot的优点: 3
2.3 MVC设计模式 3
2.4 JavaEE简介 4
2.5 百度车牌识别技术 4
3.系统需求分析 5
3.1 可行性分析 5
3.1.1 技术可行性 5
3.1.2 经济可行性 5
3.1.3 社会可行性 5
3.2 系统需求分析 5
3.2.1 性能需求分析 5
3.2.2 功能需求分析 6
3.2.3 外部接口需求分析 6
4.系统设计 9
4.1 系统设计思想 9
4.2 概要设计 9
4.2.1 系统功能模块图 9
4.2.2 智能车辆识别系统流程图 10
4.3 数据库设计 10
4.3.1 数据需求分析 10
4.3.2 数据库表详细设计 11
5.系统详细设计与实现 19
5.1 系统登陆功能的实现 19
5.1.1 shiro认证 21
5.2 系统功能的实现 25
5.2.1 用户信息表实现 25
5.2.2 角色信息表实现 26
5.2.3 合作单位表实现 28
5.2.4 日志信息表实现 29
5.2.5 停车记录表实现 30
5.2.6 停车场信息表实现 31
5.2.7 车牌识别功能的实现 33
5.2.8 订单列表功能的实现 37
5.2.9 车辆管理功能的实现 38
6.系统测试 43
6.1 车牌识别功能的测试 43
6.2 基本功能测试 43
6.3 系统测试总结 44
7.总结与展望 45
7.1 总结 45
7.2 展望 45
致谢 47
参考文献 49

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org"
                xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
    <head>
        <meta charset="utf-8">
        <title>智能停车场管理平台-后台管理</title>
        <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <meta name="keywords" content="智能停车场管理平台">
        <meta name="description" content="智能停车场管理平台">
        <link rel="shortcut icon" th:href="@{/images/favicon.ico}" type="image/x-icon"/>
        <link rel="stylesheet" th:href="@{/css/okadmin.css}">
        <link rel="stylesheet" th:href="@{/css/okadmin.theme.css}">
    </head>
    <body class="layui-layout-body">
        <div class="layui-layout layui-layout-admin okadmin blue_theme">
            <!--头部导航-->
            <div class="layui-header okadmin-header">
                <ul class="layui-nav layui-layout-left">
                    <li class="layui-nav-item">
                        <a class="ok-menu ok-show-menu" href="javascript:" title="菜单切换">
                            <i class="layui-icon layui-icon-shrink-right"></i>
                        </a>
                    </li>
                </ul>
                <ul class="layui-nav layui-layout-right">
                   <li class="layui-nav-item">
                      <a class="ok-refresh" href="javascript:" title="刷新">
                         <i class="layui-icon layui-icon-refresh-3"></i>
                      </a>
                   </li>
                    <li class="layui-nav-item layui-hide-xs">
                        <a id="fullScreen" class=" pr10 pl10" href="javascript:">
                            <i class="layui-icon layui-icon-screen-full"></i>
                        </a>
                    </li>

                    <li class="no-line layui-nav-item">
                        <a href="javascript:">
                            <img th:src="@{images/logo.png}" class="layui-nav-img">
                            <shiro:principal property="nickname"/>
                        </a>
                        <dl id="userInfo" class="layui-nav-child">
                            <dd><a lay-id="u-2" href="javascript:" data-url="member/user-info.html">基本资料</a></dd>
                            <dd><a lay-id="u-3" href="javascript:" data-url="member/user-pwd.html">安全设置</a></dd>
                            <dd>
                                <hr/>
                            </dd>
                            <dd><a href="javascript:void(0)">退出登录</a></dd>
                        </dl>
                    </li>
                </ul>
            </div>
            <!--遮罩层-->
            <div class="ok-make"></div>
            <!--左侧导航区域-->
            <div class="layui-side layui-side-menu okadmin-bg-20222A ok-left">
                <div class="layui-side-scroll okadmin-side">
                    <div class="okadmin-logo" th:text="${smart_name}"></div>
                    <div class="user-photo">
                        <a class="img" title="智能停车场管理平台">
                            <img th:src="@{images/logo.png}" class="userAvatar">
                        </a>
                        <p>你好!<span class="userName"><shiro:principal property="nickname"/></span>, 欢迎登录</p>
                    </div>
                    <!--左侧导航菜单-->
                    <ul id="navBar" class="layui-nav okadmin-nav okadmin-bg-20222A layui-nav-tree">
                        <li class="layui-nav-item layui-this">
                            <a href="javascript:" lay-id="1" data-url="pages/console.html">
                                <i is-close=false class="ok-icon">&#xe654;</i>
                                控制台
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

            <!-- 内容主体区域 -->
            <div class="content-body">
                <div class="layui-tab ok-tab" lay-filter="ok-tab" lay-allowClose="true" lay-unauto>
                    <div data-id="left" id="okLeftMove" class="ok-icon ok-icon-back okadmin-tabs-control move-left okNavMove"></div>
                    <div data-id="right" id="okRightMove" class="ok-icon ok-icon-right okadmin-tabs-control move-right okNavMove"></div>
                    <div class="layui-icon okadmin-tabs-control ok-right-nav-menu" style="right: 0;">
                        <ul class="okadmin-tab">
                            <li class="no-line okadmin-tab-item">
                                <div class="okadmin-link layui-icon-down" href="javascript:;"></div>
                                <dl id="tabAction" class="okadmin-tab-child layui-anim-upbit layui-anim">
                                    <dd><a data-num="1" href="javascript:">关闭当前标签页</a></dd>
                                    <dd><a data-num="2" href="javascript:">关闭其他标签页</a></dd>
                                    <dd><a data-num="3" href="javascript:">关闭所有标签页</a></dd>
                                </dl>
                            </li>
                        </ul>
                    </div>

                    <ul id="tabTitle" class="layui-tab-title ok-tab-title not-scroll">
                        <li class="layui-this" lay-id="1" tab="index">
                            <i class="ok-icon">&#xe654;</i>
                            <cite is-close=false>控制台</cite>
                        </li>
                    </ul>
                    <div id="tabContent" class="layui-tab-content ok-tab-content">
                        <div class="layui-tab-item layui-show">
                            <iframe src='console.html' frameborder="0" scrolling="yes" width="100%" height="100%"></iframe>
                        </div>
                    </div>
                </div>
            </div>
            <!--底部信息-->
            <div class="layui-footer okadmin-text-center">
                Copyright ©2020-2021 智能停车场管理平台 All Rights Reserved
            </div>
        </div>
        <div class="yy"></div>
<script th:src="@{/lib/layui/layui.js}"></script>
<script th:src="@{/js/okadmin.js?v=2020}"></script>
<script src="https://unpkg.com/mqtt/dist/mqtt.min.js"></script>
<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
<script type="text/javascript" th:src="@{/lib/common/common.js}"></script>
</body>
</html>

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

shejizuopin

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值