基于Springboot + vue3实现的数字资源共享平台

47 阅读3分钟

项目描述

本系统包含管理员、用户、专家三个角色。
管理员角色:
  1. 轮播图管理:新增、查看、修改、删除轮播图。
  2. 管理员管理:新增、查看、修改、删除管理员。
  3. 用户管理:新增、查看、修改、删除用户。
  4. 专家管理:新增、查看、修改、删除专家。
  5. 论坛管理:新增、查看、修改、删除论坛交流内容。
  6. 药材分类管理:新增、查看、修改、删除药材分类。
  7. 药材资源管理:新增、查看、修改、删除药材资源。
  8. 药材功效管理:新增、查看、修改、删除药材功效。
  9. 药材属性管理:新增、查看、修改、删除药材属性。
  10. 药材认证信息管理:新增、查看、修改、删除药材认证信息。
用户角色:
  1. 论坛交流:新增、查看、修改、删除论坛交流内容。
  2. 专家咨询:新增、查看、修改、删除专家咨询内容。
  3. 药材资源管理:查看药材资源。
  4. 药材功效管理:查看药材功效。
  5. 药材属性管理:查看药材属性。
  6. 药材认证信息管理:查看药材认证信息。
专家角色:
  1. 专家咨询:新增、查看、修改、删除专家咨询内容。
  2. 药材资源管理:查看药材资源。
  3. 药材功效管理:查看药材功效。
  4. 药材属性管理:查看药材属性。
  5. 药材认证信息管理:查看药材认证信息。

技术选型

开发工具:Idea + Vscode 运行环境:JDK 1.8 + Maven + MySQL 5.7以上 + Node.js 14 服务端技术:SpringBoot + Mybatis-Plus + Maven 前端技术:Vue3 + Axios + Element-UI

系统截图

1.药材资源

图片

2.药材功效

图片

3.药材属性

图片

4.药材认证信息

图片

5.论坛交流

图片

6.专家咨询

图片

7.个人中心

图片

8.后台登录

图片

9.轮播图管理

图片

10.管理员管理

图片

11.用户管理

图片

12.专家管理

图片

13.论坛交流管理

图片

14.药材分类管理

图片

15.药材资源管理

图片

16.药材功效管理

图片

17.药材属性管理

图片

18.药材认证信息管理

图片

运行步骤

准备环境

安装JDK 1.8、Maven、Node.js 14 和 MySQL 5.7以上

创建数据库

使用Navicat工具创建数据库并导入SQL脚本

配置后端

修改application.yml中的数据库连接信息(用户名/密码/库名)

启动后端服务

进入后端项目(/server_code) 执行:

mvn clean install
mvn spring-boot:run

前端依赖安装

进入前端目录(/manage_code或者/client_code) 执行安装命令:

npm install

启动前端服务

执行启动命令:

npm run serve 

访问系统

后端接口系统访问地址: http://localhost:8080 后台系统前端访问地址: http://localhost:8081 前台系统前端访问地址: http://localhost:8082

常见问题

端口冲突
  • 修改后端配置文件application.yml
  • 修改前端配置文件vue.config.js
前端安装依赖失败
  • 删除node_modules、package-lock.json文件
rm -rf node_modules package-lock.json
  • 清除缓存
npm cache clean --force
  • 切换npm镜像源
npm config set registry https://registry.npmmirror.com