本项目前后端分离
本系统分为管理员、用户两种角色
用户角色包含以下功能:
- 登录、注册、(商品搜索、发布、收藏、下单)、评论、个人信息修改、密码修改、我的发布、我的订单、收藏夹
管理员角色包含以下功能:
- 登录、首页统计、用户管理、管理员管理、订单管理、商品管理、个人中心、密码修改
后端技术栈:
- springboot
- JWT
- mysql
- mybatis
前端技术栈:
- Vue
- Axios
- Echarts
- ElementUI
基础环境 :IDEA/eclipse, JDK1.8, Mysql5.7及以上, Maven3.6, node14
所有项目以及源代码本人均调试运行无问题 可支持远程调试运行
前台访问地址:http://localhost:81/shop -用户账号/密码:李四/123456
后台访问地址:http://localhost:81/login -管理员账号/密码:admin/123456
-
使用Navicat或者其它工具,在mysql中创建对应名称的数据库,并执行项目的sql文件;
-
使用IDEA/Eclipse导入CollegeSecondSpringboot项目,若为maven项目请选择maven,等待依赖下载完成;
-
进入src/main/resources修改application.yml 里面的数据库配置和files/upload/path的图片路径
-
启动主类src/main/java/com/example/collegesecondhand_springboot/CollegeSecondHandSpringbootApplication.java
-
vscode或idea打开CollegeSecondVue项目,
-
在编译器中打开terminal,执行npm install 依赖下载完成后执行 npm run serve,执行成功后会显示访问地址
1、对 Axios 进行二次封装 ,模块化管理API接口。
2、使用 Vue-Route 向路由对象添加新路由 ,完成对用户路由权限的管理。
3、使用 Token对用户身份进行验证,通过路由守卫对登录状态以及接口请求进行基于 JWT 的页面拦截。
4、使用 Echarts 绘制条形图 、柱状图动态显示实时数据。