vue3_shopManage icon indicating copy to clipboard operation
vue3_shopManage copied to clipboard

基于vue3.0+TypeScript+Element-plus的商品后台管理

基于Vue3.0+TS+Element-plus.0的商城后台管理系统

全新Vue3.0+Element-plus版本,获取老版本Vue2.0版本请切换到vue2_version分支

1.项目运行:

  • git clone 到本地
  • cd 到 vue_element_shop_manage目录下运行:
npm install 或者 cnpm install
  • 运行:
npm run serve
  • 浏览器打开 http://localhost:8080/

2.项目功能(多图)

1.登录&登出&欢迎(默认用户&密码:admin,123456)

  • [x] 登录(token验证)
  • [x] 登出
  • [x] 收起侧边栏

登录

welcome页面

收起侧边栏

2.用户管理

  • [x] 用户列表
  • [x] 列表分页
  • [x] 添加用户
  • [x] 编辑用户
  • [x] 删除用户
  • [x] 分配角色

用户列表

添加用户

3.权限管理

  • [x] 角色列表
  • [ ] 添加角色(功能重复)
  • [ ] 删除角色(功能重复)
  • [x] 权限分配
  • [x] 权限列表

角色列表

分配权限

权限列表

4.商品管理

  • [x] 商品列表
  • [x] 添加商品
  • [x] 删除商品
  • [ ] 编辑商品
  • [x] 商品分页
  • [x] 分类参数
  • [x] 分类列表
  • [x] 添加分类
  • [ ] 编辑分类
  • [ ] 删除分类

商品列表

添加商品

分类参数

商品分类

5.订单管理

  • [x] 订单列表
  • [x] 地址修改
  • [x] 物流进度

订单列表

物流进度

6.数据统计

  • [x] 数据报表

数据统计