[精品]基于微信小程序的助眠小程序 UniApp

项目介绍

当今社会已经步入了科学技术进步和经济社会快速发展的新时期，国际信息和学术交流也不断加强，计算机技术对经济社会发展和人民生活改善的影响也日益突出，人类的生存和思考方式也产生了变化。传统助眠采取了人工的管理方法，但这种管理方法存在着许多弊端，比如效率低下、安全性低以及信息传输的不准确等，同时由于助眠管理中会形成众多的个人文档和信息系统数据，通过人工方法对声音助眠、五音疗疾、论坛交流等进行集中管理会形成检索、更改和维护等较为麻烦的管理问题，同时由于广大用户对网络技术的需求也日益高涨，于是信息技术也需要继续开展全新的改革以满足时代的需求。根据此问题，研发一套助眠小程序，既能够大大提高信息的检索、变更与维护的工作效率，也能够方便微信小程序的管理运用，从而减少信息管理成本，提高效率。
该助眠小程序采用Uni-weixin、SpringBoot架构技术，前端以小程序页面呈现给用户，结合后台java语言使页面更加完善，后台使用MySQL数据库进行数据存储。该微信小程序主要设计并完成了管理过程中的用户注册登录、个人信息修改、打卡信息、助眠故事等管理功能。该微信小程序操作简便，界面设计简洁，不但可以基本满足本行业的日常管理工作，同时又可以有效减少人员成本和时间成本，为助眠管理工作提供了方便。
助眠小程序综合网络空间开发设计要求。目的是将助眠通过网络平台将传统管理方式转换为在网上操作，方便快捷、安全性高、交易规范做了保障，目标明确。助眠小程序可以将功能划分为用户和管理员功能[10]。
（1）、用户关键功能包含用户注册登陆、首页、声音助眠、五音疗疾、论坛交流、我的等有关功能。
（2）、管理员的权限是最高的，可以对系统所在功能进行查看，修改和删除等

项目实现效果图

项目编号：089

所需技术栈

小程序框架：uniapp
小程序开发软件：HBuilder X
小程序运行软件：微信开发者

开发语言：Java
框架：springboot
JDK版本：JDK1.8
服务器：tomcat7
数据库：mysql 5.7（推荐版本，其他的也可以）
数据库工具：Navicat11
开发软件：eclipse/myeclipse/idea
Maven包：Maven3.3.9

文件解析

pages 主要页面， 其中pages文件夹中 index文件中可布局底部的tab页面，通过v-if判断显示不同的tab页
colorui 使用了color-ui样式，个人认为样式非常好看，非常感谢！
static目录： 存放静态文件
App.vue： 页面入口文件
main.js: 项目入口文件
manifest.json: 存放App信息
pages.json: 页面信息
uni.scss: 全局样式

微信开发者工具

微信开发者工具是由腾讯官方专门为微信小程序量身打造的开发者工具，它不仅轻巧、方便，主要是的对于电脑要求不是很高，所以在一般的电脑上都可以完成相应的开发，在系统调试测试过程中，也不要下载第三方插件，就可以完成系统测试环节，通过制定好的debug调试器就可以完成。
如今微信小程序有以下发展优势
(1) 无须下载，无须注册
(2) 触手可及，用完即走
(3) 功能丰富，使用难度低
(4) 流量之王，用户群体大

HBuilderX+uniapp

HBuilder 是基于HTML、js、css的等H5语法的开发技术，使得开发者很容易上手学习，里面涉及的数据绑定基于Vue语法涉及，在开发效率上也比传统的jquery快，当然HBuilder 也保留了对jquery的支持，两种语法可以结合项目的需要，可以混合开发。该开发工具本身是由java编写完成，所以对原生项目的插件也有很好的兼容性。

mysql数据库与主流编程语言

MySQL不但可以和Java语言进行搭建系统，也可以和php、python等进行搭配。MySQL数据库可以存储多种格式的内容，常见的有文本，也可以存储整数、浮点数、日期，还可以存储二进制字节，程序中对文件或图片进行处理，转换为二进制数据后。本系统使用MySQL数据库的原因是其安全、稳定、成熟、可靠性强。

登录的业务流程的顺序是：

当你是用户时：首先是用户输入格式正确的用户号和密码，然后系统会接受你的登录信息，系统开始查询数据库并且自动匹配查找相关账号信息，判断数据是否正确，当用户输入的账户信息正确时，输入的数据会与数据库里录入的账号信息相匹配，然后就可以成功登录了。否则登录失败。成功登录的用户可以使用自己的用户权力对系统进行一定的功能上的操作。

毕设制作流程

（1）与指导老师确定系统主要功能；
（2）做需求分析及功能模块划分；
（3）指导老师通过后，设计出用例图，E-R图，功能模块图
（4）根据自己的功能模块划分，设计核心功能的需求
（5）查阅过的文献资料及调研
（6）根据自己的系统，完成论文的设计与实现
（7）参考相关文献和需求分析文档和概要设计文档，完成初稿
（8）根据指导老师的修改意见修改论文，直到定稿

系统性能

性能方面指的是部署系统后，能否在规定的时间内响应请求或者反馈出结果。通常标准的响应时间为一秒内，这就需要考虑大数据查询时和多用户请求网页时的并发情况，通过压力测试来确保其性能正常。
互操作性是指系统是否具备在不同的操作系统环境下能否运行，以及和企业其他相关的系统是否具备数据交互的接口，所以在结合实际情况下，尽可能的涉及到相应的操作接口。
可靠性方面，一般系统都存储了大量的数据，这些数据非常重要，系统要具备数据定期备份的能力，保证系统持续性运行，并确保数据的安全。
可伸缩性指的是系统的一种弹性，随着软硬件的发展，保证系统可以很好的兼容软硬件。通过较少的改动来进行迭代换新，实现低延迟的性能。

核心代码

/** * 登录相关 */@RequestMapping("users")@RestControllerpublicclassUsersController{@AutowiredprivateUsersServiceuserService;@AutowiredprivateTokenServicetokenService;/** * 登录 */@IgnoreAuth@RequestMapping(value="/login")publicRlogin(Stringusername,Stringpassword,Stringcaptcha,HttpServletRequestrequest){UsersEntityuser=userService.selectOne(newEntityWrapper<UsersEntity>().eq("username",username));if(user==null||!user.getPassword().equals(password)){returnR.error("账号或密码不正确");}Stringtoken=tokenService.generateToken(user.getId(),username,"users",user.getRole());returnR.ok().put("token",token);}/** * 注册 */@IgnoreAuth@PostMapping(value="/register")publicRregister(@RequestBodyUsersEntityuser){// ValidatorUtils.validateEntity(user);if(userService.selectOne(newEntityWrapper<UsersEntity>().eq("username",user.getUsername()))!=null){returnR.error("用户已存在");}userService.insert(user);returnR.ok();}/** * 退出 */@GetMapping(value="logout")publicRlogout(HttpServletRequestrequest){request.getSession().invalidate();returnR.ok("退出成功");}/** * 密码重置 */@IgnoreAuth@RequestMapping(value="/resetPass")publicRresetPass(Stringusername,HttpServletRequestrequest){UsersEntityuser=userService.selectOne(newEntityWrapper<UsersEntity>().eq("username",username));if(user==null){returnR.error("账号不存在");}user.setPassword("123456");userService.update(user,null);returnR.ok("密码已重置为：123456");}/** * 列表 */@RequestMapping("/page")publicRpage(@RequestParamMap<String,Object>params,UsersEntityuser){EntityWrapper<UsersEntity>ew=newEntityWrapper<UsersEntity>();PageUtilspage=userService.queryPage(params,MPUtil.sort(MPUtil.between(MPUtil.allLike(ew,user),params),params));returnR.ok().put("data",page);}/** * 列表 */@RequestMapping("/list")publicRlist(UsersEntityuser){EntityWrapper<UsersEntity>ew=newEntityWrapper<UsersEntity>();ew.allEq(MPUtil.allEQMapPre(user,"user"));returnR.ok().put("data",userService.selectListView(ew));}/** * 信息 */@RequestMapping("/info/{id}")publicRinfo(@PathVariable("id")Stringid){UsersEntityuser=userService.selectById(id);returnR.ok().put("data",user);}

系统测试

本系统功能比较完善，系统的整体错误率小于1%，系统功能都可以正常运行，本系统所有的链接可以在短时间内得到响应。模块之间的传递数据表现良好，通过测试发现和实际预期结果相符，达到了客户满意的效果，在实际应用中具有一定的价值。
事实上，对于软件来讲，不论采用什么技术和什么方法，软件中仍然会有错。采用新的语言、先进的开发方式、完善的开发过程，可以减少错误的引入，但是不可能完全杜绝软件中的错误，这些引入的错误需要测试来找出，软件中的错误密度也需要测试来进行估计。测试是所有工程学科的基本组成单元，是软件开发的重要部分。自有程序设计的那天起测试就一直伴随着。统计表明，在典型的软件开发项目中，软件测试工作量往往占软件开发总工作量的40％以上。而在软件开发的总成本中，用在测试上的开销要占30％到50％。如果把维护阶段也考虑在内，讨论整个软件生存期时，测试的成本比例也许会有所降低，但实际上维护工作相当于二次开发，乃至多次开发，其中必定还包含有许多测试工作。

详细视频演示

请联系我获取更详细的演示视频

源码获取

需要成品，加我们的时候，记得把页面截图发下我，方便查找相应的源代码。可以的话 顺便点赞！
文章最下方名片联系我即可~