課程大綱： Vue.js Element UI Mock.js 電子商城培訓(xùn)
第1章 課程介紹及示例演示
1 課程介紹及示例演示
第2章 用戶登陸功能模塊實(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)控制訪問(wèn)權(quán)限及退出功能
16 項(xiàng)目?jī)?yōu)化及提交登錄功能代碼到碼云
第3章 用戶管理功能模塊實(shí)現(xiàn)
17 用戶列表 主頁(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 用戶列表功能優(yōu)化
24 繪制用戶列表的基本 UI 結(jié)構(gòu)
25 獲取用戶列表分頁(yè)數(shù)據(jù)
26 用戶列表渲染及數(shù)據(jù)綁定
27 改造狀態(tài)列的布爾值顯示效果
28 用戶列表添加按鈕和實(shí)現(xiàn)分頁(yè)功能
29 實(shí)現(xiàn)用戶狀態(tài)的修改和模擬數(shù)據(jù)接口
30 實(shí)現(xiàn)用戶信息搜索過(guò)慮的功能
31 創(chuàng)建添加用戶對(duì)話框和表單
32 添加用戶時(shí)表單驗(yàn)證和自定義驗(yàn)證規(guī)則
33 用 Mockjs 模擬添加用戶的接口
34 在客戶端添加處理添加用戶接口的方法
35 用戶列表信息修改功能-接口實(shí)現(xiàn)
36 用戶列表信息修改-前端功能實(shí)現(xiàn)
37 刪除用戶的操作-確認(rèn)是否刪除消息框完成
38 刪除用戶的操作功能完成
39 提交用戶列表功能代碼
加入高級(jí)會(huì)員獲得助教答疑
