課程大綱： Vue.js Element UI Mock.js 電子商城培訓
第1章 課程介紹及示例演示
1 課程介紹及示例演示
第2章 用戶登陸功能模塊實現(xiàn)
2 用 vue ui 方式初始化 Vue 項目
3 用 cmd 指令方式初始化 vue 項目
4 將本地項目托管到碼云-添加 SSH 公鑰
5 本地項目托管到碼云中-創(chuàng)建倉庫
6 后端配置-Mockjs 模擬服務器并返回數(shù)據(jù)
7 用 mock 和 axois 來實現(xiàn)一個簡單的登陸功能
8 刪除不必要的組件導入 elementUI
9 創(chuàng)建登陸組件,樣式及布局 1
10 創(chuàng)建登陸組件,樣式及布局 2
11 創(chuàng)建登陸組件,樣式及布局 3
12 登陸表單數(shù)據(jù)綁定和驗證
13 表單重置和登陸前的預驗證
14 登陸請求及登陸成功后的行為
15 路由導航守衛(wèi)控制訪問權(quán)限及退出功能
16 項目優(yōu)化及提交登錄功能代碼到碼云
第3章 用戶管理功能模塊實現(xiàn)
17 用戶列表 主頁 home 布局開始
18 主頁 Header 和左側(cè)菜單布局
19 左側(cè)菜單接口實現(xiàn)及數(shù)據(jù)綁定
20 左側(cè)菜單 UI 美化
21 左側(cè)菜單的折疊與展開功能
22 實現(xiàn)首頁路由的重定向和菜單綁定路由鏈接
23 用戶列表功能優(yōu)化
24 繪制用戶列表的基本 UI 結(jié)構(gòu)
25 獲取用戶列表分頁數(shù)據(jù)
26 用戶列表渲染及數(shù)據(jù)綁定
27 改造狀態(tài)列的布爾值顯示效果
28 用戶列表添加按鈕和實現(xiàn)分頁功能
29 實現(xiàn)用戶狀態(tài)的修改和模擬數(shù)據(jù)接口
30 實現(xiàn)用戶信息搜索過慮的功能
31 創(chuàng)建添加用戶對話框和表單
32 添加用戶時表單驗證和自定義驗證規(guī)則
33 用 Mockjs 模擬添加用戶的接口
34 在客戶端添加處理添加用戶接口的方法
35 用戶列表信息修改功能-接口實現(xiàn)
36 用戶列表信息修改-前端功能實現(xiàn)
37 刪除用戶的操作-確認是否刪除消息框完成
38 刪除用戶的操作功能完成
39 提交用戶列表功能代碼
加入高級會員獲得助教答疑
