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