本書特點

（1）遵循企業(yè)項目開發(fā)流程，展現(xiàn) Web 前端項目的設計與開發(fā)環(huán)節(jié)。

本書以企業(yè)真實的開發(fā)流程 — 需求分析→原型設計→編程階段→數(shù)據(jù)交互→軟件測試為基礎，為

讀者展示一個項目從“0”到“1”的開發(fā)過程。

（2）融合多種教學方法，面向零基礎的讀者提供工作手冊式教材。

本書區(qū)別于傳統(tǒng)編程書籍，是一本工作手冊式新型教材，由學校教師與企業(yè)工程師合作編寫。全書

側重于“學中做，做中學”，采用情景教學法 + 項目教學法 + 任務教學法，注重調動讀者的興趣，使其

在實踐過程中掌握相關的知識和技能，逐步增強自信，最終形成自主學習的意識和途徑，獲得項目開發(fā)

的經驗和成就感。

（3）內容豐富 — Web 全棧式內容。

本書不僅講解了如何展開 Web 前端項目的開發(fā)工作，而且講解了如何搭建 Web 服務器環(huán)境，如何通

過 PHP 語言實現(xiàn)后端數(shù)據(jù)處理，將數(shù)據(jù)存儲在 MySQL 數(shù)據(jù)庫中，同時還介紹了 Web 后端開發(fā)的相關知識。

（4）融入課程思政元素，配套教學資源豐富。

在“ 互 聯(lián) 網(wǎng) +” 時 代，Web 前 端 開 發(fā) 技 術 是 一 個 不 可 或 缺 的 技 術 領 域， 它 主 要 是 通 過

HTML+CSS+JavaScript 技術創(chuàng)建 Web 頁面，進而實現(xiàn)互聯(lián)網(wǎng)產品的用戶界面交互功能。隨著互聯(lián)網(wǎng)業(yè)

務不斷拓展，業(yè)內競爭不斷加劇，企業(yè)對 Web 前端開發(fā)技術人員的需求量越來越大，Web 開發(fā)人員在

業(yè)內的地位迅速提高。

本書講述了兩個 Web 前端項目 — “黨史學習教育網(wǎng)”開發(fā)和“官堰村振興網(wǎng)”開發(fā)，采用情景

教學法 + 項目教學法 + 任務教學法來組織教學內容并實現(xiàn)教學目標。本書遵循由淺入深的認知規(guī)律，

每個項目各安排 8 個任務，讀者可身臨其境般地在學中做、在做中學，既掌握 Web 前端項目的完整開

發(fā)流程，又掌握 Web 前端開發(fā)人員所需具備的必要知識和技能，為今后的技術深造打下堅實的基礎。

本書特點

（1）遵循企業(yè)項目開發(fā)流程，展現(xiàn) Web 前端項目的設計與開發(fā)環(huán)節(jié)。

本書以企業(yè)真實的開發(fā)流程 — 需求分析→原型設計→編程階段→數(shù)據(jù)交互→軟件測試為基礎，為

讀者展示一個項目從“0”到“1”的開發(fā)過程。

（2）融合多種教學方法，面向零基礎的讀者提供工作手冊式教材。

本書區(qū)別于傳統(tǒng)編程書籍，是一本工作手冊式新型教材，由學校教師與企業(yè)工程師合作編寫。全書

側重于“學中做，做中學”，采用情景教學法 + 項目教學法 + 任務教學法，注重調動讀者的興趣，使其

在實踐過程中掌握相關的知識和技能，逐步增強自信，最終形成自主學習的意識和途徑，獲得項目開發(fā)

的經驗和成就感。

（3）內容豐富 — Web 全棧式內容。

本書不僅講解了如何展開 Web 前端項目的開發(fā)工作，而且講解了如何搭建 Web 服務器環(huán)境，如何通

過 PHP 語言實現(xiàn)后端數(shù)據(jù)處理，將數(shù)據(jù)存儲在 MySQL 數(shù)據(jù)庫中，同時還介紹了 Web 后端開發(fā)的相關知識。

（4）融入課程思政元素，配套教學資源豐富。

本書中的兩個項目案例 — “黨史學習教育網(wǎng)”開發(fā)和“官堰村振興網(wǎng)”開發(fā)融合了課程思政元素，

有助于教師通過課堂教學加強大學生思想政治教育工作。讀者掃描書中的二維碼即可觀看相應的微課視頻。

本書推薦教師采用 64 ～ 96 學時實施授課，學生采用“學中做，做中學”模式進行學習。

陜西國防工業(yè)職業(yè)技術學院的郭立文、劉向鋒老師與北京華晟經世信息技術有限公司的運營總監(jiān)王

洪波、Web 開發(fā)工程師茍彥昉共同合作完成了全書的設計與撰寫工作，郭立文與王洪波任主編，茍彥昉

與劉向鋒任副主編。其中，項目一的任務 1 至任務 8 由郭立文負責編寫，項目二的任務 1 和任務 2 由王

洪波負責編寫，項目二的任務 3、任務 4 和任務 8 由茍彥昉負責編寫，項目二的任務 5 至任務 7 由劉向

鋒負責編寫。全書由郭立文與茍彥昉統(tǒng)稿，由陜西國防工業(yè)職業(yè)技術學院的何杰惠老師主審。

特別感謝茍彥昉工程師，他承擔了項目案例設計、代碼編寫及調試、編輯與排版、線上配套資源建

設等大量工作。另外還要感謝陜西國防工業(yè)職業(yè)技術學院的劉帆凱、劉茹、郭柏良、趙金泉、高家輝、

康旭洋、于天亮、陳一凡、肖宇輝等同學，他們協(xié)助老師完成了素材收集和處理等工作。

由于時間倉促且編者水平有限，書中難免有錯漏之處，懇請讀者批評指正。

編　者

2021 年 9 月

項目一　“黨史學習教育網(wǎng)”開發(fā)
單元一　項目準備階段 ....................................................2
任務 1　“黨史學習教育網(wǎng)”需求分析 .........................2
任務 2　“黨史學習教育網(wǎng)”原型設計 .........................8
單元二　模塊開發(fā)階段 ..................................................17
任務 3　“黨史學習教育網(wǎng)”首頁制作 .......................17
任務 4　構建注冊登錄模塊 ...........................................44
任務 5　“黨史學習教育網(wǎng)”功能完善 .......................60
單元三　數(shù)據(jù)交互階段 ..................................................84
任務 6　搭建 Web 服務器環(huán)境 ......................................84
任務 7　“黨史學習教育網(wǎng)”數(shù)據(jù)靈動 .......................99
單元四　測試階段 .......................................................108
任務 8　“黨史學習教育網(wǎng)”運行測試 .....................108
項目二　“官堰村振興網(wǎng)”開發(fā)
單元一　項目準備階段 ................................................ 115
任務 1　“官堰村振興網(wǎng)”需求分析 ......................... 115
任務 2　“官堰村振興網(wǎng)”原型設計 .........................121
單元二　模塊開發(fā)階段 ................................................128
任務 3　“官堰村振興網(wǎng)”首頁制作 .........................128
任務 4　“官堰村振興網(wǎng)”文化振興頁面制作 .........151
任務 5　“官堰村振興網(wǎng)”產業(yè)振興頁面制作 .........173
任務 6　“官堰村振興網(wǎng)”生態(tài)振興頁面制作 .........193
單元三　數(shù)據(jù)交互階段 ................................................210
任務 7　“官堰村振興網(wǎng)”交互功能 .........................210
單元四　測試階段 .......................................................231
任務 8　“官堰村振興網(wǎng)”運行測試 .........................231
參考文獻 .....................................................................235

1. 輸水管線工程風險管理 [張勇 黨亥生 著]
2. 民用航空飛機標準線路施工 [主編　王志敏　陳明]
3. 不息的水脈—大運河講談錄 [趙珩　著]
4. 實用運籌學 [主編　邢育紅　于晉臣]
5. 三峽梯級電站水資源決策支持系統(tǒng)研究與開發(fā) [姚華明 潘紅忠 湯正]
6. 海南黎族民俗文化鑒賞 [龐國華　著]
7. 石墨烯在太赫茲及中紅外頻段電磁器件設計中的應用 [李艷秀 莊華偉 著]
8. 電子技術（第二版） [主編 覃愛娜 李飛]
9. 辦公自動化高級應用 [陳萍 朱曉玉]
10. 信息處理技術員考試32小時通關 [薛大龍]
11. 電子產品設計案例教程（微課版）—基于嘉立創(chuàng)EDA（專業(yè)版） [王靜 莫志宏 陳學昌 丁紅]
12. C程序設計實踐教程 [劉衛(wèi)國]
13. C程序設計（慕課版） [劉衛(wèi)國]
14. Web技術開發(fā)教程（基于.NET開源MVC框架） [王合闖 韓紅玲 王青正 陳海蕊]
15. 商務英語翻譯教程（筆譯）（第四版） [主編 王軍平]
16. 智慧零售技術與應用 [洪旭 著]
17. 建設工程法規(guī)實務 [主編 余瀅]
18. 商務秘書理論與實務（第三版） [主編 張同欽]
19. 程序設計基礎實踐教程（C/C++語言版） [張桂芬 葛麗娜]
20. C++案例項目精講 [主編 楊國興]
21. 勞動爭議處理實務 [主編 王秀卿 羅靜]
22. 工程數(shù)學 [主編 郭立娟 王海]
23. 語音識別理論與實踐 [主編　莫宏偉]
24. 信息系統(tǒng)項目管理師章節(jié)習題與考點特訓（第二版） [主編 薛大龍]
25. 武術基礎教程 [主編 李代勇 謝志民]
26. 計算機網(wǎng)絡實訓教程 [主編 張浩軍 趙玉娟]
27. 畫法幾何與機械制圖習題集（多學時） [主編 趙軍]
28. HCIA-Datacom認證題庫分類精講 [主 編 韓立剛]
29. SwiftUI完全開發(fā) [李智威 著]
30. 網(wǎng)絡規(guī)劃設計師備考一本通 [夏杰 編著]