目录 1. 项目概述 1.1 电商项目基本业务概述 1.2 电商后台管理系统的功能 1.3 电商后台管理系统的开发模式(前、后端分离) 2. 项目初始化 2.1 前端项目初始化步骤 码云相关操作 2.2 后台项目的环境安装配置 3. 登录 / 退出 功能 3.1 登录概述 3.2 登录 - token 原理分析 3.3 实现登录功能 3.4 实现退出功能 处理 ESLint 警告 4. 主页布局 4.1 后台首页基本布局 4.2 顶部布局,侧边栏布局 4.2.1. 顶部布局 4.2.2 侧边栏菜单布局 4.3 通过接口获取菜单数据 4.4 动态渲染菜单数据并进行路由控制 4.5 设置激活子菜单样式 4.6 制作侧边菜单栏的伸缩(展开/折叠)功能 4.7 在后台首页添加子级路由 4.7.1 主页 - 实现首页路由的重定向 5. 用户管理 5.1 用户管理概述 5.2 用户管理-列表展示 5.2.1 用户列表布局 5.2.2 用户状态列和操作列处理 5.2.3 表格数据填充 5.2.4 表格数据分页 5.2.5 搜索功能 5.3 用户管理-用户状态控制 5.4 用户管理-添加用户 5.4.1 添加用户表单弹窗布局 5.4.2 表单验证 5.4.3 表单提交 5.5 用户管理-编辑用户 5.5.1 根据 ID 查询用户信息 5.5.2 编辑提交表单 5.6 用户管理-删除用户 6 权限管理 6.1 权限管理业务分析 6.2 添加权限列表路由 6.3 添加面包屑导航 6.2 权限列表展示 6.3 角色列表展示 6.4 用户角色分配 6.4.1 展示角色对话框 6.4.2 完成角色分配功能 6.5 角色权限分配 ~ 未完待续 ~ 项目效果展示: 1. 项目概述 1.1 电商项目基本业务概述 一般情况下客户使用的业务服务包括:PC端,小程序,移动web,移动app。 管理员使用的业务服务:PC后台管理端; PC后台管理端的功能 管理用户账号(登录,退出,用户管理,权限管理),商品管理(商品分类,分类参数,商品信息,订单),数据统计; 开发模式 本项目(电商后台管理系统)采用 前、后端分离 的开发模式。 前端项目是基于 Vue 的