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