Vue.js Element UI Mock.js 电子商城培训
第1章 课程介绍及示例演示
1 课程介绍及示例演示
第2章 用户登陆功能模块实现
2 用 vue ui 方式初始化 Vue 项目
3 用 cmd 指令方式初始化 vue 项目
4 将本地项目托管到码云-添加 SSH 公钥
5 本地项目托管到码云中-创建仓库
6 后端配置-Mockjs 模拟服务器并返回数据
7 用 mock 和 axois 来实现一个简单的登陆功能
8 删除不必要的组件导入 elementUI
9 创建登陆组件,样式及布局 1
10 创建登陆组件,样式及布局 2
11 创建登陆组件,样式及布局 3
12 登陆表单数据绑定和验证
13 表单重置和登陆前的预验证
14 登陆请求及登陆成功后的行为
15 路由导航守卫控制访问权限及退出功能
16 项目优化及提交登录功能代码到码云
第3章 用户管理功能模块实现
17 用户列表 主页 home 布局开始
18 主页 Header 和左侧菜单布局
19 左侧菜单接口实现及数据绑定
20 左侧菜单 UI 美化
21 左侧菜单的折叠与展开功能
22 实现首页路由的重定向和菜单绑定路由链接
23 用户列表功能优化
24 绘制用户列表的基本 UI 结构
25 获取用户列表分页数据
26 用户列表渲染及数据绑定
27 改造状态列的布尔值显示效果
28 用户列表添加按钮和实现分页功能
29 实现用户状态的修改和模拟数据接口
30 实现用户信息搜索过虑的功能
31 创建添加用户对话框和表单
32 添加用户时表单验证和自定义验证规则
33 用 Mockjs 模拟添加用户的接口
34 在客户端添加处理添加用户接口的方法
35 用户列表信息修改功能-接口实现
36 用户列表信息修改-前端功能实现
37 删除用户的操作-确认是否删除消息框完成
38 删除用户的操作功能完成
39 提交用户列表功能代码