基于Vue的移动端停车场管理平台的设计与实现_基于vue的停车场管理系统

摘  要

随着城市的发展，国内家庭车辆的拥有率正在逐年升高，城市可用停车位也相应越来越稀少，大部分老式停车场依旧采取人工值守的方式进行管理，造成了资源利用率不足，人工消耗大等结果。对此现状本人决定开发出一种无人值守的停车场管理系统。

通过研究停车场系统的设计、说明、实施、分析和测试等各方面的发展过程，并采用了前后端分离的方式，以Java为主要开发语言，结合上SSM框架与MySQL数据库技术，建立了整个系统的体系结构，且与实际需求相结合，最终开发出了具有首页、个人中心、停车场管理、充值类型管理、入场信息管理、出场信息管理、出场结算管理以及系统管理等功能的系统。在此基础上对系统展开数次的测试，从而对系统进行优化。最终，系统实现了预期的目的。

关键词：停车场管理系统；微信小程序；SpringBoot；Mysql数据库

4.1 系统总功能模块设计

停车场系统分三大部分，即管理员管理，商家管理和用户管理。系统按照商家和用户的实际需求开发而来，贴近生活。管理员拿到分配好的账号密码得以进入系统，使用相关的系统应用，管理员权限最大，紧接的是商家和用户。管理员总体负责整体系统的运行维护，统筹协调。

系统整体模块设计：系统分为管理员，商家和用户三大用户角色，系统管理员有最大的权限，整体功能如图4-1所示。

 图4-1 整体功能图

(10)停车场购买：如图4-11所示。

 图4-11停车场购买 

(11)商家：如图4-12所示。

 

 图4-12商家图

(12)系统整体E-R图：如图4-13所示。

 图4-13 系统整体E-R图

 

5.1.2 小程序首页功能的实现

小程序首页是用户注册登录后进入的第一个界面，在这里，人们能够看到小程序的导航条，内容包括首页、停车场信息、我的等。小程序首页界面如图5-3所示。

 图5-3 小程序首页界面图

 5.1.3 停车场信息功能的实现

停车场信息：在停车场信息页面输入停车场名称可以查看到停车场详细信息；停车场的信息详情如下图5-4所示。

 图5-4 停车场信息详情

 5.1.4 个人信息功能的实现

用户在我的模块可以对自己的姓名、手机、密码、头像、性别等信息进行修改保存。个人信息界面展示如下图5-5所示。

 图5-5 我的界面图

 管理员可以通过用户管理页面对账号的姓名、性别、年龄、手机、邮箱等信息进行修改，如下图5-7所示。

 图5-7 用户管理

 管理员可以轻松修改停车场名称、车位类型、单价、商家账号、商家姓名等信息，如下图5-9所示。

  图5-9 停车场信息管理

 注：展示部分文档内容和系统截图，需要完整的视频、代码、文章和安装调试环境请私信up主。

 

目    录

摘  要

Abstract

1  概述

1.1 研究背景

1.2 研究意义

1.3 国内外研究现状

1.4 设计内容

2 关键技术介绍

2.1 Java介绍

2.2 微信开发者工具

2.3 Mysql数据库

2.4 Tomcat简介

2.5 B/S架构

2.6 SpringBoot框架

3 系统分析

3.1 经济可行性

3.2 技术可行性

3.3 运行可行性

3.4 流程设计

3.4.1 程序流程图设计

3.4.2 添加信息流程图设计

3.4.3 删除数据信息流程图设计

4 系统的设计

4.1 系统总功能模块设计

4.2 系统数据库设计

4.2.1 数据库系统概要设计

4.2.2 E-R模型结构设计

4.3 数据表设计

5 系统的实现

5.1 小程序端实现

5.1.1 登录界面的实现

5.1.2 小程序首页功能的实现

5.1.3 停车场信息功能的实现

5.1.4 个人信息功能的实现

5.1.5 我的功能

5.2 管理员功能实现

5.2.1 用户管理模块

5.2.2 停车场信息管理模块

5.2.3 出场信息管理模块

5.2.4系统管理模块

5.3 商家功能实现

5.3.1 入场信息管理模块

5.3.2 出场结算管理模块

5.3.3 余额充值管理模块

5.4 本章小结

6 系统测试

6.1 系统测试的目的

6.2 测试用例

6.3 性能测试

6.4 测试结论

结    论

参 考 文 献

致    谢