系統介紹

視頻演示

基于Springboot+Vue實現的校園訂餐管理系統小程序采用前后端分離的架構方式，系統設計了管理員、商家、用戶三種角色，系統分為管理端、小程序端，管理端實現了管理員登錄、系統首頁、用戶管理、商家管理、菜品分類、菜品信息、系統管理、公告資訊分類管理、在線客服、關于我們、輪播圖管理、系統日志、公告資訊、訂單管理、個人中心等功能，用戶端實現了公告、菜品查看、菜品詳情、購物車、下單、我的、客服、訂單等功能。

技術選型

開發工具：idea2020.3+Webstorm2020.3+HbuilderX+微信開發者工具

運行環境：jdk1.8+maven3.6.0+MySQL5.7+nodejs14.21.3

服務端技術：SpringBoot+Mybatis-Plus+Websocket+Aop

前端技術：Vue+axios+Element-UI+uniapp+colorUI+echarts

成果展示

管理端

登錄

主頁

用戶管理

商家管理

菜品分類

菜品信息

菜品修改

系統管理

在線客服

公告資訊

訂單管理

個人中心

小程序端

登錄

首頁

公告詳情頁

菜品推薦

菜品信息

菜品詳情

立即購買

聯系他

購物車

我的

在線客服

源碼展示

/*** 登錄相關*/
@RequestMapping("users")
@RestController
public class UsersController{@Autowiredprivate UsersService userService;@Autowiredprivate TokenService tokenService;/*** 登錄*/@IgnoreAuth@RequestMapping(value = "/login")public R login(String username, String password, String captcha, HttpServletRequest request) {UsersEntity user = userService.selectOne(new EntityWrapper<UsersEntity>().eq("username", username));if(user==null || !user.getPassword().equals(password)) {return R.error("賬號或密碼不正確");}String token = tokenService.generateToken(user.getId(),username, "users", user.getRole());return R.ok().put("token", token);}/*** 注冊*/@IgnoreAuth@PostMapping(value = "/register")public R register(@RequestBody UsersEntity user){if(userService.selectOne(new EntityWrapper<UsersEntity>().eq("username", user.getUsername())) !=null) {return R.error("用戶已存在");}userService.insert(user);return R.ok();}/*** 退出*/@RequestMapping(value = "logout")public R logout(HttpServletRequest request) {request.getSession().invalidate();return R.ok("退出成功");}
}

賬號地址及其他說明

1、地址說明

登錄頁:http://localhost:8081/#/login

2、賬號說明

管理員：admin/admin

用戶：user/123456

3、目錄結構展示

4、視頻列表

5、以上系統源碼來源于互聯網，經過小白整理與調試，確保能正常運行!

6、制作不易，點贊、在看、分享再走吧，您的支持永遠是我最大的動力！

7、如電腦本機環境未配置好，可在公眾號后臺回復 環境配置 獲取視頻教程。

8、系統有部分BUG屬于正常現象，請各位小伙伴自行修復。

9、運行步驟

1、創建數據庫、導入sql腳本
2、修改application.yml中的數據庫配置文件，啟動服務端
3、打開前端管理端代碼~admin，目錄下打開cmd，執行npm install或者yarn install下載依賴
4、下載完畢后啟動前端npm run serve，訪問端口
5、將小程序代碼~springbootg37li31v\src\main\resources\front導入hbuilderx、申請微信小程序測試賬號、配置appid、啟動項目，會自動打開微信開發者工具。

源碼獲取

源碼編號：151

添加下方卡片回復編號：151