yx159247/MP_take_out - 观星指南 Stargazers.cn

项目介绍

基于Springboot + Vue 开发的前后端分离外卖点单系统

如何反馈

项目说明

采用SpringBoot、Shiro、MyBatis-Plus框架，开发的前后端分离外卖点单系统，采用Shiro进行权限管理，使用uni-app开发微信小程序，支持微信登录、Redis缓存、quartz定时、导出数据等功能。
提供了代码生成器，只需编写30%左右代码，其余的代码交给系统自动生成，可快速完成开发任务
后台地址：http://localhost:8001（账号密码：admin/admin）
后台接口文档地址：http://localhost:8080/api/doc.html
微信小程序接口文档地址：http://localhost:8081/api/doc.html

您的star是我坚持的动力，感谢大家的支持，欢迎提交pr共同改进项目。

目录结构

后台前端项目位于renren-ui下

小程序前端项目位于takeout_mp下

SQL文件位于根目录下的takeout_mysql8.sql，需要MYSQL8以上版本。

ps：请先运行后端项目，再启动前端项目。

take_out
│ 
├─renren-admin      美食元素后台管理后端服务
│    │
│    │ 
│    ├─modules  模块
│    │    ├─job 定时任务
│    │    ├─log 日志管理
│    │    ├─oss 文件存储
│    │    ├─security 安全模块
│    │    ├─sys 系统管理(核心)
|    |    └─takeout 外卖业务模块(核心)
│    │ 
│    └─resources 
│        ├─mapper   MyBatis文件
│        ├─public  静态资源
│        └─application.yml   全局配置文件
│       
│ 
├─renren-api        美食元素小程序后端服务
│ 
├─renren-common     公共模块
├─renren-generator  代码生成器
│        └─resources 
│           ├─mapper   MyBatis文件
│           ├─template 代码生成器模板（可增加或修改相应模板）
│           ├─application.yml    全局配置文件
│           └─generator.properties   代码生成器，配置文件
│
├─renren-ui     美食元素后台管理Vue前端项目
├─takeout_mp    uniapp微信小程序项目

项目特点

友好的代码结构及注释，便于阅读及二次开发
实现前后端分离，通过token进行数据交互
支持动态权限修改，采用RBAC模型，前端菜单和后台权限实时更新。
提供CrudService接口，对增删改查进行封装，代码更简洁
页面交互使用Vue2.x，极大的提高了开发效率
完善的部门管理及数据权限，通过注解实现数据权限的控制
完善的XSS防范及脚本过滤，彻底杜绝XSS攻击
完善的代码生成机制，可在线生成entity、xml、dao、service、vue、sql代码，减少70%以上的开发任务
引入quartz定时任务，可动态完成任务的添加、修改、删除、暂停、恢复及日志查看等功能
引入Hibernate Validator校验框架，轻松实现后端校验
引入云存储服务，已支持：七牛云、阿里云、腾讯云等
引入swagger文档支持，方便编写API接口文档
新增AOP注解实现日志管理。
代码遵循阿里巴巴开发规范，利于开发者学习。

技术选型

核心框架：Spring Boot 2.7.1
安全框架：Apache Shiro 1.9
持久层框架：MyBatis 3.5
定时器：Quartz 2.3
数据库连接池：Druid 1.2
日志管理：Logback
页面交互：Vue2.x
微信小程序：uni-app

开发环境

开发工具	说明
IDEA	Java开发工具IDE
WebStrom或者VS Code	Vue开发工具IDE
Navicat	MySQL远程连接工具
Another Redis Desktop Manager	Redis远程连接工具
FinalShell	Linux远程连接工具
HBuilder X	编译微信小程序工具

开发环境	版本
JDK	1.8
MySQL	8.0.29
Redis	6.0.5
Maven	3.8
NodeJs	14.x.x

项目截图

快速开始

准备工作(IDE、小程序测试号、环境等)

注册小程序测试账号

打开网址：https://developers.weixin.qq.com/miniprogram/dev/devtools/sandbox.html
按着步骤操作就可以了

安装Minio(如果你用阿里云、腾讯云、七牛云可以忽略此步骤，直接看文件上传配置那一步)

虚拟机或者云服务器用docker拉取Minio镜像
```
docker pull minio/minio
```
安装镜像

docker run \
--name minio \
-p 9000:9000  \
-p 9090:9090  \
-d --restart=always \
-e "MINIO_ROOT_USER=minio" \
-e "MINIO_ROOT_PASSWORD=minio123" \
-v /opt/docker_minio/data:/data \
-v /opt/docker_minio/config:/root/.minio \
minio/minio server  /data --console-address ":9090" --address ":9000"

登录（这里的ip地址填自己的就可以了）

页面地址 http://192.168.65.100:9090/login
创建一个名字为images的桶

安装Nodejs环境(如果有请忽略)

NodeJs版本不要安装太高，14.x最好
附上一个下载链接：https://nodejs.org/download/release/v14.21.3/node-v14.21.3-x64.msi
具体配置环境变量等请自行百度一下找一下教程，步骤很简单。

运行后台管理系统后端项目

通过git下载源码
idea、eclipse需安装lombok插件，不然会提示找不到entity的get set方法
创建数据库takeout，数据库编码为UTF-8mb4
执行takeout_mysql8.sql文件，初始化数据
打开application-dev.yml文件，修改MySQL账号和密码、Redis的相关配置信息
在renren-api模块下，打开application.yml文件，修改微信小程序appid和secret配置
```
weixin:
  appid:
  secret:
```
在takeout目录下，执行mvn clean install
Eclipse、IDEA运行AdminApplication.java，则可启动项目【renren-admin】

运行后台管理系统前端项目

配置好Nodejs环境之后就可以用WebStorm或者VsCode打开renren-ui文件夹(后台管理前端源代码)
打开终端输入
```
npm install
```
等待安装依赖完成后，输入
```
npm run serve
```
等待编译完成后，会自动打开页面，或者访问 http://localhost:8001/
- 账号密码：admin/admin

安装以及修改HBuilder X配置以及微信开发者工具配置

先去Dcloud官网下载Hubilder X 、以及微信开发者工具
Hbuilder X：https://www.dcloud.io/hbuilderx.html?source=javascriptc.com
微信开发者工具：https://developers.weixin.qq.com/miniprogram/dev/devtools/nightly.html
然后安装打开Hbuilder X软件，打开takeout_mp文件夹(小程序的源代码)
打开微信开发者工具微信修改微信开发者工具的设置，将服务端口打开，不打开，HBuilder X在编译之后不会自动唤醒微信开发者工具
将图片中的AppId修改为你自己申请的小程序测试号AppId

启动微信小程序项目

完成了以上配置之后就可以启动小程序项目了

文件上传配置

在后台管理系统里直接更改配置

注意事项

如果使用minio存储文件，需要先安装好minio
如果要运行小程序，需要先提前申请一个小程序开发测试账号

项目总结

这个作为新手入门项目是十分不错的，项目所用的技术栈覆盖的也比较广，适合初学者学习。做的不好的地方请大家见谅，有问题的或者有好的建议可以私聊联系我。