【计算机毕业设计】基于SpringBoot+Vue智能停车计费系统设计与实现

目录

一、项目介绍

二、项目主要技术

三、系统功能结构设计

四、系统详细功能的实现

4.1 前台功能实现

4.2 管理员模块实现

4.3 用户后台模块实现

五、实现代码

一、项目介绍

该系统采用了java技术、SpringBoot 框架,连接MySQL数据库,具有较高的信息传输速率与较强的数据处理能力。包含管理员和用户两个层级的用户角色,系统管理员可以对系统首页,个人中心,用户管理,车位分类管理,车位信息管理,车子进场管理,车子离场管理,违规处罚管理,投诉建议,交流论坛,系统管理等功能进行详情,修改和删除操作;真正实现了管理工作的无纸化,并且还拥有角色及用户的添加与删除功能,可以很好的供所有用户使用。

二、项目主要技术

开发语言:Java
 
使用框架:spring boot
 
前端技术:JavaScript、Vue 、css3
 
开发工具:IDEA/MyEclipse/Eclipse、Visual Studio Code
 
数据库:MySQL 5.7/8.0
 
数据库管理工具:phpstudy/Navicat
 
JDK版本:jdk1.8
 
Maven: apache-maven 3.8.1-bin

三、系统功能结构设计

完成了设计思路的构想,接下来就是按照实际要求完成所需功能。该系统功能结构图如图所示:

四、系统详细功能的实现

4.1 前台功能实现

打开系统的网址后,首先看到的就是首页界面。在这里能够看到系统的导航条,通过导航条导航进入各功能展示页面进行操作。系统首页界面如图所示:

系统注册:在系统注册页面的输入栏中输入用户注册信息进行注册操作,系统注册页面如图所示:

车位信息:在车位信息页面的输入栏中输入停车场名称和车位编号进行查询,可以查看到车位详细信息,并根据需要进行进场操作;车位信息页面如图所示:

论坛交流:在论坛交流页面通过输入标题进行查询;论坛交流页面如图所示:

系统公告:在系统公告页面输入标题进行查询,可以查看到系统公告详细信息并操作;系统公告页面如图所示:

4.2 管理员模块实现

管理员登录,在登录页面正确输入用户名和密码后,点击登录进入操作系统进行操作;如图所示。

管理员进入主页面,主要功能包括对系统首页,个人中心,用户管理,车位分类管理,车位信息管理,车子进场管理,车子离场管理,违规处罚管理,投诉建议,交流论坛,系统管理等进行操作。管理员主页面如图所示:

管理员点击用户管理。在用户页面输入用户账号和姓名进行查询、新增或删除用户列表,并根据需要对用户详情信息进行详情、修改或删除操作;如图所示:

管理员点击车位分类管理。在车位分类页面输入车位类型进行查询、新增或删除车位分类列表,并根据需要对车位分类详情信息进行详情、修改或删除操作;如图所示:

管理员点击车子进场管理。在车子进场页面输入停车场名称进行查询或删除车子进场列表,并根据需要对车子进场详情信息进行详情或删除操作;如图所示:

管理员点击车子离场管理。在车子离场页面输入停车场名称和选择是否通过进行查询或删除车子离场列表,并根据需要对车子离场详情信息进行详情、修改或删除操作;如图所示:

管理员点击系统管理。进入系统公告页面输入标题可以查询,新增或删除系统公告列表,并根据需要对系统公告详细信息进行详情,修改或删除操作。还可对在线交流,轮播图管理进行详细操作。如图所示:

4.3 用户后台模块实现

用户进入主页面,主要功能包括对系统首页,个人中心,车子进场管理,车子离场管理,违规处罚管理等进行操作。用户主页面如图所示:

五、实现代码

/**
 * 车子进场
 * 后端接口
 * @author 
 * @email 
 * @date 2023-03-10 15:09:42
 */
@RestController
@RequestMapping("/chezijinchang")
public class ChezijinchangController {
    @Autowired
    private ChezijinchangService chezijinchangService;
 
 
    
 
 
    /**
     * 后端列表
     */
    @RequestMapping("/page")
    public R page(@RequestParam Map<String, Object> params,ChezijinchangEntity chezijinchang,
		HttpServletRequest request){
		String tableName = request.getSession().getAttribute("tableName").toString();
		if(tableName.equals("yonghu")) {
			chezijinchang.setYonghuzhanghao((String)request.getSession().getAttribute("username"));
		}
        EntityWrapper<ChezijinchangEntity> ew = new EntityWrapper<ChezijinchangEntity>();
 
		PageUtils page = chezijinchangService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, chezijinchang), params), params));
 
        return R.ok().put("data", page);
    }
    
    /**
     * 前端列表
     */
	@IgnoreAuth
    @RequestMapping("/list")
    public R list(@RequestParam Map<String, Object> params,ChezijinchangEntity chezijinchang, 
		HttpServletRequest request){
        EntityWrapper<ChezijinchangEntity> ew = new EntityWrapper<ChezijinchangEntity>();
 
		PageUtils page = chezijinchangService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, chezijinchang), params), params));
        return R.ok().put("data", page);
    }
 
	/**
     * 列表
     */
    @RequestMapping("/lists")
    public R list( ChezijinchangEntity chezijinchang){
       	EntityWrapper<ChezijinchangEntity> ew = new EntityWrapper<ChezijinchangEntity>();
      	ew.allEq(MPUtil.allEQMapPre( chezijinchang, "chezijinchang")); 
        return R.ok().put("data", chezijinchangService.selectListView(ew));
    }
 
	 /**
     * 查询
     */
    @RequestMapping("/query")
    public R query(ChezijinchangEntity chezijinchang){
        EntityWrapper< ChezijinchangEntity> ew = new EntityWrapper< ChezijinchangEntity>();
 		ew.allEq(MPUtil.allEQMapPre( chezijinchang, "chezijinchang")); 
		ChezijinchangView chezijinchangView =  chezijinchangService.selectView(ew);
		return R.ok("查询车子进场成功").put("data", chezijinchangView);
    }
	
    /**
     * 后端详情
     */
    @RequestMapping("/info/{id}")
    public R info(@PathVariable("id") Long id){
        ChezijinchangEntity chezijinchang = chezijinchangService.selectById(id);
        return R.ok().put("data", chezijinchang);
    }
 
    /**
     * 前端详情
     */
	@IgnoreAuth
    @RequestMapping("/detail/{id}")
    public R detail(@PathVariable("id") Long id){
        ChezijinchangEntity chezijinchang = chezijinchangService.selectById(id);
        return R.ok().put("data", chezijinchang);
    }
    
 
 
 
    /**
     * 后端保存
     */
    @RequestMapping("/save")
    public R save(@RequestBody ChezijinchangEntity chezijinchang, HttpServletRequest request){
    	chezijinchang.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
    	//ValidatorUtils.validateEntity(chezijinchang);
        chezijinchangService.insert(chezijinchang);
        return R.ok();
    }
    
    /**
     * 前端保存
     */
    @RequestMapping("/add")
    public R add(@RequestBody ChezijinchangEntity chezijinchang, HttpServletRequest request){
    	chezijinchang.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
    	//ValidatorUtils.validateEntity(chezijinchang);
        chezijinchangService.insert(chezijinchang);
        return R.ok();
    }
 
 
 
    /**
     * 修改
     */
    @RequestMapping("/update")
    @Transactional
    public R update(@RequestBody ChezijinchangEntity chezijinchang, HttpServletRequest request){
        //ValidatorUtils.validateEntity(chezijinchang);
        chezijinchangService.updateById(chezijinchang);//全部更新
        return R.ok();
    }
 
 
    
 
    /**
     * 删除
     */
    @RequestMapping("/delete")
    public R delete(@RequestBody Long[] ids){
        chezijinchangService.deleteBatchIds(Arrays.asList(ids));
        return R.ok();
    }
    
    /**
     * 提醒接口
     */
	@RequestMapping("/remind/{columnName}/{type}")
	public R remindCount(@PathVariable("columnName") String columnName, HttpServletRequest request, 
						 @PathVariable("type") String type,@RequestParam Map<String, Object> map) {
		map.put("column", columnName);
		map.put("type", type);
		
		if(type.equals("2")) {
			SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
			Calendar c = Calendar.getInstance();
			Date remindStartDate = null;
			Date remindEndDate = null;
			if(map.get("remindstart")!=null) {
				Integer remindStart = Integer.parseInt(map.get("remindstart").toString());
				c.setTime(new Date()); 
				c.add(Calendar.DAY_OF_MONTH,remindStart);
				remindStartDate = c.getTime();
				map.put("remindstart", sdf.format(remindStartDate));
			}
			if(map.get("remindend")!=null) {
				Integer remindEnd = Integer.parseInt(map.get("remindend").toString());
				c.setTime(new Date());
				c.add(Calendar.DAY_OF_MONTH,remindEnd);
				remindEndDate = c.getTime();
				map.put("remindend", sdf.format(remindEndDate));
			}
		}
		
		Wrapper<ChezijinchangEntity> wrapper = new EntityWrapper<ChezijinchangEntity>();
		if(map.get("remindstart")!=null) {
			wrapper.ge(columnName, map.get("remindstart"));
		}
		if(map.get("remindend")!=null) {
			wrapper.le(columnName, map.get("remindend"));
		}
 
		String tableName = request.getSession().getAttribute("tableName").toString();
		if(tableName.equals("yonghu")) {
			wrapper.eq("yonghuzhanghao", (String)request.getSession().getAttribute("username"));
		}
 
		int count = chezijinchangService.selectCount(wrapper);
		return R.ok().put("count", count);
	}
	
 
}

此源码非开源,若需要此源码可扫码添加微信或者qq: 2214904953进行咨询!

2600多套项目欢迎咨询

相关推荐
万亿少女的梦1683 分钟前
基于Spring Boot的网络购物商城的设计与实现
java·spring boot·后端
开心工作室_kaic2 小时前
springboot485基于springboot的宠物健康顾问系统(论文+源码)_kaic
spring boot·后端·宠物
@解忧杂货铺5 小时前
前端vue如何实现数字框中通过鼠标滚轮上下滚动增减数字
前端·javascript·vue.js
爱码少年6 小时前
springboot中责任链模式之简单应用
spring boot·责任链模式
苹果酱05676 小时前
「Mysql优化大师一」mysql服务性能剖析工具
java·vue.js·spring boot·mysql·课程设计
武昌库里写JAVA6 小时前
【MySQL】7.0 入门学习(七)——MySQL基本指令:帮助、清除输入、查询等
spring boot·spring·毕业设计·layui·课程设计
web1309332039810 小时前
vue elementUI form组件动态添加el-form-item并且动态添加rules必填项校验方法
前端·vue.js·elementui
supermapsupport11 小时前
iClient3D for Cesium在Vue中快速实现场景卷帘
前端·vue.js·3d·cesium·supermap
m0_7482548812 小时前
vue+elementui实现下拉表格多选+搜索+分页+回显+全选2.0
前端·vue.js·elementui
黑胡子大叔的小屋12 小时前
基于springboot的海洋知识服务平台的设计与实现
java·spring boot·毕业设计