毕业设计微信小程序的停车场管理系统

心已赠人 2024-02-23 02:34 19阅读 0赞

### 摘要 ###

随着信息化时代的到来，管理系统都趋向于智能化、系统化，智能停车场管理系统也不例外，但目前国内的市场仍都使用人工管理，市场规模越来越大，同时信息量也越来越庞大，人工管理显然已无法应对时代的变化，而智能停车场管理系统能很好地解决这一问题，轻松应对停车场平时的工作，既能提高人力物力财力，又能加快工作的效率，取代人工管理是必然趋势。  
本智能停车场管理系统以ssm作为框架，b/s模式以及MySql作为后台运行的数据库，同时使用Tomcat用为系统的服务器。本系统主要包括首页、个人中心、用户管理、车位信息管理、车位预定管理、系统管理等功能，通过这些功能的实现能够基本满足日常智能停车场管理的操作。  
本文着重阐述了智能停车场管理系统的分析、设计与实现，首先介绍开发系统和环境配置、数据库的设计，接着说明功能模块的详细实现，最后进行了总结。

### 开发技术 ###

##### Java语言 #####

Java是由SUN公司推出，该公司于2010年被oracle公司收购。Java本是印度尼西亚的一个叫做爪洼岛的英文名称，也因此得来java是一杯正冒着热气咖啡的标识。Java语言在移动互联网的大背景下具备了显著的优势和广阔的前景，它是面向对象的，分布式的，动态的，具有平台无关性、安全性、健壮性。Java语言的基本语句语法和C++一样，但是它面向对象的技术更加彻底，因为Java要求将所有的内容都必须封装成类，把类作为程序的基本单位。由于不允许类外有变量、方法。  
Java语言的分布式体现在数据分布和操作分布，它是面向网络的语言，可以处理TCP/IP协议，它也支持客户机/服务器的计算模式。Java语言的动态性是指类在运行时是动态安装的，使得Java可以动态的维护程序。Java不支持指针，对内存访问的所有操作都是通过对象实例化实现的，这样就避免了指针操作中易产生的错误，同时也预防了病毒对系统的破坏和威胁。  
Java语言的编程风格与C语言非常接近，它继承了C++面向对象技术的核心，它面世之后发展迅速，非常流行，对高级C语言形成了很大的冲击。业内人士称之为“一次编译、到处执行”。当然java也有缺点，在每次执行编译后，字节码都需要消耗一定的时间，在某些程度上降低了性能。但是这并不影响java成为此次设计语言的选择。Java语言简单易学，使用它的编程时间短，功能性强，开发者学习起来更简便、更快。

##### 微信小程序框架 #####

微信小程序的开发框架是微信所独有的一套框架，分为View视图层和App  
Service逻辑层两部分。框架提供了一种类似于Web中html语言的wxml语言，作为视图层的标签语言，用于构造页面的布局。另外提供了一种类似Web中css语言的WXSS语言，作为视图层的标签样式语言，用于表述页面的显示。而在逻辑层的框架，则同样使用了JS语言。微信小程序为了使开发者专注在代码的逻辑层面和数据处理上，还专门提供了两种解决方案，一种是事件，一种是数据的传输。这两种方案都位于小程序框架的视图层和逻辑层之间。用户在视图层进行交互之后，传递到逻辑层对数据进行处理，并返回数据到视图层向用户反馈。对于微信小程序视图层的开发设计，小程序官方提供了一系列的组件，这些基本组件可以极大的帮助开发者完成视图层的开发。同时，对于逻辑层的开发，小程序官方提供了一系列API来方便开发者请求一些额外功能。

##### SSM框架 #####

开发信息管理系统的主流框架是SSM（Spring + Spring MVC + MyBatis），SSM框架web层使用Spring  
MVC框架，使传输前后端数据变得简单；对于业务层使用Spring作为轻量级控制反转和面向切面的容器框架；对于相关SQL操作，采用Mybatis作为持久层框架，对JDBC进行封装，使得数据库的底层面向开发者操作处于一种透明状态。

### 环境配置 ###

##### MySQL配置 #####

（1）本系统的数据使用的是MySQL,所以要将MySQL安装到指定目录，如果下载的是非安装的MySQL压缩包，直接解压到指定目录就可以了。然后点击C:\\Program  
Files\\MySQL\\bin\\winMySQLadmin.exe这个文件其中C:\\Program  
Files\\MySQL是MySQL安装目录。输入winMySQLadmin的初始用户、密码（注：这不是MySQL里的用户、密码）随便填不必在意，确定之后右下角任务的启动栏会出现一个红绿灯的图标，红灯亮代表服务停止，绿灯亮代表服务正常，左击这个图标->winnt->install  
the service 安装此服务，再左击这个图标->winnt->start the service 启动MySQL服务。  
（2）修改MySQL数据库的root密码。用cmd进入命令行模式输入如下命令:  
cd C:\\Program Files\\MySQL\\bin  
MySQLadmin -u root -p password 123  
回车出现Enter password: ，这是要输入原密码. 刚安装时密码为空,所以直接回车，此时MySQL 中账号 root 的密码被改为 123  
安装完毕。

##### MyEclipse配置 #####

安装完MyEclipse后选择myeclipse“Window->Preferences”  
（1）配置myeclipse的jre为sun的jdk，不要用myeclipse的默认jdk：  
选择“java->Installed JREs”,勾中里面的“jdk1.7”.  
（2）配置编译的级别为6.0：  
选择“Compiler->Compiler compliance level”的值为“6.0”。  
（3）配置myeclipse的默认的文件编码格式为“UTF-8”：  
选择“General->Workspace”，选中“Text file encod”下面的“Other”，设置里面的值为“UTF-8”。  
（4）去掉myeclipse的JSP的验证：  
选择“MyEclipse->Validation”,将“Build”列的所有勾都给去掉,这样在编译时因为避免了jsp的验证，所以编译的速度会快很多.

### 系统设计 ###

##### 需求分析 #####

利用ssm、Java、MyEclipse和mysql数据库等知识点，结合相关设计模式、以及软件工程的相关知识，设计一个智能停车场管理系统，来进行记录用户的信息，以及系统信息的增删改查的功能，根据实现需求，系统需完成这些基本功能：  
（1）系统合理显示小程序前台用户界面和后台管理员界面。  
（2）用户和管理员所有的信息都保存与数据库中。  
（3）对智能停车场信息能够进行查询、修改、删除、添加等操作。

##### 总体设计 #####

根据智能停车场管理系统的功能需求，进行系统设计。  
前台功能：用户进入小程序可以实现首页、地图、我的；在我的页面可以对个人中心和车位预定等功能进行操作；  
后台主要是管理员，管理员功能包括首页、个人中心、用户管理、车位信息管理、车位预定管理、系统管理等；  
系统对这些功能进行整合，产生的功能结构图如下：  
![在这里插入图片描述][c0dacd722725492eb4f0046c83fffb5e.png]

##### 数据库设计与实现 #####

在每一个系统中数据库有着非常重要的作用，数据库的设计得好将会增加系统的效率以及系统各逻辑功能的实现。所以数据库的设计我们要从系统的实际需要出发，才能使其更为完美的符合系统功能的实现。  
数据库的E-R图反映了实体、实体的属性和实体之间的联系。下面是各个实体以及实体的属性。  
车位信息实体属性图如下所示：  
![在这里插入图片描述][2f93843268b74ffea8027f4067c2b75e.png]  
用户信息实体属性图如下所示：  
![在这里插入图片描述][26dfea909ee54fc2a03b084305b42d8b.png]

### 功能截图 ###

##### 小程序端 #####

登录，用户通过输入账号和密码，选择角色并点击登录进行系统登录操作  
![在这里插入图片描述][2493f54db2754f579600072a7d79c93b.png]  
用户注册，在用户注册页面通过填写用户名、密码、确认密码、姓名、性别、手机、车牌号等信息进行注册操作  
![在这里插入图片描述][5054292841a248d2962c247fb4b51d5f.png]  
用户登陆小程序端，可以实现首页、地图、我的等功能进行详细操作  
![在这里插入图片描述][cf7279ad8031453293a6510f3490822b.png]  
车位信息，在车位信息页面可以查看停车场名称、停车场地址、图片、车位编号、车位状态、小时费用、车位介绍等信息，用户可根据需要进行预定操作  
![在这里插入图片描述][25542e6d5f3f4aa191c2580e6d008647.png]  
地图，在地图页面可以查看地图路线进行导航  
![在这里插入图片描述][8708942e82a24b898023168623ecd531.png]  
用户，在我的页面可以对个人中心，车位预定等详细信息进行操作  
![在这里插入图片描述][42bbda91c2c6452db1ef3774d95cfc32.png]  
用户信息，在用户信息页面通过填写账号、密码、姓名、性别、手机、车牌号、头像等内容进行保存或退出登录操作  
![在这里插入图片描述][d7da881fe97e438187a690b09d91b74a.png]

##### 后台管理员功能模块 #####

管理员通过输入用户名、密码，选择角色并点击登录进行系统登录操作  
![在这里插入图片描述][cf0a059320df4444bfe88b965432f387.png]  
管理员登陆系统后，可以对首页、个人中心、用户管理、车位信息管理、车位预定管理、系统管理等功能进行相应操作  
![在这里插入图片描述][4371a6a8adf548a3b3240f6043a05ea6.png]  
用户管理，在用户管理页面可以对索引、账号、姓名、性别、手机、车牌号、头像等内容进行详情、修改或删除等操作  
![在这里插入图片描述][ef064c07bbad4c9388f94a1940599c0b.png]  
车位信息管理，在车位信息管理页面可以对索引、停车场名称、停车场地址、车位编号、车位状态、小时费用、车位图片等内容进行详情，修改或删除等操作  
![在这里插入图片描述][8313ba7042b34122a1c5586c980e6d8f.png]  
车位预定管理，在车位预定管理页面可以对索引、停车场名称、停车场地址、车位编号、小时费用、预定时长、合计、停车时间、备注、车位图片、账号、姓名、手机、车牌号、是否支付、审核回复、审核状态、审核等内容进行详情或删除操作  
![在这里插入图片描述][3fcc82eaa4254f08ada958044b11a042.png]  
系统管理，在公告信息页面可以对索引、标题、图片等内容进行详情，修改或删除等操作，还可以对轮播图管理进行详细操作  
![在这里插入图片描述][2530d732d82741d9bf6b4b8de2ea612f.png]

### 相关代码 ###

##### 数据库配置 #####

# Tomcat
    server:
        tomcat:
            uri-encoding: UTF-8
        port: 8080
        servlet:
            context-path: /springbootr1tjf
    
    spring:
        datasource:
            driverClassName: com.mysql.jdbc.Driver
            url: jdbc:mysql://127.0.0.1:3306/springbootr1tjf?useUnicode=true&characterEncoding=utf-8&useJDBCCompliantTimezoneShift=true&useLegacyDatetimeCode=false&serverTimezone=GMT%2B8
            username: root
            password: 123456
    
    #        driverClassName: com.microsoft.sqlserver.jdbc.SQLServerDriver
    #        url: jdbc:sqlserver://127.0.0.1:1433;DatabaseName=springbootr1tjf
    #        username: sa
    #        password: 123456
    
        servlet:
          multipart:
            max-file-size: 10MB
            max-request-size: 10MB
        resources:
          static-locations: classpath:static/,file:static/
    
    #mybatis
    mybatis-plus:
      mapper-locations: classpath*:mapper/*.xml
      #实体扫描，多个package用逗号或者分号分隔
      typeAliasesPackage: com.entity
      global-config:
        #主键类型  0:"数据库ID自增", 1:"用户输入ID",2:"全局唯一ID (数字类型唯一ID)", 3:"全局唯一ID UUID";
        id-type: 1
        #字段策略 0:"忽略判断",1:"非 NULL 判断"),2:"非空判断"
        field-strategy: 2
        #驼峰下划线转换
        db-column-underline: true
        #刷新mapper 调试神器
        refresh-mapper: true
        #逻辑删除配置
        logic-delete-value: -1
        logic-not-delete-value: 0
        #自定义SQL注入器
        sql-injector: com.baomidou.mybatisplus.mapper.LogicSqlInjector
      configuration:
        map-underscore-to-camel-case: true
        cache-enabled: false
        call-setters-on-nulls: true
        #springboot 项目mybatis plus 设置 jdbcTypeForNull (oracle数据库需配置JdbcType.NULL, 默认是Other)
        jdbc-type-for-null: 'null'

##### 控制层（controller） #####

package com.controller;
    
    
        
    
        import java.util.Arrays;
        import java.util.Calendar;
        import java.util.Date;
        import java.util.Map;
        
        import javax.servlet.http.HttpServletRequest;
        
        import org.springframework.beans.factory.annotation.Autowired;
        import org.springframework.stereotype.Controller;
        import org.springframework.web.bind.annotation.GetMapping;
        import org.springframework.web.bind.annotation.PathVariable;
        import org.springframework.web.bind.annotation.PostMapping;
        import org.springframework.web.bind.annotation.RequestBody;
        import org.springframework.web.bind.annotation.RequestMapping;
        import org.springframework.web.bind.annotation.RequestParam;
        import org.springframework.web.bind.annotation.ResponseBody;
        import org.springframework.web.bind.annotation.RestController;
        
        import com.annotation.IgnoreAuth;
        import com.baomidou.mybatisplus.mapper.EntityWrapper;
        import com.entity.TokenEntity;
        import com.entity.UserEntity;
        import com.service.TokenService;
        import com.service.UserService;
        import com.utils.CommonUtil;
        import com.utils.MPUtil;
        import com.utils.PageUtils;
        import com.utils.R;
        import com.utils.ValidatorUtils;
        
        /**
         * 登录相关
         */
        @RequestMapping("users")
        @RestController
        public class UserController{
        
        	
        	@Autowired
        	private UserService userService;
        	
        	@Autowired
        	private TokenService tokenService;
        
        	/**
        	 * 登录
        	 */
        	@IgnoreAuth
        	@PostMapping(value = "/login")
        	public R login(String username, String password, String captcha, HttpServletRequest request) {
        
        		UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username));
        		if(user==null || !user.getPassword().equals(password)) {
        
        			return R.error("账号或密码不正确");
        		}
        		String token = tokenService.generateToken(user.getId(),username, "users", user.getRole());
        		return R.ok().put("token", token);
        	}
        	
        	/**
        	 * 注册
        	 */
        	@IgnoreAuth
        	@PostMapping(value = "/register")
        	public R register(@RequestBody UserEntity user){
        
        //    	ValidatorUtils.validateEntity(user);
            	if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {
        
            		return R.error("用户已存在");
            	}
                userService.insert(user);
                return R.ok();
            }
        
        	/**
        	 * 退出
        	 */
        	@GetMapping(value = "logout")
        	public R logout(HttpServletRequest request) {
        
        		request.getSession().invalidate();
        		return R.ok("退出成功");
        	}
        	
        	/**
             * 密码重置
             */
            @IgnoreAuth
        	@RequestMapping(value = "/resetPass")
            public R resetPass(String username, HttpServletRequest request){
        
            	UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username));
            	if(user==null) {
        
            		return R.error("账号不存在");
            	}
            	user.setPassword("123456");
                userService.update(user,null);
                return R.ok("密码已重置为：123456");
            }
        	
        	/**
             * 列表
             */
            @RequestMapping("/page")
            public R page(@RequestParam Map<String, Object> params,UserEntity user){
        
                EntityWrapper<UserEntity> ew = new EntityWrapper<UserEntity>();
            	PageUtils page = userService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.allLike(ew, user), params), params));
                return R.ok().put("data", page);
            }
        
        	/**
             * 列表
             */
            @RequestMapping("/list")
            public R list( UserEntity user){
        
               	EntityWrapper<UserEntity> ew = new EntityWrapper<UserEntity>();
              	ew.allEq(MPUtil.allEQMapPre( user, "user")); 
                return R.ok().put("data", userService.selectListView(ew));
            }
        
            /**
             * 信息
             */
            @RequestMapping("/info/{id}")
            public R info(@PathVariable("id") String id){
        
                UserEntity user = userService.selectById(id);
                return R.ok().put("data", user);
            }
            
            /**
             * 获取用户的session用户信息
             */
            @RequestMapping("/session")
            public R getCurrUser(HttpServletRequest request){
        
            	Long id = (Long)request.getSession().getAttribute("userId");
                UserEntity user = userService.selectById(id);
                return R.ok().put("data", user);
            }
        
            /**
             * 保存
             */
            @PostMapping("/save")
            public R save(@RequestBody UserEntity user){
        
        //    	ValidatorUtils.validateEntity(user);
            	if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {
        
            		return R.error("用户已存在");
            	}
                userService.insert(user);
                return R.ok();
            }
        
            /**
             * 修改
             */
            @RequestMapping("/update")
            public R update(@RequestBody UserEntity user){
        
        //        ValidatorUtils.validateEntity(user);
            	UserEntity u = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername()));
            	if(u!=null && u.getId()!=user.getId() && u.getUsername().equals(user.getUsername())) {
        
            		return R.error("用户名已存在。");
            	}
                userService.updateById(user);//全部更新
                return R.ok();
            }
        
            /**
             * 删除
             */
            @RequestMapping("/delete")
            public R delete(@RequestBody Long[] ids){
        
                userService.deleteBatchIds(Arrays.asList(ids));
                return R.ok();
            }
        }

##### 业务层（Service） #####

package com.service;
        
        import java.util.List;
        import java.util.Map;
        
        import org.apache.ibatis.annotations.Param;
        
        import com.baomidou.mybatisplus.mapper.Wrapper;
        import com.baomidou.mybatisplus.service.IService;
        import com.entity.UserEntity;
        import com.utils.PageUtils;
    
    
        
    
        /**
         * 系统用户
         */
        public interface UserService extends IService<UserEntity> {
        
         	PageUtils queryPage(Map<String, Object> params);
            
           	List<UserEntity> selectListView(Wrapper<UserEntity> wrapper);
           	
           	PageUtils queryPage(Map<String, Object> params,Wrapper<UserEntity> wrapper);
        	   	
        }

##### 数据访问层（Dao） #####

package com.dao;
    
    import java.util.List;
    
    import org.apache.ibatis.annotations.Param;
    
    import com.baomidou.mybatisplus.mapper.BaseMapper;
    import com.baomidou.mybatisplus.mapper.Wrapper;
    import com.baomidou.mybatisplus.plugins.pagination.Pagination;
    import com.entity.UserEntity;
    
    /**
     * 用户
     */
    public interface UserDao extends BaseMapper<UserEntity> {
        
    	
    	List<UserEntity> selectListView(@Param("ew") Wrapper<UserEntity> wrapper);
    
    	List<UserEntity> selectListView(Pagination page,@Param("ew") Wrapper<UserEntity> wrapper);
    	
    }

## 项目获取: ##

[https://gitee.com/sinonfin/L-javaWebSha/tree/master][https_gitee.com_sinonfin_L-javaWebSha_tree_master]

[c0dacd722725492eb4f0046c83fffb5e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/3a5208b84aca4597bc7e5be4216f6f9a.png
[2f93843268b74ffea8027f4067c2b75e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/4aa822a0096d4f5d9d4a66bfd388d2b6.png
[26dfea909ee54fc2a03b084305b42d8b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/570f87c266d141818e1f5bda6d5184ee.png
[2493f54db2754f579600072a7d79c93b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/0eb3b6bb38c843ba9ca1adf433be6ed3.png
[5054292841a248d2962c247fb4b51d5f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/4e6904b962ab431dbeb059645c629976.png
[cf7279ad8031453293a6510f3490822b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/16c68944fd084f66b49090441ab6bfba.png
[25542e6d5f3f4aa191c2580e6d008647.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/a09965de78644602b6363b67c6c6bc50.png
[8708942e82a24b898023168623ecd531.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/34e35b418be6436a86c1bb8a58dcbbc3.png
[42bbda91c2c6452db1ef3774d95cfc32.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/a78a79234f5e415d9beeaa0dfa85c2df.png
[d7da881fe97e438187a690b09d91b74a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/d424087000fb4e4c9c26d25d091ba430.png
[cf0a059320df4444bfe88b965432f387.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/581c07f7ebdd472fad21b69afec840d8.png
[4371a6a8adf548a3b3240f6043a05ea6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/76219c1cd4a14e46893742a4e264af91.png
[ef064c07bbad4c9388f94a1940599c0b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/0e09f3d03b154c5c8bd1bab1572049d3.png
[8313ba7042b34122a1c5586c980e6d8f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/cb95461bf0eb41fa8e7c1df249e0294c.png
[3fcc82eaa4254f08ada958044b11a042.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/82f6d541260740a68452b9fb2bb9346b.png
[2530d732d82741d9bf6b4b8de2ea612f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/1f9774b7c38b44c7b4faf720ca389abc.png
[https_gitee.com_sinonfin_L-javaWebSha_tree_master]: https://gitee.com/sinonfin/L-javaWebSha/tree/master