Web程序设计（第二版）

1 以Web中的B/S三层结构为主线，为读者建立一个清晰的Web编程与应用知识框架

2 以编者10多年的研发项目为背景，讲解从CSS样式设计、菜单实现、表单数据获取和有效性验证、网页参数传递、网页安全、服务端数据类型转换、数组和文件操作、数据库编程等110多段实用的程序代码

3 采用“任务驱动”的编写方式，精心设计例题和案例，每一个例题和案例都可以在实际的Web应用中找到应用，为实际Web编程提供借鉴

4 设计了150多道课后练习题，都是编者在实际Web开发中遇到的问题和难点。通过提出问题的方式，加深对所学知识点的理解

5 配套《Web程序设计实训教程（第2版）》，方便读者上机操作

6 提供课程网站（http://jcjy.sdu.edu.cn/或http://202.194.28.11/），免费下载相关教学资源（案例和程序源代码、PPT电子教案、答疑解惑、经典程序代码集锦等），方便教学

  进入20世纪90年代以后，人们在享受互联网给我们的工作和生活带来无限便利的同时，Web技术也正在悄悄地影响和改变着我们的思维方式。在软件开发和程序设计领域，Web程序设计正悄然兴起，C/S结构的系统风光不再，B/S结构在市场竞争中已经脱颖而出。现在，无论是企业的电子商务，还是政府办公系统，可以说，80%以上的计算机应用都是基于Web的，使互联网这个现代的通信平台找到了最广阔的应用市场。

  身处教育行业和IT行业两重身份，一直对计算机软件技术的发展非常关注，希望所教授的知识和社会的需求紧密相关，培养的学生既有扎实、宽厚、系统的基础理论知识，又有优秀的开发能力。理论和实践的结合需要一个载体，对计算机软件来说，项目是再好不过的载体了。在软件项目的实施中，我们可以对相关的理论知识进行应用验证；反过来，在软件开发和应用中遇到的问题、难题，又推动了我们对理论问题的研究。

  科研和教学就是这样地相辅相承，项目作为一种结合点，推动着科研和教学水平的不断提高。从2001年开始，我们开始基于B/S三层架构的软件开发工作，开发领域主要是E-learning，虚拟实验室，还有一些通用的管理系统，例如会议管理、论文管理、作业管理等。在这些Web应用的开发中，遇到了许许多多的问题，也积累了很多的经验，有很多的体会。我们不断地将开发和研究中的体会，在通过大学讲台和学生们交流和分享的同时，先后于2005年、2007年探索性地出版了《Web技术导论》和《Web开发技术》两个版本的教材，书中的例题和案例大都来源于这些研发项目。

  对于每一位任课教师，或者是学习Web开发的学生来说，往往会对自己上网过程中见到的良好的网页感兴趣，会想到能够借鉴其中的代码，来提高自己的程序质量，提高编程效率。这是每一个软件开发人员在长期的职业生涯中养成的习惯，即使自己不再编程，也愿意收集一些程序代码和编程宝典类的书籍，学习其中的编程技巧。这些也正是一些教科书中最缺乏的东西，才有了许多软件公司人员的抱怨，说我们培养的学生不能编程。虽然市场上有许多专门的开发类书籍，但这些书籍的读者对象通常是专业开发人员，并不适合于教学。因此，结合市场需求和教学的需要，在前两本已出版的教材基础上，减少了一些过时的技术内容，增加了更多实用性技术、常用问题及代码，形成本书。

  在本书中，我们把Web开发中最常用的一些实现代码以例题或案例的形式写出来，不但用以巩固所学到的知识点，更重要的是为我们未来的软件编程提供借鉴。本书共收集和讲解了110多段非常有用的程序代码，内容涉及HTML中的页面布局，CSS的设计和应用，Web中的弹出式菜单、树形菜单的设计和不同的实现方法，表单数据的获取，中文字符、email、用户账户、整数、浮点数数字输入的有效性验证，数据之间的类型转换，数组和集合类，页面之间的参数传递，页面安全，服务端的文件和文件夹操作，数据库的访问和操作，AJAX异步通信等各种各样的实用代码。

本书分成6章，主要内容如下：

  第1章Web程序设计基础。介绍了计算模式的演变，不同计算模式下的软件开发问题。同时，对Web的工作机理、Java技术、XML技术、Web服务、SOA架构等相关技术，语义Web、Web 2.0等的新进展进行了概要性介绍。

  第2章 Web程序及运行环境。讲解了Web应用及其基本结构，对Web应用的运行环境进行了详细讲解。围绕Java技术，介绍了Java、Tomcat应用服务器的安装和配置。重点讲解了Web应用的规划和部署。

  第3章 标记语言和HTML基础。标记语言是Web应用开发的基础，它是Web应用界面的实现手段。本章首先介绍了标记语言的概念，然后详细介绍了HTML标记语言的语法，对css技术进行了深入讲解，并安排了大量的例子解释每种元素的含义和使用。

  第4章 网页设计与制作。网页作为Web应用的主要用户界面，在HTML基础上，加强了网页设计的讲解，包括：页面功能与内容设计、页面布局设计、页面视觉设计以及页面效果设计等。本章还介绍了可视化制作工具FrontPage的使用。

  第5章 客户端编程。首先讲解了Web浏览器的基本工作原理，然后讲解了客户端脚本程序设计语言JavaScript、浏览器对象模型BOM、HTML文档对象模型DOM、Web交互的内容，并讲解了AJAX技术。最后安排了四个综合性案例，详细讲解JavaScript中的菜单实现、表单数据的有效性验证、表单数据的处理、参数传递以及页面安全性等问题。这些综合案例中包含了大量的Web开发中所需要的代码，都来源于我们具体的研发项目，相信通过这些案例的学习，会大大提高编程人员的Web开发能力和代码质量。

  第6章 服务端编程。首先介绍了B/S三层结构的概念，然后简单讲解了Java程序设计语言基础，介绍了Java技术的特点、类与对象、接口、包等基本概念，介绍了Java Applet、JavaBean、Servlet服务器程序的概念，这些概念是开展基于Java技术的服务端编程的基础。

  本章的重点是JSP技术、数据库编程以及MVC设计模式的讲解。在JSP技术中，讲解了JSP的语法、JSP中的数据类型及其转换、JSP内置对象、JSP中的参数传递方法等内容。然后讲解了服务端的数据库编程，并给出了一个完整的案例。最后，讲解了基于Ajax技术的在线聊天Web应用的整个开发过程，同时对常用的Java开发工具进行了介绍。

作为互联网的用户和Web技术的开发者和实践者，同时，作为一个公司派的高校教师，希望这本书的知识结构和内容对于您学习Web开发，进行Web编程能有所帮助。也希望其中的大量例子在您未来的Web开发中，为您的编程给以启发，节省宝贵的时间。软件开发是一个积累的过程，让我们一起在这种积累中进步，来享受成功的乐趣。

  在本书写作的过程中，非常感谢我的同事巩裕伟老师、焦文江老师、杨兴强老师、吕刚老师、阚铮老师和李蕴老师的工作和他们提出的良好建议，还要感谢我的学生苏雪、常跃峰、崔旭、朱岩 、郝凤杰、田容雨、尤凤英、董颖等，他们都参与了我们许多项目的研发工作，编写了大量的程序代码，祝愿他们在以后的工作和生活中一切顺利，祝愿他们取得更大的成绩。此外，还要感谢中国水利水电出版社的雷顺加编审，在本书的策划和写作中，提出了很好的建议，特别是对编写方式及习题的策划，使得本书能够更好地用于教学。

由于本书涉及的内容非常广泛，在深度和广度上很难做到完美，同时，也由于作者本人的知识面和认识有限，书中错误和不足在所难免，敬请各位同行和广大读者批评指正。

作者Email：hxw@sdu.edu.cn

前言
第1章  Web程序设计基础 1
1.1  计算模式与程序设计模式的演变 1
1.1.1  单机运行与集中式计算模式 1
1.1.2  客户/服务器（C/S）计算模式 2
1.1.3  浏览器/服务器（B/S）计算模式 2
1.1.4  软件设计与开发模式的演化 4
1.2  Web及其工作原理 5
1.2.1  什么是Web 5
1.2.2  Web的工作原理 6
1.2.3  Web浏览器 6
1.2.4  Web服务器 7
1.3  Web相关技术 7
1.3.1  概念及术语 7
1.3.2  Java技术 8
1.3.3  XML技术 10
1.3.4  Web服务 12
1.4  Web发展趋势 13
1.4.1  Web 2.0 13
1.4.2  语义Web 14
本章小结 16
习题1 16
第2章  Web程序及运行环境 18
2.1  Web应用及基本结构 18
2.1.1  传统程序与软件开发 18
2.1.2  Web应用的基本结构 19
2.2  操作系统与Web服务器 21
2.2.1  Web服务器 21
2.2.2  主流Web服务器简介 21
2.3  基于Java的Web应用运行环境 23
2.3.1  Apache服务器的作用和功能 23
2.3.2  Tomcat应用服务器的作用和功能 23
2.4  Tomcat的安装和配置 24
2.4.1  Servlet/JSP规范 24
2.4.2  安装Java运行环境 24
2.4.3  Tomcat的安装和配置 29
2.4.4  建立并部署Web应用 35
2.4.5  使用虚拟目录 39
2.5  Web应用的规划与运行 40
2.5.1  规划Web应用 40
2.5.2  Web应用的运行 41
本章小结 41
习题2 42
第3章  标记语言HTML基础 43
3.1  标记语言及其发展 43
3.1.1  标准通用标记语言SGML 44
3.1.2  超文本标记语言HTML 44
3.1.3  可扩展HTML规范XHTML 45
3.1.4  可扩展标记语言XML 45
3.2  HTML标记语言基础 45
3.2.1  标记类型与标记属性 46
3.2.2  文档结构 46
3.3  文件头标记及子标记 47
3.4  文件体标记及其属性 49
3.5  文档内容常用标记 51
3.5.1  标题、段落与文本标记 51
3.5.2  图像标记 52
3.5.3  超链接标记与书签 53
3.5.4  影像地图标记 54
3.5.5  表格 55
3.5.6  表单 57
3.5.7  其他标记 64
3.6  div标记与span标记 66
3.6.1  层次块div标记 66
3.6.2  span标记 67
3.7  对象和脚本程序标记 68
3.8  层叠样式表CSS技术 70
3.9  帧 76
3.10  其他相关技术 78
3.10.1  DHTML技术 78
3.10.2  SHTML技术 78
本章小结 79
习题3 79
第4章  网页设计与制作 83
4.1  网页设计基础 83
4.1.1  页面功能与内容设计 83
4.1.2  页面布局设计 84
4.1.3  页面视觉设计 87
4.1.4  页面效果设计 88
4.2  使用FrontPage 89
4.2.1  FrontPage主窗口 89
4.2.2  网站的新建与维护 90
4.2.3  新建网页 92
4.3  网页编辑 94
4.3.1  输入文本内容 94
4.3.2  插入图片 95
4.3.3  建立超链接或书签 96
4.3.4  图像地图 97
4.3.5  插入表格 98
4.3.6  插入表单 100
4.4  设置标记属性 101
4.4.1  使用IntelliSense技术 102
4.4.2  使用行为面板 102
4.5  定义和使用样式 103
4.5.1  定义样式 103
4.5.2  使用样式表文件 104
4.6  Frame框架和IFrame框架 104
4.6.1  Frame框架网页 105
4.6.2  使用浮动框架IFrame 108
本章小结 111
习题4 111
第5章  客户端编程 114
5.1  浏览器与客户端脚本程序 114
5.1.1  浏览器与客户端脚本引擎 115
5.1.2  脚本语言规范与主要的客户端脚本语言 115
5.2  JavaScript程序设计基础 117
5.2.1  JavaScript基本符号 117
5.2.2  数据和数据类型 118
5.2.3  常量和变量 119
5.2.4  表达式和运算符 120
5.2.5  基本语句 120
5.2.6  函数 124
5.3  事件驱动及事件处理 124
5.3.1  事件驱动的程序执行过程 124
5.3.2  JavaScript中的常用事件 124
5.4  对象及其操作 126
5.4.1  类与对象的概念 126
5.4.2  对象的操作 127
5.5  常用内部对象及函数 128
5.5.1  String对象 128
5.5.2  Math对象 131
5.5.3  Date对象 132
5.5.4  Array数组对象 135
5.5.5  预定义函数 136
5.6  JavaScript浏览器对象模型BOM 138
5.6.1  BOM层次结构 138
5.6.2  window对象 138
5.6.3  frames对象 143
5.6.4  location对象 144
5.6.5  history对象 144
5.6.6  screen对象 145
5.6.7  event对象 146
5.7  HTML文档对象模型DOM 147
5.7.1  文档对象模型DOM 147
5.7.2  HTML DOM对象 148
5.8  Web交互 155
5.8.1  使用form实现Web页面的信息交互 155
5.8.2  使用frame实现更复杂的交互 164
5.9  使用AJAX技术 170
5.9.1  AJAX基础 170
5.9.2  XMLHttpRequest对象 171
5.10  综合举例 173
5.10.1  创建折叠式菜单 174
5.10.2  创建树形菜单 177
5.10.3  表单数据综合处理 179
5.10.4  页面之间参数传递 188
本章小结 195
习题5 196
第6章  服务端编程 199
6.1  B/S三层体系结构与Web服务器脚本程序 199
6.1.1  B/S三层体系结构 200
6.1.2  脚本引擎与服务端脚本程序 200
6.2  Java程序设计基础 201
6.2.1  Java程序设计语言 202
6.2.2  类与对象 204
6.2.3  接口 211
6.2.4  包 212
6.2.5  Java基础类库 213
6.2.6  Java Applet 214
6.2.7  Servlet服务器程序 215
6.3  JavaBean 216
6.3.1  什么是JavaBean 216
6.3.2  JavaBean的属性、方法和事件 216
6.4  JSP技术 218
6.4.1  JSP的运行环境 219
6.4.2  JSP的语法结构 220
6.4.3  JSP中的数据类型及其转换 222
6.4.4  JSP内置对象 224
6.4.5  在JSP中使用JavaBean 227
6.4.6  JSP中的文件与文件夹操作 229
6.4.7  JSP中的参数传递方法 231
6.5  JDBC与数据库编程 232
6.5.1  JDBC接口 232
6.5.2  数据库操作 234
6.5.3  举例 235
6.6  综合举例??在线聊天程序 244
6.6.1  系统分析 244
6.6.2  客户端设计 244
6.6.3  服务端设计 254
6.7  Java开发工具简介 260
6.7.1  JDK 260
6.7.2  Sun NetBeans集成开发环境 261
6.7.3  Eclipse开发平台 261
6.7.4  JBuilder开发环境 262
6.7.5  JDeveloper开发框架 262
本章小结 263
习题6 263
参考资料 265
 

1. C程序设计实践教程 [刘卫国]
2. C程序设计（慕课版） [刘卫国]
3. Web技术开发教程（基于.NET开源MVC框架） [王合闯 韩红玲 王青正 陈海蕊]
4. 程序设计基础实践教程（C/C++语言版） [张桂芬 葛丽娜]
5. C++案例项目精讲 [主编 杨国兴]
6. SwiftUI完全开发 [李智威 著]
7. MySQL数据库项目式教程 [陈亚峰]
8. C语言程序设计习题与实验指导（第二版） [主编 甄增荣 张宾]
9. C语言程序设计（第二版） [主编 甄增荣 田云霞]
10. Unity3D虚拟现实应用开发实践 [主 编 刘龙]
11. Python程序设计 [主编 姜春磊 陈虹洁]
12. C语言程序设计实践教程（活页式） [主编 郑茵 陈巍 滕泓虬]
13. 面向对象程序设计 [主编 张勇 张平华 赵小龙]
14. Java Web应用技术项目化教程 [黄日胜 方阿丽]
15. Python程序设计基础及实战 [主编　刘健]
16. C语言程序设计 [姜雪]
17. Python程序设计实践教程 [王鹤琴 蔡正保]
18. C++程序设计实践教程（第三版） [主编 刘卫国 曹岳辉]
19. C++程序设计（第三版） [主编 曹岳辉 刘卫国]
20. C语言程序设计项目化教程（活页式） [主编 张利华 潘晓利]
21. 机器人流程自动化（RPA）实战——基于UiPath [主编　金鑫]
22. Python 语言程序设计实践指导 [主编　张双狮]
23. Python程序设计案例教程 [主编 毛锦庚 钟肖英 周贤来 ]
24. 基于.NET Core框架的分布式系统架构设计 [汤佳 著]
25. Python语言程序设计教程 [郭其标 房宜汕]
26. Python程序设计 [李国燕 王新强 刘佳 等编著]
27. Python程序设计项目化教程（活页式） [主编　卢凤伟]
28. Web安全基础及项目实践 [主编 郑丽 安厚霖 崔俊鹏]
29. Web前端开发项目化教程（微课版） [主编　郭立文　王洪波]
30. Java编程基础案例式教程 [主编 陈艳华 唐春兰]