內容簡介
本書一共26章,整個書籍結構圍繞著企業項目開發基本流程來設計,分為項目概述、前端開發和後端開發三個部分。 項目概述部分一共有4章。第1章是項目需求設計,主要介紹該項目的項目背景和項目內容。第2章是業務模組介紹,圍繞著項目內容展開介紹項目核心業務模組。第3章是業務流程圖。通過office 自帶的Visio工具將各大業務流程以流程圖的形式呈現。第4章是項目開發周期,介紹開發本項目需要花費的時間周期。 前端開發部分一共有11章,前3章是基礎篇,介紹前端三劍客HTML/CSS/JavaScript和前端主流開發框架React以及前端開發常用的工具庫。後8章是項目實戰內容,其中包含開發前須知和開發後總結。 後端開發部分一共有11章,前3章是基礎篇,介紹Java基礎和SpringBoot框架以及後端常用的工具庫,後8章是項目實戰內容,包含開發前系統設計和開發後總結。
圖書目錄
目錄
項目概述
第 1章 項目需求設計 02
1.1 項目背景 02
1.2 項目介紹 02
第 2章 業務模組介紹 03
2.1 用戶模組 03
2.1.1 用戶模組功能清單 04
2.1.2 用戶模組功能說明 04
2.2 商品模組 05
2.2.1 商品模組功能清單 05
2.2.2 商品模組功能說明 06
2.3 支付模組 07
2.3.1 支付模組功能清單 07
2.3.2 支付模組功能說明 07
2.4 訊息模組 08
2.4.1 訊息模組功能清單 08
2.4.2 訊息模組功能說明 08
2.5 個人中心模組 08
2.5.1 個人中心模組功能清單 09
2.5.2 個人中心模組功能說明 10
第3章 業務流程圖 12
3.1 註冊頁面流程圖 12
3.2 登錄頁面流程圖 13
3.3 商品發布頁面流程圖 13
3.4 首頁流程圖 14
3.5 訊息頁面流程圖 15
3.6 個人中心頁面流程圖 15
第4章 項目開發周期 17
前端開發
第5章 HTML、CSS、JavaScript基礎 22
5.1 網頁的骨架——HTML 22
5.1.1 HTML 結構 23
5.1.2 HTML 頭部標籤 24
5.1.3 HTML 內容標籤 25
5.1.4 HTML 樣式標籤 27
5.1.5 HTML 腳本標籤 28
5.2 網頁的外衣——CSS 29
5.2.1 CSS 歷史 29
5.2.2 CSS 樣式 30
5.2.3 CSS 選擇器 32
5.2.4 CSS 偽類與偽元素 36
5.2.5 CSS 使用方式 40
5.3 網頁的互動——JavaScript 43
5.3.1 JavaScript 歷史 43
5.3.2 JavaScript 語法 45
5.3.3 AJAX 介紹 51
5.4 Web 網頁案例 53
5.4.1 案例說明 53
5.4.2 案例代碼 53
第6章 前端主流框架——React 60
6.1 React 概述 60
6.1.1 React 主要特點 60
6.1.2 React 生命周期 61
6.2 React 開發環境搭建 62
6.2.1 Node安裝 62
6.2.2 React 項目構建 64
6.3 React 案例 67
6.3.1 案例代碼 67
6.3.2 React框架與原生網頁的區別 69
第7章 前端常用開發工具/庫 71
7.1 打包工具之webpack 71
7.1.1 webpack核心原理 71
7.1.2 webpack 核心概念 72
7.1.3 webpack 參數配置說明 72
7.2 頁面跳轉之react-router-dom 75
7.2.1 react-router-dom 路由配置 75
7.2.2 react-router-dom 路由跳轉方式 76
7.2.3 react-router-dom路由傳參 76
7.3 前端組件庫之ant-design 77
7.4 CSS預處理器之Less 78
7.4.1 Less特徵 78
7.4.2 Less使用環境 79
7.4.3 Less語法 79
7.5 第三方模組安裝 81
第8章 前端開發前須知 83
8.1 命名規則 83
8.1.1 模組命名規則 83
8.1.2 選擇器命名規則 83
8.2 公共樣式提取 84
8.2.1 公共樣式規則 84
8.2.2 公共樣式檔案 84
8.3 公共組件封裝 92
8.3.1 Button 組件 93
8.3.2 Card 組件 97
8.3.3 Input 組件 99
8.3.4 List 組件 101
8.3.5 Search 組件 105
8.3.6 Select 組件 110
8.3.7 TabBottom組件 115
8.3.8 Title 組件 118
8.3.9 Type 組件 122
8.3.10 Address 組件 124
8.4 界面分析 135
8.4.1 頁面結構 135
8.4.2 圖片元素 135
8.4.3 頁面色彩 135
8.4.4 頁面邊距 136
第9章 用戶模組開發 137
9.1 註冊頁面開發 137
9.2 登錄頁面開發 144
第 10章 商品模組開發 148
10.1 發布/修改商品頁面開發 148
10.2 商品列表/首頁開發 153
10.3 商品詳情頁面開發 162
第 11章 支付模組開發 171
11.1 訂單頁面開發 171
11.2 訂單詳情頁面開發 172
第 12章 訊息模組開發 178
12.1 訊息列表頁面開發 178
12.2 訊息詳情頁面開發 182
第 13章 個人中心模組開發 192
13.1 個人中心頁面開發 192
13.2 編輯個人信息頁面開發 196
13.3 我發布的商品列表頁面開發 200
13.4 我發布的商品信息編輯頁面開發 205
13.5 我賣出的商品列表頁面開發 211
13.6 我買到的商品列表頁面開發 214
13.7 修改密碼頁面開發 218
13.8 忘記密碼頁面開發 221
13.9 修改手機號頁面開發 225
13.10 我的收貨地址列表頁面開發 232
13.11 添加/編輯收貨地址頁面開發 235
13.11.1 添加收貨地址 235
13.11.2 編輯收貨地址 236
13.11.3 編寫代碼 237
第 14章 前端環境部署 243
項目部署流程 243
第 15章 前端開發總結 247
15.1 開發思路總結 247
15.2 項目難點總結 247
後端開發
第 16章 Java基礎 254
16.1 Java主要特點 254
16.2 Java語法 255
16.2.1 數據類型 255
16.2.2 標識符 256
16.2.3 修飾符 256
16.2.4 變數 257
16.2.5 運算符 257
16.2.6 關鍵字 260
16.2.7 注釋 261
16.3 Java 開發環境 262
16.3.1 JDK 262
16.3.2 JRE 262
16.3.3 JVM 262
16.3.4 配置環境變數 262
第 17章 Spring Boot框架 264
17.1 Spring Boot 概述 264
17.2 Spring Boot 解決的問題 265
17.3 Spring Boot 核心機制 266
17.4 Spring Boot 優缺點 266
第 18章 後端工具/庫 268
18.1 Java IDE 268
18.1.1 常用的IDE 268
18.1.2 使用IntelliJ IDEA創建Java項目 269
18.1.3 使用IntelliJ IDEA創建Spring Boot項目 273
18.2 Navicat 275
18.2.1 版本 276
18.2.2 Navicat for MySQL使用 277
18.3 Postman 280
18.3.1 安裝 281
18.3.2 版本 281
18.3.3 使用 281
第 19章 後端系統設計 283
19.1 資料庫設計 283
19.2 系統功能模組設計 290
19.3 接口設計 291
第 20章 用戶模組接口 294
20.1 註冊接口 294
20.2 獲取驗證碼接口 304
20.3 登錄接口 311
20.4 忘記密碼接口 317
20.5 修改密碼接口 321
20.6 用戶信息修改接口 324
20.7 校驗是否登錄接口 328
20.8 退出登錄接口 330
第 21章 商品模組接口 333
21.1 商品類別列表接口 333
21.2 商品列表接口 338
21.3 發布商品接口 346
21.4 修改商品信息接口 351
21.5 獲取商品詳情接口 356
21.6 評論/回復接口 361
21.7 評論/回複列表接口 365
21.8 點讚/取消點讚接口 368
21.9 點讚列表接口 372
21.10 首頁輪播商品列表接口 375
第 22章 訊息模組接口 382
22.1 聊天對話框列表接口 382
22.2 獲取聊天詳情接口 387
22.3 初始化聊天接口 393
22.4 傳送訊息接口 400
第 23章 支付模組接口 412
23.1 購買商品接口 412
23.2 獲取訂單詳情接口 420
23.3 取消訂單接口 426
23.4 支付寶WAP支付接口 429
23.5 支付寶支付接口 436
23.6 支付寶支付回調接口 440
第 24章 個人中心模組接口 446
24.1 我的商品列表接口 446
24.2 刪除我的商品接口 455
24.3 校驗舊手機號接口 459
24.4 綁定新手機號接口 462
24.5 查詢商品數量接口 465
24.6 收貨地址列表接口 471
24.7 新增收貨地址接口 478
24.8 修改收貨地址接口 482
24.9 刪除收貨地址接口 487
第 25章 後端環境部署 491
第 26章 後端開發總結 495
26.1 開發思路總結 495
26.2 開發難點總結 495
作者簡介
吳杏平,上市公司前端開發工程師,熟悉前端各大主流框架,並深入研究過各種框架底層源碼。對後端開發也興趣頗豐,可獨立完成前端界面開發和後端接口開發。 曹雪,擁有多年開發與團隊管理經驗,現任平安科技資深開發工程師。