課程大綱： 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 提交用戶列表功能代碼
加入高級會員獲得助教答疑
