第1章 项目概述 1
1.1 项目全局介绍 1
1.2 项目成果 3
第2章 Vue3项目管理 9
2.1 使用Vite创建Vue3项目 9
2.2 Vite目录结构 10
2.3 配置vue-router路由模块 11
2.4 设置文件系统路径别名 12
2.5 捕获404路由 13
2.6 全局引用Element Plus 15
第3章 登录管理 17
3.1 登录静态页面 17
3.2 setup语法糖 20
3.3 登录表单数据进行合法性验证 21
3.4 封装axios请求模块 23
3.5 登录API交互 24
3.6 本地存储token信息 27
3.7 根据token获取管理员信息 28
3.8 禁止用户重复登录 30
3.9 使用Vuex仓库管理用户信息 32
3.10 全局路由守卫 33
3.11 Vuex数据持久化 34
3.12 退出登录 36
3.13 使用loading进度条 37
第4章 后台主框架 39
4.1 商城后台首页静态页面布局 39
4.2 Header组件样式开发 41
4.3 页面刷新及浏览器全屏 43
4.4 修改管理员密码 44
4.5 优化功能模块实现代码封装 48
4.6 侧边栏导航菜单布局 50
4.7 侧边栏菜单前后端数据交互 52
4.8 左侧导航菜单的展开和隐藏 54
4.9 动态新增选项卡菜单 56
4.9.1 选项卡样式布局 56
4.9.2 渲染tabs标签数据源 58
4.9.3 动态添加tabs标签 59
4.9.4 删除tabs标签 60
4.9.5 keep-alive页面缓存 62
4.10 后台首页统计面板 62
4.10.1 统计面板静态页面 63
4.10.2 统计面板数据交互 64
4.10.3 骨架屏及数字滚动效果 65
4.11 后台首页分类组件 67
4.12 首页echarts图表组件 69
4.12.1 echarts图表静态页面 69
4.12.2 echarts图表后端数据交互 71
4.13 店铺提示组件 73
第5章 图库管理 77
5.1 图库管理页面布局 77
5.2 图库分类数据交互 81
5.3 图库分类列表分页 83
5.4 新增图库分类样式布局 84
5.5 新增图库分类业务处理 85
5.6 修改图库分类 87
5.7 删除图库分类 89
5.8 图库列表布局 91
5.9 图库列表前后端数据交互 93
5.10 图库列表渲染及重命名 96
5.11 删除图片 99
第6章 管理员管理 101
6.1 管理员管理页面样式布局 101
6.2 管理员管理页面数据交互 104
6.3 管理员状态管理 105
6.4 新增管理员 107
6.5 删除管理员 112
6.6 编辑管理员信息 113
6.7 上传管理员头像 115
6.8 搜索及分页 119
6.9 菜单权限管理样式布局 121
6.10 菜单权限管理表数据交互 124
6.11 新增菜单权限 125
6.12 封装icon图标模块 130
6.13 修改菜单权限 131
6.14 修改菜单启用状态 133
6.15 删除菜单权限 135
6.16 角色管理页面样式布局 136
6.17 角色管理数据交互 138
6.18 新增角色 139
6.19 根据角色ID编辑角色 143
6.20 根据角色ID删除角色 145
6.21 根据角色ID修改角色启用状态 146
6.22 分配权限 148
第7章 用户管理 153
7.1 用户管理页面布局 153
7.2 用户列表前后端数据交互 156
7.3 新增用户 157
7.4 修改用户 161
7.5 删除用户 163
7.6 搜索用户 164
第8章 商品管理 166
8.1 商品规格管理页面样式布局 166
8.2 商品规格管理数据交互 168
8.3 新增商品规格 169
8.4 编辑商品规格 174
8.5 删除和批量删除商品规格 176
8.6 商品管理页面样式布局 178
8.7 商品管理数据交互 181
8.8 商品类型切换及商品搜索 183
8.9 新增商品 185
8.10 编辑商品 189
8.11 设置商品轮播图 191
8.12 设置商品详情 195
8.13 设置商品规格 199
8.13.1 商品单规格设置 199
8.13.2 商品多规格设置 204
8.13.3 渲染商品规格列表 208
8.13.4 渲染商品规格选项值 210
8.13.5 新增商品规格选项值 211
8.13.6 删除商品规格选项值 213
8.13.7 编辑商品规格选项值 214
8.13.8 新增商品规格 216
8.13.9 编辑商品规格 217
8.13.10 删除商品规格 219
8.13.11 商品多规格设置表格样式布局 220
8.13.12 初始化多规格表格 222
8.13.13 动态添加表格数据 225
8.13.14 解决数据覆盖 226
8.14 商品分类管理页面样式布局 228
8.15 商品分类管理数据交互 229
8.16 新增商品分类 230
8.17 编辑商品分类 233
8.18 删除商品分类 235
8.19 修改商品分类启用状态 237
第9章 订单管理 239
9.1 商品订单管理页面布局 239
9.2 商品订单列表数据交互 242
9.3 订单详情管理 245
9.4 批量删除订单 248
9.5 导出订单列表到Excel表格 249
第10章 优惠券管理 253
10.1 优惠券管理页面样式布局 253
10.2 优惠券列表数据交互 256
10.3 新增优惠券 258
10.4 修改优惠券信息 263
10.5 删除优惠券 265
10.6 设置优惠券失效 266
第11章 商品评论管理 269
11.1 商品评论管理页面样式布局 269
11.2 渲染商品评论列表 271
11.3 展开商品评论 272
11.4 回复或修改商品评论 273
11.5 设置商品评论是否显示 276
第12章 分销管理 278
12.1 分销员管理页面样式布局 278
12.2 分销员管理数据交互 280
12.3 查看分销员推广明细 282
12.4 分销设置 286
第13章 公告管理 290
13.1 公告管理页面样式布局 290
13.2 公告管理页面数据交互 292
13.3 新增公告 294
13.4 编辑公告 297
13.5 删除公告 299
鄂公网安备 42010302001612号 