React16+React-Router4 從零打造企業(yè)級電商后臺管理系統(tǒng)
以下是【會員:墨子於】分享的內(nèi)容全文:
第1章 課程介紹
本章整體介紹該課程的內(nèi)容,讓同學們了解這個課程的特點和學習方法,以及后臺管理系統(tǒng)開發(fā)前的一些前置工作,如需求分析、技術(shù)選型和數(shù)據(jù)接口等。
1-1 課程導學
1-2 后臺管理系統(tǒng)的需求分析和技術(shù)選型
1-3 數(shù)據(jù)接口定義
第2章 課前知識儲備
本章介紹一些后面課程要用到的一些基礎知識,為后面的開發(fā)打下基礎,包括頁面加載過程、ES6基礎和本地存儲相關(guān)的知識。
2-1 課前知識儲備
2-2 頁面加載過程
2-3 ES6基礎(1)
2-4 ES6基礎(2)
2-5 本地存儲
2-6 總結(jié)
第3章 前端框架的分析
本章介紹前端框架的共性和應用場景,分析前端加載原理,并對單頁和多頁應用,框架和原生開發(fā),三大主流框架之間做詳細的對比。
3-1 前端框架分析
3-2 前端框架要解決的問題
3-3 三大框架對比
3-4 總結(jié)
第4章 開發(fā)環(huán)境的搭建
搭建項目依賴的開發(fā)環(huán)境,包括nodejs的安裝,yarn的使用,webpack的配置,sass環(huán)境的配置以及打包工具webpack的配置方法。
4-1 開發(fā)環(huán)境的搭建
4-2 git的安裝和項目的建立
4-3 nodejs和yarn的安裝
4-4 Webpack配置(1)
4-5 Webpack配置(2)
4-6 代碼提交
第5章 React框架
系統(tǒng)的介紹React的知識,基礎部分通過代碼的形式讓大家加深理解。此外還有react周邊的知識,比如路由工具React-Router,還有React中的幾種數(shù)據(jù)處理方式。
5-1 React框架基礎
5-2 初識React
5-3 深入了解React(了解JSX語法)
5-4 深入了解React(React組件)
5-5 深入了解React(生命周期)
5-6 Router原理及React-router
5-7 React數(shù)據(jù)管理
5-8 總結(jié)
第6章 通用部分的開發(fā)
本章搭建項目的通用部分,把可以抽離出來的內(nèi)容用組件的形式組織起來,為業(yè)務開發(fā)打下基礎。
6-1 通用部分的開發(fā)
6-2 通用布局的開發(fā)(1)
6-3 通用布局的開發(fā)(2)
6-4 頭部導航的開發(fā)
6-5 側(cè)邊導航的開發(fā)
6-6 通用頁面標題的開發(fā)
6-7 代碼的提交和總結(jié)
第7章 基礎功能模塊的開發(fā)
基礎功能模塊的包含了系統(tǒng)里作為輔助的頁面,包括用戶的登錄退出。用戶列表,以及首頁和錯誤頁這些基本的頁面,零散但不可或缺。這一章會講到用戶登錄原理相關(guān)的知識
7-1 基礎功能模塊的開發(fā)
7-2 登錄頁面的開發(fā)(1)
7-3 登錄頁面的開發(fā)(2)
7-4 登錄頁面的開發(fā)(3)
7-5 登錄狀態(tài)管理
7-6 首頁的開發(fā)
7-7 錯誤頁面的開發(fā)
7-8 用戶列表的開發(fā)(1)
7-9 用戶列表的開發(fā)(2)
7-10 代碼提交及總結(jié)
第8章 商品模塊的開發(fā)
本章完成商品模塊的開發(fā),包括商品的列表、商品的添加編輯和商品詳情,在這一章里會了解到jquery插件改造成react插件的方法
8-1 商品模塊的開發(fā)
8-2 商品列表的開發(fā)(1)
8-3 商品列表的開發(fā)(2)
8-4 商品列表的開發(fā)(3)
8-5 商品列表的開發(fā)(4)
8-6 添加商品頁面的開發(fā)(1)
8-7 添加商品頁面的開發(fā)(2)
8-8 添加商品頁面的開發(fā)(3)
8-9 添加商品頁面的開發(fā)(4)
8-10 添加商品頁面的開發(fā)(5)
8-11 添加商品頁面的開發(fā)(6)
8-12 編輯商品頁面的開發(fā)
8-13 商品詳情頁的開發(fā)
8-14 代碼提交和總結(jié)
第9章 品類模塊的開發(fā)
本章完成對品類模塊的開發(fā),包括品類列表,增加品類和修改品類名稱等功能。這一塊重點內(nèi)容是對生命周期的運用,加深對生命周期的理解。
9-1 品類模塊的開發(fā)
9-2 品類列表頁的開發(fā)
9-3 添加品類頁面的開發(fā)
9-4 代碼的提交和總結(jié)
第10章 訂單模塊的開發(fā)
本章完成訂單模塊的開發(fā),包括訂單列表和訂單詳情,這時候應該對React開發(fā)比較熟悉了,這一章我們會快速的完成這個業(yè)務功能,來體會這種框架開發(fā)真正的效率體現(xiàn)。
10-1 訂單模塊的開發(fā)
10-2 訂單列表的開發(fā)
10-3 訂單詳情的開發(fā)
10-4 代碼提交及總結(jié)
第11章 后臺管理系統(tǒng)的上線
本章我們將會把代碼發(fā)布到線上服務器,讓同學們可以在外網(wǎng)訪問。這一章主要內(nèi)容就是代碼的適配,代碼的自動化發(fā)布,Nginx的配置和域名的解析等內(nèi)容。讓前端工程師也可以做發(fā)布,
11-1 項目上線過程
11-2 代碼的上線前準備
11-3 生產(chǎn)環(huán)境的配置
11-4 代碼發(fā)布過程
11-5 nginx和域名的配置
11-6 代碼提交及總結(jié)
第12章 課程總結(jié)
總結(jié)本次課程的主要內(nèi)容,對支持的同學表示感謝!
12-1 總結(jié)
1.軟件源碼推廣展示:目的展示軟件相關(guān)功能,接收技術(shù)學習者測試、測評;
2.教程課程信息展示:展示課程信息,傳授課程各階段內(nèi)容;
3.設計素材圖片展示:展示素材設計理念、思維方式、傳播設計理念;
4.福利優(yōu)惠信息展示:分享各類最新的福利信息,各種優(yōu)惠信息展示;
以上分享目的僅供學習、參考使用,請勿用于其他用途,如果想商業(yè)使用或者代理,請自行聯(lián)系版權(quán)方獲取授權(quán)。任何未獲取授權(quán)的商業(yè)使用與本站無關(guān),請自行承擔相應責任。
本站不存儲任何資源文件,敬請周知!
如果您認為本頁信息內(nèi)容侵犯了您的相關(guān)權(quán)益(包含但不限于:著作權(quán)、首發(fā)權(quán)、隱私權(quán)等權(quán)利),或者您認為自己是此信息的權(quán)利人但是此信息不是自己發(fā)布的,可以直接版權(quán)舉報投訴,我們會根據(jù)網(wǎng)站注冊協(xié)議、資源分享協(xié)議等協(xié)議處理,以保護您的合法權(quán)益。
本網(wǎng)站采用 BY-NC-SA 協(xié)議進行授權(quán) 轉(zhuǎn)載請注明原文鏈接:React16+React-Router4 從零打造企業(yè)級電商后臺管理系統(tǒng)

侵權(quán)舉報/版權(quán)申訴



