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

王鴻盛

  • 出版商: 清華大學
  • 出版日期: 2024-08-01
  • 定價: $714
  • 售價: 8.5$607
  • 語言: 簡體中文
  • ISBN: 7302670137
  • ISBN-13: 9787302670131
  • 相關分類: Vue.js
  • 下單後立即進貨 (約4週~6週)

  • 後台管理系統實踐——Vue.js+Express.js(微課視頻版)-preview-1
  • 後台管理系統實踐——Vue.js+Express.js(微課視頻版)-preview-2
  • 後台管理系統實踐——Vue.js+Express.js(微課視頻版)-preview-3
後台管理系統實踐——Vue.js+Express.js(微課視頻版)-preview-1

商品描述

"本書以如何設計後台管理系統為主線,穿插前後端不同技術棧的核心知識點,引導讀者漸進式地學習Express.js+MySQL+Vue.js,達到從0到1完成一個完整項目。Express.js是基於Node.js的Web服務器框架,具有快速、開放和極簡的特點。MySQL是一個具有高性能、可靠性和靈活性的久經大型企業考驗的數據庫管理系統。Vue.js則是目前***的前端框架之一。基於Express.js+MySQL+Vue.js,能夠讓我們在應對不同的業務場景時游刃有餘,運用自如。 本書共18章,分為Node.js篇、Vue.js篇和上線篇。Node.js篇(第1~9章)系統性地講述了MySQL、Node.js和Express.js框架知識點,從設計字段、實現功能及測試接口的角度對常見的系統功能模塊進行了詳細地講解。Vue.js篇(第10~16章)從Vue.js的核心知識點出發,結合ElementPlus組件庫由淺及深地構建系統頁面。上線篇(第17章和第18章)詳細闡述瞭如何配置服務器和域名,並最終實現項目上線。本書示例代碼豐富,註重實踐和整體性,同時提供視頻講解,幫助讀者深入掌握重點和難點。 本書即適合初學者入門,對已從事前後端領域的開發者也具有參考價值,同時還可作為高等院校和培訓機構的專業教材。 "

目錄大綱

 

目錄

 

 

本書源碼

 

 

 

 

 

 

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文件夾並配置