Web前端開發(fā)實(shí)訓(xùn)案例教程（中級(jí)）
定 價(jià)：69 元
- 作者：北京新奧時(shí)代科技有限責(zé)任公司
- 出版時(shí)間：2019/12/1
- ISBN：9787121378652
- 出 版 社：電子工業(yè)出版社
- 中圖法分類：TP393.092.2
- 頁碼：376
- 紙張：
- 版次：01
- 開本：16開
本書是與《Web前端開發(fā)職業(yè)技能等級(jí)標(biāo)準(zhǔn)》配套的實(shí)踐教材，教材中所有應(yīng)用技術(shù)專題和項(xiàng)目代碼均在主流瀏覽器中運(yùn)行通過。本書結(jié)合高校計(jì)算機(jī)相關(guān)專業(yè)Web前端開發(fā)方向課程體系、企業(yè)Web前端開發(fā)崗位能力模型和《Web前端開發(fā)職業(yè)技能等級(jí)標(biāo)準(zhǔn)》，形成Web前端開發(fā)三位一體知識(shí)地圖，以實(shí)踐能力為導(dǎo)向，以企業(yè)真實(shí)應(yīng)用為目標(biāo)，遵循企業(yè)軟件工程標(biāo)準(zhǔn)和技術(shù)，以任務(wù)為驅(qū)動(dòng)，對(duì)HTML5、CSS3、JavaScript、jQuery、Bootstrap、MySQL、PHP、Laravel、AJAX、JSON、RESTful API等Web前端開發(fā)中的重要知識(shí)單元，結(jié)合實(shí)際案例和應(yīng)用環(huán)境進(jìn)行了分析和設(shè)計(jì)，并對(duì)每個(gè)重要知識(shí)單元進(jìn)行了詳細(xì)介紹，力求使讀者真正掌握這些知識(shí)，從而在實(shí)際場(chǎng)景中加以應(yīng)用。全書分為兩部分：第一部分為實(shí)驗(yàn)，采用技術(shù)專題進(jìn)行知識(shí)單元訓(xùn)練，可以對(duì)應(yīng)課程練習(xí)或?qū)嶒?yàn)，針對(duì)不同的知識(shí)單元設(shè)計(jì)實(shí)驗(yàn)項(xiàng)目，重點(diǎn)訓(xùn)練每個(gè)知識(shí)單元的內(nèi)容；第二部分為綜合實(shí)踐，可以對(duì)應(yīng)課程設(shè)計(jì)或綜合實(shí)踐，用一個(gè)“淘興趣”項(xiàng)目貫穿Web前端開發(fā)核心知識(shí)，此項(xiàng)目會(huì)應(yīng)用到中級(jí)標(biāo)準(zhǔn)中所包含的所有核心知識(shí)單元，而且其是參照企業(yè)中真實(shí)項(xiàng)目標(biāo)準(zhǔn)進(jìn)行開發(fā)的。本書適合作為《Web前端開發(fā)職業(yè)技能等級(jí)標(biāo)準(zhǔn)》的實(shí)踐教學(xué)參考用書，也適合作為對(duì)Web前端開發(fā)感興趣的讀者的指導(dǎo)用書。
北京新奧時(shí)代科技有限責(zé)任公司于2006年04月12日在石景山分局登記成立。公司經(jīng)營(yíng)范圍包括技術(shù)開發(fā)、技術(shù)推廣、技術(shù)轉(zhuǎn)讓、技術(shù)咨詢、技術(shù)服務(wù)等。
目 錄
第1章 實(shí)踐概述 1
1.1 實(shí)踐目標(biāo) 1
1.2 實(shí)踐知識(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è)計(jì)思路 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è)計(jì)思路 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ā)交互效果頁面
（房貸計(jì)算器） 47
4.1 實(shí)驗(yàn)?zāi)繕?biāo) 47
4.2 實(shí)驗(yàn)任務(wù) 48
4.3 設(shè)計(jì)思路 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è)計(jì)思路 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ā)頁面
（注冊(cè)頁面） 69
6.1 實(shí)驗(yàn)?zāi)繕?biāo) 69
6.2 實(shí)驗(yàn)任務(wù) 70
6.3 設(shè)計(jì)思路 70
6.4 實(shí)驗(yàn)實(shí)施（跟我做） 72
6.4.1 步驟一：引入Bootstrap
文件 72
6.4.2 步驟二：制作頁頭導(dǎo)航欄 73
6.4.3 步驟三：制作注冊(cè)欄 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è)計(jì)思路 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)到移動(dò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è)計(jì)思路 89
8.4 實(shí)驗(yàn)實(shí)施（跟我做） 89
8.4.1 步驟一：下載并安裝
MySQL 89
8.4.2 步驟二：登錄MySQL 90
8.4.3 步驟三：數(shù)據(jù)庫(kù)基本操作 92
第9章 MySQL（試題信息管理） 93
9.1 實(shí)驗(yàn)?zāi)繕?biāo) 93
9.2 實(shí)驗(yàn)任務(wù) 94
9.3 設(shè)計(jì)思路 95
9.4 實(shí)驗(yàn)實(shí)施（跟我做） 97
9.4.1 步驟一：創(chuàng)建數(shù)據(jù)庫(kù) 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ù)庫(kù)
腳本 102
9.4.9 步驟九：事務(wù)控制 103
9.4.10 步驟十：觸發(fā)器 104
9.4.11 步驟十一：存儲(chǔ)過程 105
第10章 PHP制作動(dòng)態(tài)網(wǎng)頁
（第一個(gè)PHP程序） 107
10.1 實(shí)驗(yàn)?zāi)繕?biāo) 107
10.2 實(shí)驗(yàn)任務(wù) 108
10.3 設(shè)計(jì)思路 108
10.4 實(shí)驗(yàn)實(shí)施（跟我做） 108
10.4.1 步驟一：更改Apache的
網(wǎng)站根目錄 108
10.4.2 步驟二：制作第一個(gè)PHP
程序 110
10.4.3 步驟三：發(fā)布運(yùn)行 111
10.4.4 步驟四：擴(kuò)展 112
第11章 PHP制作動(dòng)態(tài)網(wǎng)頁
（日期計(jì)算器） 113
11.1 實(shí)驗(yàn)?zāi)繕?biāo) 113
11.2 實(shí)驗(yàn)任務(wù) 114
11.3 設(shè)計(jì)思路 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 步驟四：計(jì)算天數(shù) 117
11.4.5 步驟五：處理請(qǐng)求 118
11.4.6 步驟六：運(yùn)行效果 119
第12章 PHP制作動(dòng)態(tài)網(wǎng)頁
（購(gòu)物車） 120
12.1 實(shí)驗(yàn)?zāi)繕?biāo) 120
12.2 實(shí)驗(yàn)任務(wù) 121
12.3 設(shè)計(jì)思路 123
12.4 實(shí)驗(yàn)實(shí)施（跟我做） 124
12.4.1 步驟一：制作商品列表
頁面 124
12.4.2 步驟二：將商品加入
購(gòu)物車 126
12.4.3 步驟三：制作購(gòu)物車
頁面 128
12.4.4 步驟四：改變購(gòu)物車內(nèi)的
商品數(shù)量 129
12.4.5 步驟五：制作確認(rèn)訂單
頁面 129
12.4.6 步驟六：制作訂單頁面 131
第13章 PHP制作動(dòng)態(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è)計(jì)思路 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制作動(dòng)態(tài)網(wǎng)頁
（學(xué)生成績(jī)管理） 141
14.1 實(shí)驗(yàn)?zāi)繕?biāo) 141
14.2 實(shí)驗(yàn)任務(wù) 142
14.3 設(shè)計(jì)思路 143
14.4 實(shí)驗(yàn)實(shí)施（跟我做） 146
14.4.1 步驟一：創(chuàng)建項(xiàng)目和
文件 146
14.4.2 步驟二：創(chuàng)建數(shù)據(jù)庫(kù) 147
14.4.3 步驟三：制作CSS
樣式 147
14.4.4 步驟四：制作登錄
頁面 147
14.4.5 步驟五：制作成績(jī)管理
頁面 149
14.4.6 步驟六：編寫數(shù)據(jù)庫(kù)操作
PHP代碼 151
14.4.7 步驟七：數(shù)據(jù)的獲取和
寫入 153
第15章 AJAX制作動(dòng)態(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è)計(jì)思路 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
請(qǐng)求 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è)計(jì)思路 170
16.4 實(shí)驗(yàn)實(shí)施（跟我做） 172
16.4.1 步驟一：處理API
請(qǐng)求 172
16.4.2 步驟二：返回視頻列表
數(shù)據(jù) 175
16.4.3 步驟三：使用RESTful
API 176
第17章 Laravel框架構(gòu)建動(dòng)態(tài)網(wǎng)站
（第一個(gè)Laravel程序） 178
17.1 實(shí)驗(yàn)?zāi)繕?biāo) 178
17.2 實(shí)驗(yàn)任務(wù) 179
17.3 設(shè)計(jì)思路 180
17.4 實(shí)驗(yàn)實(shí)施（跟我做） 181
17.4.1 步驟一：安裝
Composer 181
17.4.2 步驟二：配置國(guó)內(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)建動(dòng)態(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è)計(jì)思路 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)建動(dòng)態(tài)網(wǎng)站
（個(gè)人博客） 197
19.1 實(shí)驗(yàn)?zāi)繕?biāo) 197
19.2 實(shí)驗(yàn)任務(wù) 198
19.3 設(shè)計(jì)思路 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制作動(dòng)態(tài)網(wǎng)頁
（天氣預(yù)報(bào)） 214
20.1 實(shí)驗(yàn)?zāi)繕?biāo) 214
20.2 實(shí)驗(yàn)任務(wù) 216
20.3 設(shè)計(jì)思路 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
請(qǐng)求 221
第21章 綜合實(shí)踐（淘興趣） 223
21.1 項(xiàng)目簡(jiǎn)介 223
21.2 實(shí)踐目標(biāo) 223
21.3 需求分析 224
21.4 頁面設(shè)計(jì) 226
21.4.1 工作任務(wù) 226
21.4.2 設(shè)計(jì)思路 226
21.4.3 實(shí)現(xiàn)（跟我做） 228
21.5 第一階段PHP頁面混合式：
創(chuàng)建工程 233
21.5.1 工作任務(wù) 233
21.5.2 設(shè)計(jì)思路 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頁面混合式：
用戶注冊(cè) 253
21.7.1 工作任務(wù) 253
21.7.2 設(shè)計(jì)思路 254
21.7.3 實(shí)現(xiàn)（跟我做） 255
21.8 第一階段PHP頁面混合式：
用戶登錄 258
21.8.1 工作任務(wù) 258
21.8.2 設(shè)計(jì)思路 259
21.8.3 實(shí)現(xiàn)（跟我做） 259
21.9 第一階段PHP頁面混合式：
個(gè)人中心 261
21.9.1 工作任務(wù) 261
21.9.2 設(shè)計(jì)思路 262
21.9.3 實(shí)現(xiàn)（跟我做） 263
21.10 第一階段PHP頁面混合式：
首頁 265
21.10.1 工作任務(wù) 265
21.10.2 設(shè)計(jì)思路 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è)計(jì)思路 289
21.12.3 實(shí)現(xiàn)（跟我做） 289
21.13 第二階段移動(dòng)端響應(yīng)式頁面：
首頁 293
21.13.1 工作任務(wù) 293
21.13.2 設(shè)計(jì)思路 293
21.13.3 實(shí)現(xiàn)（跟我做） 294
21.14 第三階段AJAX+JSON：
用戶注冊(cè) 297
21.14.1 工作任務(wù) 297
21.14.2 設(shè)計(jì)思路 298
21.14.3 實(shí)現(xiàn)（跟我做） 299
21.15 第三階段AJAX+JSON：
用戶登錄 307
21.15.1 工作任務(wù) 307
21.15.2 設(shè)計(jì)思路 308
21.15.3 實(shí)現(xiàn)（跟我做） 309
21.16 第三階段AJAX+JSON：
趣點(diǎn)管理 314
21.16.1 工作任務(wù) 314
21.16.2 設(shè)計(jì)思路 316
21.16.3 實(shí)現(xiàn)（跟我做） 316
21.17 第三階段AJAX+JSON：
微博管理 328
21.17.1 工作任務(wù) 328
21.17.2 設(shè)計(jì)思路 330
21.17.3 實(shí)現(xiàn)（跟我做） 330
21.18 第四階段RESTful API：
搜索趣點(diǎn) 339
21.18.1 工作任務(wù) 339
21.18.2 設(shè)計(jì)思路 340
21.18.3 實(shí)現(xiàn)（跟我做） 342
21.19 第五階段Laravel：用戶
注冊(cè) 350
21.19.1 工作任務(wù) 350
21.19.2 設(shè)計(jì)思路 351
21.19.3 實(shí)現(xiàn)（跟我做） 352
21.20 第五階段Laravel：用戶
登錄 359
21.20.1 工作任務(wù) 359
21.20.2 設(shè)計(jì)思路 360
21.20.3 實(shí)現(xiàn)（跟我做） 361
書單推薦
