後台管理系統實踐——Vue.js+Express.js（微課視頻版）

目錄

本書源碼

Node.js篇

第1章數字管理時代(6min)

1.1數據管理

1.1.1人工管理階段

1.1.2文件管理階段

1.1.3數據庫管理階段

1.2復雜多樣的數據

1.2.1數據的復雜化

1.2.2數據的多樣化

1.2.3如何處理數據

第2章數據庫系統的出現(39min)

2.1數據庫系統的發展

2.1.1數據模型

2.1.2後關系型階段

2.1.3主流數據庫管理系統

2.2MySQL簡述

2.2.1為什麽選擇MySQL

2.2.2SQL基本語法

2.3創建第1個數據庫

2.3.1使用MySQL社區版創建數據庫

2.3.2使用小皮面板創建數據庫

2.4可視化的數據庫管理工具

第3章從0到1設計系統(9min)

3.1功能模塊是如何討論出來的

3.1.1從設想到立項

3.1.2客戶端的多端設計

3.1.3常見功能模塊及操作

3.2如何設計數據庫字段

3.2.1字段的命名

3.2.2字段的數據類型

3.2.3約束

3.2.4功能的判斷

3.2.5數據表的id

3.3從0設計一張用戶數據表

3.3.1用戶模塊

3.3.2用戶表字段

3.3.3創建用戶數據表

第4章開始我們的後端之旅(86min)

4.1後起之秀Node.js

4.1.1V8引擎的優化機制

4.1.2非阻塞I/O和事件驅動

4.1.3豐富的生態系統

4.2包管理工具

4.2.1常用npm命令

4.2.2配置npm

4.2.3Yarn介紹及常用命令

4.2.4Pnpm介紹及常用命令

4.2.5構建一個Node應用

4.3輕量的Express.js框架

4.3.1Express.js介紹

4.3.2在Node中使用Express.js

4.4中間件

4.4.1不同的中間件

4.4.2使用中間件

4.5路由和處理程序

4.5.1什麽是路由

4.5.2專心處理業務的handler

4.5.3GET、POST及其兄弟

4.6測試的好幫手 

4.6.1Postman

4.6.2試著輸出一下數據

4.7小試鋒芒 

4.7.1註冊和登錄需要考慮什麽

4.7.2業務邏輯代碼實現

4.7.3最終效果

第5章實現更復雜的功能(90min)

5.1用戶

5.1.1修改用戶信息

5.1.2實現賬號狀態邏輯

5.2實現上傳功能

5.2.1Multer中間件

5.2.2實現上傳圖片

5.2.3文件系統

5.2.4數據表多了條URL地址

5.3展現數據

5.3.1分頁的邏輯

5.3.2實現分頁

第6章行業百寶庫(50min)

6.1從入庫到出庫

6.2如何考慮產品的字段

6.3實現產品管理的邏輯

6.3.1進入百寶庫

6.3.2清點寶物

6.3.3鎖好庫門

6.3.4獲得寶物

第7章給系統裝個監控(21min)

7.1什麽是埋點

7.2設計並實現埋點

7.2.1登錄模塊埋點

7.2.2用戶模塊和產品模塊埋點

第8章接口文檔(12min)

8.1使用Postman生成接口文檔

8.2使用Apifox生成接口文檔

8.3使用Swagger模塊生成接口文檔

第9章代碼上傳至倉庫(17min)

9.1代碼倉庫

9.1.1GitHub

9.1.2Gitee

9.2Git介紹

9.2.1Git安裝

9.2.2創建Gitee倉庫

9.2.3上傳代碼

9.3可視化的Sourcetree

9.3.1下載Sourcetree

9.3.2配置本地倉庫

9.3.3修改代碼並提交

Vue.js篇

第10章前端的變革(78min)

10.1HTML

10.1.1定義標題

10.1.2段落

10.1.3超鏈接

10.1.4圖片、視頻、音頻

10.1.5表格

10.1.6輸入框

10.1.7按鈕

10.1.8單選框、復選框

10.1.9標簽、換行、表單

10.1.10列表

10.1.11塊級元素、行內元素

10.1.12標識元素

10.2CSS

10.2.1選擇器

10.2.2字體、對齊、顏色

10.2.3背景、寬和高

10.2.4定位

10.2.5顯示

10.2.6盒子模型

10.2.7外部樣式、內部樣式、行內樣式

10.2.8響應式

10.3JavaScript

10.3.1運行、輸出

10.3.2var、let、const及作用域

10.3.3數據類型

10.3.4條件語句

10.3.5循環語句

10.3.6DOM及其事件

10.3.7BOM

10.4框架的出現

10.4.1jQuery

10.4.2Bootstrap

10.4.3Sass

10.5真正的變革

第11章初識Vue(7min)

11.1Vue.js的介紹

11.1.1漸進式

11.1.2聲明式代碼

11.1.3組件化

11.1.4選項式API與組合式API

11.1.5生命周期

11.1.6響應式

11.2第1個demo

11.2.1安裝Vue.js項目

11.2.2分析腳手架

11.2.3去除初始文件

第12章再接再厲(41min)

12.1Vue Router

12.1.1配置路由

12.1.2創建一個Vue組件

12.2Element Plus

12.2.1如虎添翼的UI庫

12.2.2安裝Element Plus

12.2.3引入第1個UI組件

12.2.4定義一個表單

12.3給JavaScript加上緊箍咒

12.3.1TypeScript是什麽

12.3.2基礎類型定義

12.3.3常用的TypeScript配置

12.3.4給表單數據加上TypeScript

第13章頁面設計思路(12min)

13.1佈局

13.1.1彈性佈局

13.1.2菜單

13.1.3表格頁面

13.2樣式

13.3顏色

13.4完成登錄頁面

13.4.1卡片位置

13.4.2卡片樣式

第14章交互(18min)

14.1Axios

14.1.1AJAX

14.1.2Promise

14.1.3async await

14.1.4Axios的二次封裝

14.2編寫前端接口

14.3完成登錄與註冊功能

第15章登堂入室(195min)

15.1構建系統基本佈局

15.1.1容器佈局

15.1.2封裝全局麵包屑

15.2個人設置模塊

15.2.1內容區基礎佈局

15.2.2封裝公共類

15.2.3Pinia

15.3用戶列表模塊

15.3.1用戶模塊基礎架構

15.3.2用戶信息框

15.4完善用戶列表功能

15.4.1實現分頁功能

15.4.2實現凍結與解凍功能

15.4.3實現搜索與篩選功能

15.4.4實現用戶信息框功能 

15.5實現日誌記錄

15.5.1登錄日誌

15.5.2操作日誌

15.6hooks

第16章爐火純青(107min)

16.1產品的入庫

16.1.1獲取產品列表

16.1.2實現添加產品功能

16.1.3實現編輯產品功能

16.1.4實現申請出庫功能

16.1.5實現刪除產品功能

16.2產品的審核

16.2.1獲取審核列表

16.2.2實現審核產品

16.2.3實現撤回和再次申請出庫

16.3產品的出庫

16.3.1搜索出庫記錄

16.3.2清空出庫列表

16.4ECharts

16.4.1實現數據邏輯

16.4.2實現圖表

16.5權限管理

16.5.1動態生成路由表

16.5.2部門內權限

16.6路由守衛

上線篇

第17章服務器與域名(23min)

17.1服務器

17.1.1服務器參數

17.1.2雲服務器

17.1.3購買雲服務器

17.2域名

17.2.1購買域名

17.2.2備案域名

17.2.3域名解析

17.2.4SSL證書

17.3寶塔面板

17.3.1安裝寶塔面板

17.3.2安裝Node版本管理器

第18章上線項目(17min)

18.1添加Node項目

18.1.1上傳後端代碼

18.1.2添加Node項目

18.1.3配置SSL證書

18.1.4添加數據庫

18.1.5測試

18.2添加Vue項目

18.2.1Vite配置

18.2.2生成dist文件夾並配置