获取完整项目,私信博主
项目介绍
项目分成前台和后台,前台就是小程序端,后台就是后台管理系统。
账号(手机号):数据库里有
密码:一般为手机号后六位
后台管理系统
登录页:
首页:
轮播图片
图像识别管理:
语音识别管理:
短信日志管理:
角色管理:
个人信息:
小程序效果图
介绍
前端:后台管理系统采用 vue-element-admin 后台集成方案进行二次开发。微信小程序采用 uni-app 开发框架。
后端:后台管理模块采用 SpringBoot + Dubbo 构建后端分布式服务,使用 Shiro 做系统安全框架,配合 RBAC 设计模式实现用户的权限管理,使用 Redis 对用户token及字典数据进行缓存;小程序模块采用 SpringBoot 构建后端服务;数据库采用 Mysql(5.7) ,使用 Mybatis-Plus 做数据访问层,Druid 作为数据库连接池。
使用阿里OSS作为文件存储系统(最开始用的 FastDFS,奈何不想一直开着虚拟机)。
语音识别和图像识别采用百度智能云平台服务。
安装教程
开发需要准备相关的 IDE 和 JDK8 开发环境 , 前端开发需要下载 HbuilderX 和 Visual Code,后端开发需要下载
Eclipse
或IDEA
。首先需要一台虚拟机,可以使用阿里的也可以本机安装;在虚拟机上我们需要搭建分布式环境:Zookeeper和 Dubbo ;还有安装 Redis 等。(虚拟机中的软件安装可以见软件安装文档)
短信服务使用腾讯云,需要自己去腾讯云申请签名及模板(比阿里的好申请),在后端
system-web
的配置文件中进行配置。文件存储系统使用的是阿里OSS,也可以自己搭建 FastDFS 服务,在后端
system-web
和uniapp-web
的配置文件中进行配置。语音识别和图像识别功能使用百度智能云平台服务,在后端
uniapp-web
当中的配置文件里面需要进行配置appid
、apikey
、secretkey
。数据库准备,创建一个名称为
garbage-sort
的数据库,把跟目录下garbage-sort.sql
数据库文件进行导入进去即可。后端启动:(需要虚拟机并安装好软件)
后台管理系统:第一步、使用 IDEA 在
garbagesort-parent
目录下找到system-web
和sort-service
模块。第二步、在 application-dev.yml中修改 ip 地址,改为自己的虚拟机 ip 地址,修改腾讯云和阿里云的相关配置。
第三步、运行 SystemApplication 和 SortApplication ,启动后端服务。可以在浏览器输入 ip:7001 账号和密码都是 root,查看服务。小程序端:第一步、使用 IDEA 在
garbagesort-parent
目录下找到uniapp-web
模块。第二步、在 application-dev.yml中修改百度云和阿里云的相关配置。
第三步、运行 UniappApplication,启动后端服务。前端启动:
后台管理系统:在 Visual Code 中打开
garbage-sort-ui
, 在控制台输入 npm run install 下载依赖,依赖下载完后,使用命令 npm run dev 运行前端项目。小程序端:在 HbuilderX 中打开目录
garbage-sort-uniapp
,需要下载一个插件运行时会有提示下载,在运行菜单中 点击运行到小程序模拟器
—>微信开发者工具
,或者 使用 微信开发者工具 打开garbage-sort-uniapp
->unpackage
->dis
t ->dev
->mp-weixin
,即可运行微信小程序。(二次开发的时候在 Hbuilder 中修改文件,保存后可以到微信开发者工具看预览效果)务必记得:在登录后台管理系统后,到字典管理模块点击同步缓存的按钮,把字典类型及数据添加到redis缓存中!!!
技术栈
技术 | 名称 | 官网 |
---|---|---|
SpringBoot | 微服务框架 | https://spring.io/projects/spring-boot/ |
Mybatis-Plus | ORM框架 | https://mp.baomidou.com/ |
Mybatis-Generator | 代码生成插件 | https://zhile.io/2019/04/23/mybatis-code-helper-pro-crack.html |
Shiro | 安全框架 | http://shiro.apache.org/ |
Zookeeper | 分布式协调服务 | http://zookeeper.apache.org/ |
Druid | 数据库连接池 | https://github.com/alibaba/druid |
Dubbo-Admin | 服务治理项目 | http://dubbo.apache.org/zh-cn/blog/dubbo-admin.html |
Dubbo | 远程调用框架 | http://dubbo.apache.org/zh-cn/ |
Log4J | 日志组件 | http://logging.apache.org/log4j/1.2/ |
Git | 版本管理 | https://git-scm.com/ |
Maven | 项目构建管理 | http://maven.apache.org/ |
Jackson | 数据序列化 | https://github.com/FasterXML/jackson |
Lombok | 简化编码插件 | https://projectlombok.org/ |
uni-app | 基于 vue 的跨端框架 | https://uniapp.dcloud.io/ |
vuejs | 渐进式 JavaScript 框架 | https://cn.vuejs.org/ |
vue-element-admin | 后台集成框架 | https://panjiachen.github.io/vue-element-admin-site/zh/guide/ |
Element UI | 组件库 | https://element.eleme.cn/2.0/#/zh-CN |