全国高职高专“十三五”贯穿式+立体化创新规划教材

电子商务网站建设企业案例

范兴昌 主 编

内 容 简 介

“电子商务网站建设”是高职院校电子商务专业的一门核心课程，它对于培养学生的商务网站建设

与维护能力具有重要意义。

本书以一个基于 MVC 技术、采用面向切面的方式开发的一个电子商务系统的完整项目为案例，详细

介绍了使用 Java Web 技术进行 Web 开发的基础知识和编程技巧、网站开发模式和开发过程，主要内容包

括课程基础知识；搭建 Java Web 开发环境；Qzmall 电子商城系统设计；JQuery 和 JSTL 标签应用；商品

显示模块设计；用户模块设计；购物车与订单模块设计；后台维护模块设计。本书将知识介绍和技能训

练有机结合，融教、学、练、思于一体，适合案例教学、任务驱动、理实一体化的教学模式。

本书可作为高职高专电子商务专业的教材使用，也适合自学 Java Web 程序设计的读者使用。

本书封面贴有清华大学出版社防伪标签，无标签者不得销售。

版权所有，侵权必究。侵权举报电话：010-62782989 13701121933

图书在版编目(CIP)数据

电子商务网站建设企业案例/范兴昌主编. —北京：清华大学出版社，2018

(全国高职高专“十三五”贯穿式+立体化创新规划教材)

ISBN 978-7-302-51121-2

Ⅰ. ①电… Ⅱ. ①范… Ⅲ. ①电子商务—网站建设—高等职业教育—教材 Ⅳ. ①F713.361.2

②TP393.092

中国版本图书馆 CIP 数据核字(2018)第 201398 号

责任编辑：陈冬梅

装帧设计：杨玉兰

责任校对：李玉茹

责任印制：董 瑾

出版发行：清华大学出版社

网 址：http://www.tup.com.cn, http://www.wqbook.com

地 址：北京清华大学学研大厦 A 座 邮 编：100084

社 总 机：010-62770175 邮 购：010-62786544

投稿与读者服务：010-62776969, c-service@tup.tsinghua.edu.cn

质量反馈：010-62772015, zhiliang@tup.tsinghua.edu.cn

课件下载：http://www.tup.com.cn, 010-62791865

印 装 者：北京嘉实印刷有限公司

经 销：全国新华书店

开 本：185mm×260mm 印 张：13.25 字 数：322 千字

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

定 价：39.00 元

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

产品编号：077387-01

前 言

“电子商务网站建设”是高职院校电子商务专业的一门核心课程，它对于培养学生的

商务网站建设与维护能力具有重要意义。

本书依据网站建设与维护人员所应具备的职业能力，以真实的工程项目“Qzmall 电子

商城”为工作任务，以 Java Web 为教学平台，以 Java 为程序设计语言，将“Qzmall 电子

商城”的开发与维护分解为 7 个章节，每个章节充分体现相应的知识要点和结构。本书主

要具有以下几个特点。

1. 准确的课程定位

根据电子商务企业对网站设计人员的基本要求，将课程目标定位为培养掌握 Java Web

基本开发技术的网站设计与维护人员，确保课程设置和课程内容对接职业标准和岗位

要求。

2. 充分体现职业性的特点

采用 MVC 开发模式，注重对学生团队合作精神的培养，通过指导学生完成一系列实

际工作任务来达到职业能力目标的要求，重点培养学生解决实际问题的能力。

3. 图文并茂，内容丰富

根据目前高职学生的认知能力和综合素质，在教材内容的处理上做到知识结构合理，

图文并茂，内容丰富。在内容的安排上，立足高职学生理论基础知识较差，接受理论性知

识的能力有限的现状，先易后难，使教材内容在够用、实用、会用等方面体现出特色，符

合高职教育规律，让学生掌握必要的基本原理和基本操作技能。

4. 每个章节开头列出应掌握的知识能力目标

每个章节先介绍、分析完成部分模块的流程设计和相关知识点，再层层展开，按照项

目开发的基本流程完成模块开发与设计，通过强化相关知识与技能的实际应用，从而提高

学生的学习兴趣。每章后面安排了课后训练，习题侧重实际应用，注重培养学生的动手

能力。

5. 有效整合教材内容与教学资源，打造立体化和自学学习式的新型教材

在编写教材的同时，还开发了涵盖课程标准、PPT、完整项目实例和课程开发所需要

的相关软件及课程开发的项目原型和相关素材等在内的丰富的教学资源。

本书在讲解如何运用 Java Web 知识进行电子商务网站建设的同时，还涵盖了

jQuery、JSTL 标签方面的知识，对于这部分内容，我们只讲授和本课程有关的内容，超出

本课程的内容，我们没有涉及。本书所有的源代码都在 Windows 7+JDK 1.8+Tomcat 8.0+

电子商务网站建设企业案例

II

IntelliJ IDEA 2017 环境下调试通过，第四章的 jQuery 代码在 HBuilder 环境下调试通过。

参与本书编写的范兴昌等作者来自电子商务专业教学一线，具有丰富的教学经验，同

时也了解企业对电子商务人才的专业需求。因此，本书既注重理论知识的系统性，又注重

培养学生的动手和实践能力。

编 者

目 录

第一章 绪论 ....................................................... 1

一、课程设计理念与思路 ..................... 2

二、本课程的授课对象 ......................... 2

三、课程的主要内容 ............................. 2

四、教学设计 ......................................... 3

第二章 搭建网站开发环境 ........................... 5

第一节 搭建 Java Web 开发环境 ................ 6

一、Java Web 运行环境简介 ................ 6

二、JDK 的安装、配置与验证 ............. 7

三、安装与配置 Tomcat ........................ 9

四、搭建 MySQL 数据库环境 ............ 11

第二节 利用 IntelliJ IDEA 创建 Java Web

项目 ................................................ 12

一、IntelliJ IDEA 简介 ........................ 12

二、利用 IntelliJ IDEA 实现热部署.... 16

第三节 Java Web 程序概述 ....................... 16

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

二、Java Web 程序的目录结构 .......... 17

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

接口实现类、servlet .................... 18

第四节 Servlet 基础知识 ............................ 19

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

二、Servlet 基本架构 ........................... 21

第五节 大型企业的网站开发模式 ............ 22

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

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

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

课后训练 ........................................................ 25

第三章 Qzmall 电子商城系统设计 .......... 27

第一节 Qzmall 电子商城系统概述 ........... 28

一、前台购物系统 ............................... 28

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

第二节 设计并创建电子商城系统

数据库 ............................................ 29

一、MySQL 外键设置方式 ................. 30

二、Qzmall 数据库表 ........................... 30

三、设置触发器 ................................... 33

第三节 电子商城详细设计 ......................... 34

一、实体类设计 ................................... 34

二、定义数据库的连接类、

查询方法 ....................................... 36

三、创建 Web 应用过滤器 .................. 39

课后训练 ........................................................ 42

第四章 jQuery 和 JSTL 标签应用 ............ 45

第一节 jQuery 简介 .................................... 46

一、jQuery 语法 ................................... 46

二、jQuery 选择器 ............................... 47

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

四、jQuery 动画 ................................... 49

五、jQuery 遍历 ................................... 49

第二节 轮播图效果实现 ............................. 51

一、轮播图页面(CSS)的实现 .............. 51

二、手动单击左右按钮控制轮播的

切换 ............................................... 53

三、无缝轮播效果的实现 .................... 54

第三节 Ajax 异步请求 ................................ 57

一、Ajax 异步请求的概念 ................... 57

二、异步请求在用户注册中的应用 .... 58

第四节 JSTL 常用标签 ............................... 62

一、EL 表达式介绍 .............................. 62

二、JSTL 标签应用 .............................. 62

课后训练 ........................................................ 66

电子商务网站建设企业案例

IV

第五章 商品显示模块设计 ......................... 69

第一节 首页子模块设计 ............................ 70

一、首页子模块功能分析 ................... 70

二、基础知识 ....................................... 70

三、首页子模块功能实现 ................... 71

第二节 商品分类显示子模块设计 ............ 81

一、商品分类显示子模块功能分析 ... 81

二、分页查询要求的基本数据 ........... 81

三、商品分类显示子模块功能实现 ... 81

第三节 商品详情子模块设计 .................... 92

一、商品详情显示功能分析 ............... 92

二、商品详情显示功能实现 ............... 92

课后训练 ........................................................ 97

第六章 用户模块设计 .................................. 99

第一节 用户注册子模块设计 .................. 100

一、用户注册的流程 ......................... 100

二、基础知识 ..................................... 100

三、用户注册功能实现 ..................... 101

第二节 用户登录子模块设计 .................. 107

一、用户登录基本流程 ..................... 107

二、用户登录功能的实现 ................. 108

第三节 用户个人中心子模块设计 .......... 115

一、个人中心模块主要功能和

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

二、用户个人信息维护功能实现 ..... 115

课后训练 ...................................................... 122

第七章 购物车与订单模块设计 .............. 125

第一节 购物车模块设计 .......................... 126

一、购物车的基本流程...................... 126

二、购物车模块设计 ......................... 126

第二节 生成订单子模块设计 ................... 137

一、生成订单模块的基本流程 .......... 137

二、生成订单子模块功能实现 .......... 137

第三节 我的订单子模块设计 ................... 145

一、我的订单子模块基本流程 .......... 145

二、我的订单子模块主要

功能实现 ..................................... 145

课后训练 ...................................................... 162

第八章 后台维护模块设计 ........................ 165

第一节 添加商品子模块设计 ................... 166

一、文件上传组件

commons-fileUpload 简介 ........... 166

二、添加商品功能实现...................... 167

第二节 商品维护子模块设计 ................... 174

一、商品维护基本流程...................... 174

二、商品维护主要功能实现 .............. 175

第三节 用户订单后台维护子模块

设计 .............................................. 186

一、用户订单维护基本流程 .............. 186

二、用户订单后台维护功能实现 ...... 186

课后训练 ...................................................... 199

习题答案 ............................................................. 201

参考文献 ............................................................. 203