【南京理工大学泰州科技学院毕业论文】基于微信小程序的智能停车系统

本文链接：https://blog.csdn.net/yvonneking1118/article/details/144935415

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

毕业设计说明书（论文）中文摘要

二十一世纪我们的社会进入了信息时代，信息管理系统的建立，大大提高了人们信息化水平。传统的管理方式已经与当今停车位管理的需求不相适应,也与停车位信息化建设的发展趋势不相适应。本文正是针对这一需求设计并实现了一个基于微信小程序的智能停车系统的设计与实现，为了简捷并有效的解决停车各方面的问题。

该系统采用了java技术和ssm 框架，连接MySQL数据库，具有较高的信息传输速率与较强的数据处理能力。包含管理员和用户两个层级的用户角色，系统管理员可以对个人中心、用户管理、类型管理、停车场信息管理、车位信息管理、智能停车管理、预约取消管理、系统管理等功能进行详细操作；真正实现了管理工作的无纸化，并且还拥有角色及用户的添加与删除功能，可以很好的供所有用户使用。在对系统进行测试之后，确定可以实现所有预想的功能，并且可移植性强，可以很好的起到智能停车管理的作用。

关键词智能停车 B/S架构 MySQL数据库

1 引言 1

6 软件测试 34

结束语 37

致谢 38

参考文献 40

5 系统功能的实现

5.1小程序端功能的实现

5.1.1登录界面的实现

首先双击打开微信小程序客户端系统，连上网络之后会显示出本系统的登录界面，这是进入小程序的第初始页面“登录”，能成功进入到该登录界面则代表小程序的开启是成功的，接下来就可以操作本系统所带有的其他所有的功能。登录界面如图5-1所示。

图5-1 登录界面

核心技术：用户输入账号和密码，然后调用 req.login方法进行登录，如果登录失败，则跳转到登录页面。登录完成后，通过获取登录用户信息以及判断登录用户角色，来确保用户是否登录成功。如用户未注册则选择注册调用register的方法进行注册，如果注册失败显示注册用户已存在，则跳转到登录页面。

核心代码：

@RequestMapping(value = "/login")

public R login(String username, String password, String captcha, HttpServletRequest request) {

YonghuEntity user = yonghuService.selectOne(new EntityWrapper<YonghuEntity>().eq("yonghuzhanghao", username));

if(user==null || !user.getMima().equals(password)) {

return R.error("账号或密码不正确");

}

String token = tokenService.generateToken(user.getId(), username,"yonghu", "用户" );

return R.ok().put("token", token);

}

@IgnoreAuth

@RequestMapping("/register")

public R register(@RequestBody YonghuEntity yonghu){

//ValidatorUtils.validateEntity(yonghu);

YonghuEntity user = yonghuService.selectOne(new EntityWrapper<YonghuEntity>().eq("yonghuzhanghao", yonghu.getYonghuzhanghao()));

if(user!=null) {

return R.error("注册用户已存在");

}

Long uId = new Date().getTime();

yonghu.setId(uId);

yonghuService.insert(yonghu);

return R.ok();

类型管理；在类型管理页面输入类型进行查询，新增或删除类型列表，还可以对类型详细信息进行修改和删除操作；如图5-8所示。

图5-8类型管理界面图

核心技术：本页面有删除。修改功能，调用from-content 可以进行对类型的删除，from-Each可以进行批量删除修改。

附核心代码：

addEditStyleChange() {

this.$nextTick(()=>{ document.querySelectorAll('.addEdit-block .input .el-input__inner').forEach(el=>{

el.style.height = this.addEditForm.inputHeight

el.style.color = this.addEditForm.inputFontColor

el.style.fontSize = this.addEditForm.inputFontSize

el.style.borderWidth = this.addEditForm.inputBorderWidth

el.style.borderStyle = this.addEditForm.inputBorderStyle

el.style.borderColor = this.addEditForm.inputBorderColor

})

document.querySelectorAll('.addEdit-block .input .el-form-item__label').forEach(el=>{

el.style.lineHeight = this.addEditForm.inputHeight

el.style.color = this.addEditForm.inputLableColor

el.style.fontSize = this.addEditForm.inputLableFontSize

})

document.querySelectorAll('.addEdit-block .select .el-input__inner').forEach(el=>{

el.style.height = this.addEditForm.selectHeight

el.style.color = this.addEditForm.selectFontColor

el.style.fontSize = this.addEditForm.selectFontSize

el.style.borderWidth = this.addEditForm.selectBorderWidth

el.style.borderStyle = this.addEditForm.selectBorderStyle

el.style.borderColor = this.addEditForm.selectBorderColor

})

document.querySelectorAll('.addEdit-block .select .el-form-item__label').forEach(el=>{

el.style.lineHeight = this.addEditForm.selectHeight

el.style.color = this.addEditForm.selectLableColor

el.style.fontSize = this.addEditForm.selectLableFontSize

})

document.querySelectorAll('.addEdit-block .select .el-select__caret').forEach(el=>{

el.style.color = this.addEditForm.selectIconFontColor

el.style.fontSize = this.addEditForm.selectIconFontSize

})