1. 程式人生 > >React16+React-Router4 從零打造企業級電商後臺管理系統

React16+React-Router4 從零打造企業級電商後臺管理系統

第1章 課程介紹 本章整體介紹該課程的內容,讓同學們瞭解這個課程的特點和學習方法,以及後臺管理系統開發前的一些前置工作,如需求分析、技術選型和資料介面等。

第2章 課前知識儲備 本章介紹一些後面課程要用到的一些基礎知識,為後面的開發打下基礎,包括頁面載入過程、ES6基礎和本地儲存相關的知識。

第3章 前端框架的分析 本章介紹前端框架的共性和應用場景,分析前端載入原理,並對單頁和多頁應用,框架和原生開發,三大主流框架之間做詳細的對比。

第4章 開發環境的搭建 搭建專案依賴的開發環境,包括nodejs的安裝,yarn的使用,webpack的配置,sass環境的配置以及打包工具webpack的配置方法。

第5章 React框架 系統的介紹React的知識,基礎部分通過程式碼的形式讓大家加深理解。此外還有react周邊的知識,比如路由工具React-Router,還有React中的幾種資料處理方式。

第6章 通用部分的開發 本章搭建專案的通用部分,把可以抽離出來的內容用元件的形式組織起來,為業務開發打下基礎。

第7章 基礎功能模組的開發 基礎功能模組的包含了系統裡作為輔助的頁面,包括使用者的登入退出。使用者列表,以及首頁和錯誤頁這些基本的頁面,零散但不可或缺。這一章會講到使用者登入原理相關的知識

第8章 商品模組的開發 本章完成商品模組的開發,包括商品的列表、商品的新增編輯和商品詳情,在這一章裡會了解到jquery外掛改造成react外掛的方法

第9章 品類模組的開發 本章完成對品類模組的開發,包括品類列表,增加品類和修改品類名稱等功能。這一塊重點內容是對生命週期的運用,加深對生命週期的理解。

第10章 訂單模組的開發 本章完成訂單模組的開發,包括訂單列表和訂單詳情,這時候應該對React開發比較熟悉了,這一章我們會快速的完成這個業務功能,來體會這種框架開發真正的效率體現。

第11章 後臺管理系統的上線 本章我們將會把程式碼釋出到線上伺服器,讓同學們可以在外網訪問。這一章主要內容就是程式碼的適配,程式碼的自動化釋出,Nginx的配置和域名的解析等內容。讓前端工程師也可以做釋出,

點選下載