全國高職高?！笆濉必灤┦?立體化創(chuàng)新規(guī)劃教材

電子商務(wù)網(wǎng)站建設(shè)企業(yè)案例

范興昌 主 編

內(nèi) 容 簡 介

“電子商務(wù)網(wǎng)站建設(shè)”是高職院校電子商務(wù)專業(yè)的一門核心課程，它對于培養(yǎng)學(xué)生的商務(wù)網(wǎng)站建設(shè)

與維護能力具有重要意義。

本書以一個基于 MVC 技術(shù)、采用面向切面的方式開發(fā)的一個電子商務(wù)系統(tǒng)的完整項目為案例，詳細

介紹了使用 Java Web 技術(shù)進行 Web 開發(fā)的基礎(chǔ)知識和編程技巧、網(wǎng)站開發(fā)模式和開發(fā)過程，主要內(nèi)容包

括課程基礎(chǔ)知識；搭建 Java Web 開發(fā)環(huán)境；Qzmall 電子商城系統(tǒng)設(shè)計；JQuery 和 JSTL 標簽應(yīng)用；商品

顯示模塊設(shè)計；用戶模塊設(shè)計；購物車與訂單模塊設(shè)計；后臺維護模塊設(shè)計。本書將知識介紹和技能訓(xùn)

練有機結(jié)合，融教、學(xué)、練、思于一體，適合案例教學(xué)、任務(wù)驅(qū)動、理實一體化的教學(xué)模式。

本書可作為高職高專電子商務(wù)專業(yè)的教材使用，也適合自學(xué) Java Web 程序設(shè)計的讀者使用。

本書封面貼有清華大學(xué)出版社防偽標簽，無標簽者不得銷售。

版權(quán)所有，侵權(quán)必究。侵權(quán)舉報電話：010-62782989 13701121933

圖書在版編目(CIP)數(shù)據(jù)

電子商務(wù)網(wǎng)站建設(shè)企業(yè)案例/范興昌主編. —北京：清華大學(xué)出版社，2018

(全國高職高?！笆濉必灤┦?立體化創(chuàng)新規(guī)劃教材)

ISBN 978-7-302-51121-2

Ⅰ. ①電… Ⅱ. ①范… Ⅲ. ①電子商務(wù)—網(wǎng)站建設(shè)—高等職業(yè)教育—教材 Ⅳ. ①F713.361.2

②TP393.092

中國版本圖書館 CIP 數(shù)據(jù)核字(2018)第 201398 號

責(zé)任編輯：陳冬梅

裝幀設(shè)計：楊玉蘭

責(zé)任校對：李玉茹

責(zé)任印制：董 瑾

出版發(fā)行：清華大學(xué)出版社

網(wǎng) 址：http://www.tup.com.cn, http://www.wqbook.com

地 址：北京清華大學(xué)學(xué)研大廈 A 座 郵 編：100084

社 總 機：010-62770175 郵 購：010-62786544

投稿與讀者服務(wù)：010-62776969, c-service@tup.tsinghua.edu.cn

質(zhì)量反饋：010-62772015, zhiliang@tup.tsinghua.edu.cn

課件下載：http://www.tup.com.cn, 010-62791865

印 裝 者：北京嘉實印刷有限公司

經(jīng) 銷：全國新華書店

開 本：185mm×260mm 印 張：13.25 字 數(shù)：322 千字

版 次：2018 年 9 月第 1 版 印 次：2018 年 9 月第 1 次印刷

定 價：39.00 元

—————————————————————————————————————————————

產(chǎn)品編號：077387-01

前 言

“電子商務(wù)網(wǎng)站建設(shè)”是高職院校電子商務(wù)專業(yè)的一門核心課程，它對于培養(yǎng)學(xué)生的

商務(wù)網(wǎng)站建設(shè)與維護能力具有重要意義。

本書依據(jù)網(wǎng)站建設(shè)與維護人員所應(yīng)具備的職業(yè)能力，以真實的工程項目“Qzmall 電子

商城”為工作任務(wù)，以 Java Web 為教學(xué)平臺，以 Java 為程序設(shè)計語言，將“Qzmall 電子

商城”的開發(fā)與維護分解為 7 個章節(jié)，每個章節(jié)充分體現(xiàn)相應(yīng)的知識要點和結(jié)構(gòu)。本書主

要具有以下幾個特點。

1. 準確的課程定位

根據(jù)電子商務(wù)企業(yè)對網(wǎng)站設(shè)計人員的基本要求，將課程目標定位為培養(yǎng)掌握 Java Web

基本開發(fā)技術(shù)的網(wǎng)站設(shè)計與維護人員，確保課程設(shè)置和課程內(nèi)容對接職業(yè)標準和崗位

要求。

2. 充分體現(xiàn)職業(yè)性的特點

采用 MVC 開發(fā)模式，注重對學(xué)生團隊合作精神的培養(yǎng)，通過指導(dǎo)學(xué)生完成一系列實

際工作任務(wù)來達到職業(yè)能力目標的要求，重點培養(yǎng)學(xué)生解決實際問題的能力。

3. 圖文并茂，內(nèi)容豐富

根據(jù)目前高職學(xué)生的認知能力和綜合素質(zhì)，在教材內(nèi)容的處理上做到知識結(jié)構(gòu)合理，

圖文并茂，內(nèi)容豐富。在內(nèi)容的安排上，立足高職學(xué)生理論基礎(chǔ)知識較差，接受理論性知

識的能力有限的現(xiàn)狀，先易后難，使教材內(nèi)容在夠用、實用、會用等方面體現(xiàn)出特色，符

合高職教育規(guī)律，讓學(xué)生掌握必要的基本原理和基本操作技能。

4. 每個章節(jié)開頭列出應(yīng)掌握的知識能力目標

每個章節(jié)先介紹、分析完成部分模塊的流程設(shè)計和相關(guān)知識點，再層層展開，按照項

目開發(fā)的基本流程完成模塊開發(fā)與設(shè)計，通過強化相關(guān)知識與技能的實際應(yīng)用，從而提高

學(xué)生的學(xué)習(xí)興趣。每章后面安排了課后訓(xùn)練，習(xí)題側(cè)重實際應(yīng)用，注重培養(yǎng)學(xué)生的動手

能力。

5. 有效整合教材內(nèi)容與教學(xué)資源，打造立體化和自學(xué)學(xué)習(xí)式的新型教材

在編寫教材的同時，還開發(fā)了涵蓋課程標準、PPT、完整項目實例和課程開發(fā)所需要

的相關(guān)軟件及課程開發(fā)的項目原型和相關(guān)素材等在內(nèi)的豐富的教學(xué)資源。

本書在講解如何運用 Java Web 知識進行電子商務(wù)網(wǎng)站建設(shè)的同時，還涵蓋了

jQuery、JSTL 標簽方面的知識，對于這部分內(nèi)容，我們只講授和本課程有關(guān)的內(nèi)容，超出

本課程的內(nèi)容，我們沒有涉及。本書所有的源代碼都在 Windows 7+JDK 1.8+Tomcat 8.0+

電子商務(wù)網(wǎng)站建設(shè)企業(yè)案例

II

IntelliJ IDEA 2017 環(huán)境下調(diào)試通過，第四章的 jQuery 代碼在 HBuilder 環(huán)境下調(diào)試通過。

參與本書編寫的范興昌等作者來自電子商務(wù)專業(yè)教學(xué)一線，具有豐富的教學(xué)經(jīng)驗，同

時也了解企業(yè)對電子商務(wù)人才的專業(yè)需求。因此，本書既注重理論知識的系統(tǒng)性，又注重

培養(yǎng)學(xué)生的動手和實踐能力。

編 者

目 錄

第一章 緒論 ....................................................... 1

一、課程設(shè)計理念與思路 ..................... 2

二、本課程的授課對象 ......................... 2

三、課程的主要內(nèi)容 ............................. 2

四、教學(xué)設(shè)計 ......................................... 3

第二章 搭建網(wǎng)站開發(fā)環(huán)境 ........................... 5

第一節(jié) 搭建 Java Web 開發(fā)環(huán)境 ................ 6

一、Java Web 運行環(huán)境簡介 ................ 6

二、JDK 的安裝、配置與驗證 ............. 7

三、安裝與配置 Tomcat ........................ 9

四、搭建 MySQL 數(shù)據(jù)庫環(huán)境 ............ 11

第二節(jié) 利用 IntelliJ IDEA 創(chuàng)建 Java Web

項目 ................................................ 12

一、IntelliJ IDEA 簡介 ........................ 12

二、利用 IntelliJ IDEA 實現(xiàn)熱部署.... 16

第三節(jié) Java Web 程序概述 ....................... 16

一、Java Web 程序的基本組成 .......... 16

二、Java Web 程序的目錄結(jié)構(gòu) .......... 17

三、在 IDEA 里建立包、接口類、

接口實現(xiàn)類、servlet .................... 18

第四節(jié) Servlet 基礎(chǔ)知識 ............................ 19

一、什么是 Servlet............................... 19

二、Servlet 基本架構(gòu) ........................... 21

第五節(jié) 大型企業(yè)的網(wǎng)站開發(fā)模式 ............ 22

一、JSP Model1 ................................... 22

二、JSP Model2 ................................... 23

三、MVC 模式 ..................................... 24

課后訓(xùn)練 ........................................................ 25

第三章 Qzmall 電子商城系統(tǒng)設(shè)計 .......... 27

第一節(jié) Qzmall 電子商城系統(tǒng)概述 ........... 28

一、前臺購物系統(tǒng) ............................... 28

二、后臺功能需求 ............................... 29

第二節(jié) 設(shè)計并創(chuàng)建電子商城系統(tǒng)

數(shù)據(jù)庫 ............................................ 29

一、MySQL 外鍵設(shè)置方式 ................. 30

二、Qzmall 數(shù)據(jù)庫表 ........................... 30

三、設(shè)置觸發(fā)器 ................................... 33

第三節(jié) 電子商城詳細設(shè)計 ......................... 34

一、實體類設(shè)計 ................................... 34

二、定義數(shù)據(jù)庫的連接類、

查詢方法 ....................................... 36

三、創(chuàng)建 Web 應(yīng)用過濾器 .................. 39

課后訓(xùn)練 ........................................................ 42

第四章 jQuery 和 JSTL 標簽應(yīng)用 ............ 45

第一節(jié) jQuery 簡介 .................................... 46

一、jQuery 語法 ................................... 46

二、jQuery 選擇器 ............................... 47

三、jQuery 事件 ................................... 47

四、jQuery 動畫 ................................... 49

五、jQuery 遍歷 ................................... 49

第二節(jié) 輪播圖效果實現(xiàn) ............................. 51

一、輪播圖頁面(CSS)的實現(xiàn) .............. 51

二、手動單擊左右按鈕控制輪播的

切換 ............................................... 53

三、無縫輪播效果的實現(xiàn) .................... 54

第三節(jié) Ajax 異步請求 ................................ 57

一、Ajax 異步請求的概念 ................... 57

二、異步請求在用戶注冊中的應(yīng)用 .... 58

第四節(jié) JSTL 常用標簽 ............................... 62

一、EL 表達式介紹 .............................. 62

二、JSTL 標簽應(yīng)用 .............................. 62

課后訓(xùn)練 ........................................................ 66

電子商務(wù)網(wǎng)站建設(shè)企業(yè)案例

IV

第五章 商品顯示模塊設(shè)計 ......................... 69

第一節(jié) 首頁子模塊設(shè)計 ............................ 70

一、首頁子模塊功能分析 ................... 70

二、基礎(chǔ)知識 ....................................... 70

三、首頁子模塊功能實現(xiàn) ................... 71

第二節(jié) 商品分類顯示子模塊設(shè)計 ............ 81

一、商品分類顯示子模塊功能分析 ... 81

二、分頁查詢要求的基本數(shù)據(jù) ........... 81

三、商品分類顯示子模塊功能實現(xiàn) ... 81

第三節(jié) 商品詳情子模塊設(shè)計 .................... 92

一、商品詳情顯示功能分析 ............... 92

二、商品詳情顯示功能實現(xiàn) ............... 92

課后訓(xùn)練 ........................................................ 97

第六章 用戶模塊設(shè)計 .................................. 99

第一節(jié) 用戶注冊子模塊設(shè)計 .................. 100

一、用戶注冊的流程 ......................... 100

二、基礎(chǔ)知識 ..................................... 100

三、用戶注冊功能實現(xiàn) ..................... 101

第二節(jié) 用戶登錄子模塊設(shè)計 .................. 107

一、用戶登錄基本流程 ..................... 107

二、用戶登錄功能的實現(xiàn) ................. 108

第三節(jié) 用戶個人中心子模塊設(shè)計 .......... 115

一、個人中心模塊主要功能和

基本流程 ..................................... 115

二、用戶個人信息維護功能實現(xiàn) ..... 115

課后訓(xùn)練 ...................................................... 122

第七章 購物車與訂單模塊設(shè)計 .............. 125

第一節(jié) 購物車模塊設(shè)計 .......................... 126

一、購物車的基本流程...................... 126

二、購物車模塊設(shè)計 ......................... 126

第二節(jié) 生成訂單子模塊設(shè)計 ................... 137

一、生成訂單模塊的基本流程 .......... 137

二、生成訂單子模塊功能實現(xiàn) .......... 137

第三節(jié) 我的訂單子模塊設(shè)計 ................... 145

一、我的訂單子模塊基本流程 .......... 145

二、我的訂單子模塊主要

功能實現(xiàn) ..................................... 145

課后訓(xùn)練 ...................................................... 162

第八章 后臺維護模塊設(shè)計 ........................ 165

第一節(jié) 添加商品子模塊設(shè)計 ................... 166

一、文件上傳組件

commons-fileUpload 簡介 ........... 166

二、添加商品功能實現(xiàn)...................... 167

第二節(jié) 商品維護子模塊設(shè)計 ................... 174

一、商品維護基本流程...................... 174

二、商品維護主要功能實現(xiàn) .............. 175

第三節(jié) 用戶訂單后臺維護子模塊

設(shè)計 .............................................. 186

一、用戶訂單維護基本流程 .............. 186

二、用戶訂單后臺維護功能實現(xiàn) ...... 186

課后訓(xùn)練 ...................................................... 199

習(xí)題答案 ............................................................. 201

參考文獻 ............................................................. 203