《Web前端開發實訓案例教程（中級）》是2019年12月電子工業出版社出版的圖書，作者是北京新奧時代科技有限責任公司。
基本介紹
- 書名：Web前端開發實訓案例教程（中級）
- 作者：北京新奧時代科技有限責任公司
- ISBN：9787121378652
- 頁數：376頁
- 定價：69元
- 出版社：電子工業出版社
- 出版時間：2019年12月
- 開本：16開
內容簡介,圖書目錄,
內容簡介
本書是與《Web前端開發職業技能等級標準》配套的實踐教材，教材中所有套用技術專題和項目代碼均在主流瀏覽器中運行通過。本書結合高校計算機相關專業Web前端開發方向課程體系、企業Web前端開發崗位能力模型和《Web前端開發職業技能等級標準》，形成Web前端開發三位一體知識地圖，以實踐能力為導向，以企業真實套用為目標，遵循企業軟體工程標準和技術，以任務為驅動，對HTML5、CSS3、JavaScript、jQuery、Bootstrap、MySQL、PHP、Laravel、AJAX、JSON、RESTful API等Web前端開發中的重要知識單元，結合實際案例和套用環境進行了分析和設計，並對每個重要知識單元進行了詳細介紹，力求使讀者真正掌握這些知識，從而在實際場景中加以套用。全書分為兩部分：第一部分為實驗，採用技術專題進行知識單元訓練，可以對應課程練習或實驗，針對不同的知識單元設計實驗項目，重點訓練每個知識單元的內容；第二部分為綜合實踐，可以對應課程設計或綜合實踐，用一個“淘興趣”項目貫穿Web前端開發核心知識，此項目會套用到中級標準中所包含的所有核心知識單元，而且其是參照企業中真實項目標準進行開發的。
本書適合作為《Web前端開發職業技能等級標準》的實踐教學參考用書，也適合作為對Web前端開發感興趣的讀者的指導用書。
圖書目錄
第1章 實踐概述 1
1.1 實踐目標 1
1.2 實踐知識地圖 1
1.3 實施安排 10
1.3.1 實驗（技術專題）部分 10
1.3.2 綜合實踐部分 19
第2章 開發工具（HBuilder） 22
2.1 實驗目標 22
2.2 實驗任務 22
2.3 設計思路 22
2.4 實驗實施（跟我做） 22
2.4.1 步驟一：下載並安裝
HBuilder 22
2.4.2 步驟二：HBuilder主界面 23
2.4.3 步驟三：在HBuilder中安裝
PHP外掛程式 24
2.4.4 步驟四：創建Web項目
工程 25
2.4.5 步驟五：創建HTML
頁面 26
2.4.6 步驟六：編輯html檔案 27
2.4.7 步驟七：運行 28
第3章 Web靜態網頁開發
（小說網首頁） 29
3.1 實驗目標 29
3.2 實驗任務 30
3.3 設計思路 32
3.4 實驗實施（跟我做） 35
3.4.1 步驟一：創建工程 35
3.4.2 步驟二：製作首頁 35
3.4.3 步驟三：製作小說列表
頁面 37
3.4.4 步驟四：載入小說列表
頁面 39
3.4.5 步驟五：添加樣式美化
首頁 40
3.4.6 步驟六：添加樣式美化小說
列表頁面 44
第4章 JavaScript開發互動效果頁面
（房貸計算器） 47
4.1 實驗目標 47
4.2 實驗任務 48
4.3 設計思路 49
4.4 實驗實施（跟我做） 52
4.4.1 步驟一：創建工程 52
4.4.2 步驟二：使用HTML布局
頁面 52
4.4.3 步驟三：使用CSS樣式美化
頁面 53
4.4.4 步驟四：創建house.js
檔案 56
4.4.5 擴展：正則表達式驗證
輸入 59
第5章 jQuery開發互動效果頁面
（留言頁面） 61
5.1 實驗目標 61
5.2 實驗任務 62
5.3 設計思路 63
5.4 實驗實施（跟我做） 64
5.4.1 步驟一：創建工程 64
5.4.2 步驟二：使用HTML布局
留言頁面 64
5.4.3 步驟三：使用CSS樣式美化
留言頁面 65
5.4.4 步驟四：引入jQuery檔案和jQuery UI檔案 66
5.4.5 步驟五：輸入留言信息 67
5.4.6 步驟六：發布留言 68
5.4.7 步驟七：保存留言信息 68
第6章 Bootstrap開發頁面
（註冊頁面） 69
6.1 實驗目標 69
6.2 實驗任務 70
6.3 設計思路 70
6.4 實驗實施（跟我做） 72
6.4.1 步驟一：引入Bootstrap
檔案 72
6.4.2 步驟二：製作頁頭導航欄 73
6.4.3 步驟三：製作註冊欄 73
6.4.4 步驟四：製作頁腳 76
6.4.5 步驟五：運行效果 76
第7章 Bootstrap開發頁面
（分類信息頁面） 77
7.1 實驗目標 77
7.2 實驗任務 78
7.3 設計思路 79
7.4 實驗實施（跟我做） 82
7.4.1 步驟一：引入Bootstrap 82
7.4.2 步驟二：製作頁頭 82
7.4.3 步驟三：製作產地篩選欄和
商品信息欄 84
7.4.4 步驟四：製作頁腳 86
7.4.5 步驟五：回響到移動端 86
第8章 MySQL（MySQL基本
操作） 88
8.1 實驗目標 88
8.2 實驗任務 88
8.3 設計思路 89
8.4 實驗實施（跟我做） 89
8.4.1 步驟一：下載並安裝
MySQL 89
8.4.2 步驟二：登錄MySQL 90
8.4.3 步驟三：資料庫基本操作 92
第9章 MySQL（試題信息管理） 93
9.1 實驗目標 93
9.2 實驗任務 94
9.3 設計思路 95
9.4 實驗實施（跟我做） 97
9.4.1 步驟一：創建資料庫 97
9.4.2 步驟二：創建表 97
9.4.3 步驟三：表的操作 99
9.4.4 步驟四：視圖 100
9.4.5 步驟五：索引 100
9.4.6 步驟六：管理表數據 100
9.4.7 步驟七：查詢表數據 101
9.4.8 步驟八：導入和導出資料庫
腳本 102
9.4.9 步驟九：事務控制 103
9.4.10 步驟十：觸發器 104
9.4.11 步驟十一：存儲過程 105
第10章 PHP製作動態網頁
（第一個PHP程式） 107
10.1 實驗目標 107
10.2 實驗任務 108
10.3 設計思路 108
10.4 實驗實施（跟我做） 108
10.4.1 步驟一：更改Apache的
網站根目錄 108
10.4.2 步驟二：製作第一個PHP
程式 110
10.4.3 步驟三：發布運行 111
10.4.4 步驟四：擴展 112
第11章 PHP製作動態網頁
（日期計算器） 113
11.1 實驗目標 113
11.2 實驗任務 114
11.3 設計思路 114
11.4 實驗實施（跟我做） 115
11.4.1 步驟一：編寫主頁 115
11.4.2 步驟二：判斷閏年 116
11.4.3 步驟三：驗證日期 116
11.4.4 步驟四：計算天數 117
11.4.5 步驟五：處理請求 118
11.4.6 步驟六：運行效果 119
第12章 PHP製作動態網頁
（購物車） 120
12.1 實驗目標 120
12.2 實驗任務 121
12.3 設計思路 123
12.4 實驗實施（跟我做） 124
12.4.1 步驟一：製作商品列表
頁面 124
12.4.2 步驟二：將商品加入
購物車 126
12.4.3 步驟三：製作購物車
頁面 128
12.4.4 步驟四：改變購物車內的
商品數量 129
12.4.5 步驟五：製作確認訂單
頁面 129
12.4.6 步驟六：製作訂單頁面 131
第13章 PHP製作動態網頁
（線上投票系統） 132
13.1 實驗目標 132
13.2 實驗任務 133
13.3 設計思路 133
13.4 實驗實施（跟我做） 135
13.4.1 步驟一：創建項目和
檔案 135
13.4.2 步驟二：頁面基類 136
13.4.3 步驟三：姓名輸入頁面 137
13.4.4 步驟四：投票頁面 138
13.4.5 步驟五：數據的獲取和
寫入 139
第14章 PHP製作動態網頁
（學生成績管理） 141
14.1 實驗目標 141
14.2 實驗任務 142
14.3 設計思路 143
14.4 實驗實施（跟我做） 146
14.4.1 步驟一：創建項目和
檔案 146
14.4.2 步驟二：創建資料庫 147
14.4.3 步驟三：製作CSS
樣式 147
14.4.4 步驟四：製作登錄
頁面 147
14.4.5 步驟五：製作成績管理
頁面 149
14.4.6 步驟六：編寫資料庫操作
PHP代碼 151
14.4.7 步驟七：數據的獲取和
寫入 153
第15章 AJAX製作動態網頁
（閱讀器） 158
15.1 實驗目標 158
15.2 實驗任務 159
15.3 設計思路 160
15.4 實驗實施（跟我做） 161
15.4.1 步驟一：創建項目和
檔案 161
15.4.2 步驟二：實現XML格式
數據接口 161
15.4.3 步驟三：實現JSON格式
數據接口 162
15.4.4 步驟四：製作HTML
頁面 163
15.4.5 步驟五：製作CSS樣式 163
15.4.6 步驟六：編寫AJAX
請求 164
15.4.7 步驟七：構建XML格式的
書籍內容 165
15.4.8 步驟八：構建JSON格式的
書籍內容 166
15.4.9 步驟九：清除頁面內容 167
第16章 RESTful API規範
（視頻列表） 168
16.1 實驗目標 168
16.2 實驗任務 169
16.3 設計思路 170
16.4 實驗實施（跟我做） 172
16.4.1 步驟一：處理API
請求 172
16.4.2 步驟二：返回視頻列表
數據 175
16.4.3 步驟三：使用RESTful
API 176
第17章 Laravel框架構建動態網站
（第一個Laravel程式） 178
17.1 實驗目標 178
17.2 實驗任務 179
17.3 設計思路 180
17.4 實驗實施（跟我做） 181
17.4.1 步驟一：安裝
Composer 181
17.4.2 步驟二：配置國內鏡像 183
17.4.3 步驟三：創建Laravel
工程 183
17.4.4 步驟四：配置虛擬主機 184
17.4.5 步驟五：編寫index.blade.php
檔案 186
17.4.6 步驟六：編寫路由 186
第18章 Laravel框架構建動態網站
（線上答題） 187
18.1 實驗目標 187
18.2 實驗任務 188
18.3 設計思路 188
18.4 實驗實施（跟我做） 190
18.4.1 步驟一：創建Laravel
工程 190
18.4.2 步驟二：配置路由 191
18.4.3 步驟三：創建控制器類QuizController 191
18.4.4 步驟四：編寫quiz.blade.php
檔案 192
18.4.5 步驟五：編寫result.blade.php
檔案 193
18.4.6 步驟六：編寫QuizController()
處理函式 194
第19章 Laravel框架構建動態網站
（個人部落格） 197
19.1 實驗目標 197
19.2 實驗任務 198
19.3 設計思路 200
19.4 實驗實施（跟我做） 203
19.4.1 步驟一：創建Laravel
工程 203
19.4.2 步驟二：配置路由 204
19.4.3 步驟三：創建控制器類 205
19.4.4 步驟四：實現登錄功能
（查詢構建器） 205
19.4.5 步驟五：創建模型類 206
19.4.6 步驟六：實現登錄功能 207
19.4.7 步驟七：顯示部落格列表 208
19.4.8 步驟八：添加部落格 212
19.4.9 步驟九：修改和刪除
部落格 212
第20章 AJAX製作動態網頁
（天氣預報） 214
20.1 實驗目標 214
20.2 實驗任務 216
20.3 設計思路 216
20.4 實驗實施（跟我做） 217
20.4.1 步驟一：創建工程和
檔案 217
20.4.2 步驟二：實現PHP數據
接口 218
20.4.3 步驟三：製作HTML
頁面 219
20.4.4 步驟四：製作CSS
樣式 220
20.4.5 步驟五：編寫AJAX
請求 221
第21章 綜合實踐（淘興趣） 223
21.1 項目簡介 223
21.2 實踐目標 223
21.3 需求分析 224
21.4 頁面設計 226
21.4.1 工作任務 226
21.4.2 設計思路 226
21.4.3 實現（跟我做） 228
21.5 第一階段PHP頁面混合式：
創建工程 233
21.5.1 工作任務 233
21.5.2 設計思路 233
21.5.3 實現（跟我做） 236
21.6 第一階段PHP頁面混合式：
系統管理 241
21.6.1 PHP頁面混合式：管理員
登錄 241
21.6.2 PHP頁面混合式：興趣
管理 246
21.7 第一階段PHP頁面混合式：
用戶註冊 253
21.7.1 工作任務 253
21.7.2 設計思路 254
21.7.3 實現（跟我做） 255
21.8 第一階段PHP頁面混合式：
用戶登錄 258
21.8.1 工作任務 258
21.8.2 設計思路 259
21.8.3 實現（跟我做） 259
21.9 第一階段PHP頁面混合式：
個人中心 261
21.9.1 工作任務 261
21.9.2 設計思路 262
21.9.3 實現（跟我做） 263
21.10 第一階段PHP頁面混合式：
首頁 265
21.10.1 工作任務 265
21.10.2 設計思路 267
21.10.3 實現（跟我做） 268
21.11 第一階段PHP頁面混合式：
趣點管理 270
21.11.1 PHP頁面混合式：創建
趣點 270
21.11.2 PHP頁面混合式：搜尋
趣點 275
21.11.3 PHP頁面混合式：訂閱
趣點 281
21.12 第一階段PHP頁面混合式：
微博管理 287
21.12.1 工作任務 287
21.12.2 設計思路 289
21.12.3 實現（跟我做） 289
21.13 第二階段移動端回響式頁面：
首頁 293
21.13.1 工作任務 293
21.13.2 設計思路 293
21.13.3 實現（跟我做） 294
21.14 第三階段AJAX+JSON：
用戶註冊 297
21.14.1 工作任務 297
21.14.2 設計思路 298
21.14.3 實現（跟我做） 299
21.15 第三階段AJAX+JSON：
用戶登錄 307
21.15.1 工作任務 307
21.15.2 設計思路 308
21.15.3 實現（跟我做） 309
21.16 第三階段AJAX+JSON：
趣點管理 314
21.16.1 工作任務 314
21.16.2 設計思路 316
21.16.3 實現（跟我做） 316
21.17 第三階段AJAX+JSON：
微博管理 328
21.17.1 工作任務 328
21.17.2 設計思路 330
21.17.3 實現（跟我做） 330
21.18 第四階段RESTful API：
搜尋趣點 339
21.18.1 工作任務 339
21.18.2 設計思路 340
21.18.3 實現（跟我做） 342
21.19 第五階段Laravel：用戶
註冊 350
21.19.1 工作任務 350
21.19.2 設計思路 351
21.19.3 實現（跟我做） 352
21.20 第五階段Laravel：用戶
登錄 359
21.20.1 工作任務 359
21.20.2 設計思路 360
21.20.3 實現（跟我做） 361
