第1章Web编程基础知识
Web基础知识
插件技术（1996年）
1996年的Netscape 2.0引入了对QuickTime插件的支持，在 HTML页面中实现音频、视频等多媒体应用，插件这种开发 方式也迅速风靡了浏览器的世界。 1996年，IE 3.0正式支持在HTML页面中插入ActiveX控件的 功能 1999年，RealPlayer插件先后在Netscape和IE浏览器中取 得了成功 1996年，Macromedia公司收购了FutureWave，并将Jonatha n Gay的发明改名为我们熟悉的Flash。从此，Flash动画成 了Web开发者表现自我、展示个性的最佳方式。
16
1.1 Web基本概念—12.Web开发技术概述
1）静态页面时代
从Web架构的技术层面，其特点主要有3：
用超文本技术（HTML）实现信息与信息的连接； 用统一资源定位技术（URL）实现全球信息的精确定位； 用新的应用层协议（HTTP）实现分布式的信息共享。
这一时期的Web设计更像是平面设计，而不是程 序设计。这样设计出来的页面，只能呈现静态的 文本和图像，无法提供满足用户需求的交互模式， 也无法展示动态的信息。 第2章将重点介绍静态页面设计技术
返回的HTML文档（包含嵌入的程序代码）
客户机
服务器 24
1.1 Web基本概念—13.Web开发工具
网页设计工具
1. FrontPage 2. Dreamweaver MX 3. Fireworks MX 4. Flash MX 5. Visual Studio 2005 /2008 6. 记事本/Word等
Web服务器向浏览器提供服务的步骤 ： 1、用户打开计算机（客户机），启动浏览器程序，在浏览器中指定一个 URL，浏览器便向该URL所指向的Web服务器发出请求。 2、Web服务器接到浏览器请求后，把URL转换成页面所在服务器上的文 件路径名。 3、如果URL指向的是普通的HTML文档，Web服务器直接将它送给浏览 器。 4、如果HTML文档中嵌有ASP或CGI程序Web服务器就运行ASP或CGI程 序，并将结果传送至浏览器
web-第1章基本概念
④ XML （Extensible Markup Language，可扩展的标记语言） 是一套定义语义标记的规则，描述的是数据的实际内容，不描述数据显示方式。 应用XML制作页面的基本思想是：将内容与内容的显示方式分别定义，以使内容组织人员将精力集中于内 容本身。
⑤ XHTML （The Extensible Hyper Text Markup Language，可扩展超文本标记语言） 实际上是HTML向XML过渡过程中产生的一种标签语言。结合了HTML和XML的优点，由于它和HTML 很相似，所以可以很容易把以前的HTML进行简化和改装，形成新的XHTML文档，这要比直接重新构建 XML文档简单的多。
2. 获取动态网页过程
① 客户端动态网页
JavaScript+DOM+CSS实现动态网页 微软的ActiveX技术 Sun的Java Applet技术 MicroMedia Flash技术
② 服务器端动态页面
• 简单的讲是服务器需要执行相关代码才能返回的页面。 • 动态内容能够为单个用户的每次访问量身定制的内容。 • 动态网页允许双向的交流。
JavaScript是由 Netscape公司开发的一种脚本语言，借助JavaScript等脚本语言，可以在Web页面实现客户 端与服务器的动态交互。
JavaScript短小精悍，又是在客户机上执行，大大提高了网页的浏览速度和交互能力。它是专门为制作Web 页面而量身定做的一种简单的编程语言，如今JavaScript越来越广泛地使用于Web开发上。Jquery是辅助 JavaScript开发的库。
Java
Java是Sun Microsystems公司于1995年5月推出的程序设计语言(Java语言)和Java平台的总称。它最初 的名字是Oak，被设计用来在嵌入式系统中运行，后来被用做了基于Web的技术。
第一章Web技术概述
13.通道(Tunnel)：是作为两个连接中继的中介程序。一旦激活，通道 便被认为不属于HTTP通讯，尽管通道可能是被一个HTTP请求初始化的。 当被中继的连接两端关闭时，通道便消失。当一个门户(Portal)必须存 在或中介(Intermediary)不能解释中继的通讯时通道被经常使用。
14.缓存(Cache)：反应信息的局域存储。
Internet（Inter Network）译为“因特网”， 也称国际互 联网，简称互联网。因特网是一个把世界范围内的众多计算 机、人、数据库、软件和文件连接在一起的，通过一个共同 的通信协议(TCP/IP协议)相互会话的网络。
14
Web技术基础
Internet主要技术： ·采用标准协议——TCP/IP协议，使网上各种不同的 计算机进行通信 ·通过路由器将不同网络互连 ·建立在TCP/IP协议基础之上的WWW浏览服务 ·应用DNS域名解析系统完成计算机和用户之间的地 址解析工作
网络病毒、保密、黑客(Huckman)
16
路由器 路由器
R
校园网子网
校园网
R
路由器 路由器
电子商务网站
R R
路由器
路由器
Internet
具有上网功能的手机 PDA掌上电脑 卫星接收系统
路由器
路由器
ISP网络
R R
路由器
路由器
企业子网
路由器
路由器
R
企业网
R
个人电脑
17
WWW的核心-HTTP
HTTP协议简介
20
10.源服务器(Originserver)：是一个给定资源可以在其上驻留或被创 建的服务器。
11.代理(Proxy)：一个中间程序，它可以充当一个服务器，也可以充当 一个客户机，为其它客户机建立请求。请求是通过可能的翻译在内部或 经过传递到其它的服务器中。一个代理在发送请求信息之前，必须解释 并且如果可能重写它。
Web程序设计(第4版)-第5章
5.1 脚本语言JavaScript
5.1.2 JavaScript语言概述
• JavaScript是一种嵌入在HTML文件中的脚本语言，它 是基于对象和事件驱动的，能对诸如鼠标单击、表单输入、 页面浏览等用户事件做出反应并进行处理。 • JavaScript特点：
var str;
/*声明变量str*/
num1=10;
/*说明num1为整型，并将其值赋为10*/
num2=3.02e10;
str1="欢迎您";
《Web程序设计》(第4版)，电子工业出版社，2015，ISBN：9787121260360
5.1 脚本语言JavaScript
5.1.3 JavaScript编程基础
5.1 脚本语言JavaScript
5.1.3 JavaScript编程基础
4．运算符和表达式
• 算术运算符。算术运算符的操作数和结果都是数值型值。算术运算符 及位运算符可与赋值运算符结合形成简记形式
赋值运算符简记形式表
运算符 操 作
+
加法
*
乘法
%
取模
--
递减
运算符 -（双目） / ++ -（单目）
• 传统脚本语言常用来编写执行一次性任务，通常以文本(如 ASCII)保存，只在被调用时进行解释或编译。
• 而现在脚本和传统编程语言之间的界限越来越模糊。在一些 脚本语言中，有经验的程序员可以进行大量优化工作。
• 本章所讨论的脚本语言是指用于Web页面及程序设计的脚本 语言，它们通常是嵌入式（嵌入到HTML文件中）的、具有解 释执行的特征。
Web前端开发(初级)-第1章 Web简介-Ver 1.0
1.1 Web的诞生
Internet的主要服务 E-mail：电子邮件，具有速度快、成本低、方便灵活的优点，用户 之间通过发送/接受电子邮件可以向实现信息的交换； FTP：文件传输，主要用于文件的分享，由于安全问题，使用场景有 所减少； BBS：电子公告牌，主要用以信息的共享和用户之间的互动，现代已 发展成为功能前的社区，可以实现信息公告、线上交谈、分类讨论、 经验交流、文件共享等； WWW：World Wide Web,简称WWW，也称Web,是Internet上集文本、声 音、图像、视频等多媒体信息于一身的全球信息资源网络，是 Internet上的重要组成部分。
Opera
Presto，2013年换成Blink（Chromium）
Safari
Webkit
Firefox
Gecke
Google Chrome 之前为Webkit,2013年换成Blink
联盟);
1+X 证书试点 - web前端开发 课程组
1.2 Web 相关概念
WWW World Wide Web的缩写，简写为W3、Web,中文名为万维网， 它是Internet上最核心的部分，是Internet上哪些支持WWW 服务和HTTP协议的服务器的集合； WWW在使用上分为Web服务器和Web客户端，用户通过Web客 户端可以访问Web服务端的页面；
现状 成为libwww库
技术出售、诞生Netscape
和IE竞争失败，正式退出历 史舞台 2016-1-12停止维护，历史 原因，依然留存 现存 现存 现存 现存 现存
1+X 证书试点 - web前端开发 课程组
1.2 Web 相关概念
第1章Web程序设计基础
说明：#RRGGBB是指色彩红—绿—蓝（red—green—blue，RGB）的值，
用16进制数码表示：0，1，2，3，4，5，6，7，8，9，a，b，c，d，e，f ,
根据规范前面需加“#”。
1.3.1 HTML的基本语法(2)
5.〈Hn〉标记(标注文档正文的各级标题 )
语法规则：〈Hn〉……〈/Hn〉
7.〈BR〉标记(强制换行标记)
语法规则：〈BR〉
属性：CLEAR=left | all | right | none
说明：
• <BR〉仅是换行，并不像〈P〉那样还要在随后的文本前插入一个空行。
• CLEAR是可选属性:
– Left：标记后的文本换行至浏览器窗口左边界不被图像占用的地方显示。 – Right：标记后的文本换行至浏览器窗口右边界不被图像占用的地方显示。 – All：标记后的文本在浏览器窗口的左右边界均不被图像占用的地方显示。 – None：缺省值，仅换行而已。
1.2.6 统一资源定位器URL
• 统一资源定位器URL（Unif Nhomakorabearm Resource Locator）是用来确定用 户所需信息的确切位置。包括信息资源的名称及地址。
• URL用来指定Internet资源要说明它位于哪台计算机的哪个目录中。 URL通过定义资源位置的抽像标识来定位网络资源，格式如下：
标记是HTML语言的标签符号和用标签标符号构成的各种元素的统称，用来界
定各种单元，用一对〈 〉中间包含若干字符命令表示，前一个“< >”为起始标
记，后一个“</>”为结束标记，单元的名称和属性由起始标记给出。
1.〈HTML〉标记（最外层的标记）
语法规则： 〈HTML〉……〈/HTML〉
Web程序设计计算机科学经典教材
目录第1章基础知识11.1 Internet简介 (2)1.1.1 起源 (2)1.1.2 Internet的含义 (2)1.1.3 IP地址 (3)1.1.4 域名 (3)1.2 万维网 (5)1.2.1 起源 (5)1.2.2 Web还是Internet (5)1.3 Web浏览器 (6)1.4 Web服务器 (7)1.4.1 Web服务器操作 (7)1.4.2 服务器的一般特性 (8)1.4.3 Apache (9)1.4.4 IIS (9)1.5 统一资源定位符 (9)1.5.1 URL的格式 (10)1.5.2 URL路径 (10)1.6 MIME (11)1.6.1 类型说明 (11)1.6.2 实验性文档类型 (12)1.7 超文本传输协议 (12)1.7.1 请求阶段 (13)1.7.2 响应阶段 (14)1.8 安全性 (15)1.9 Web编程工具箱 (17)1.9.1 XHTML概述 (17)1.9.2 创建XHTML文档的工具 (18)1.9.3 插件和过滤器 (19)1.9.4 XML概述 (19)1.9.5 JavaScript概述 (20)1.9.6 Flash概述 (20)1.9.7 PHP概述 (21)1.9.8 Ajax概述 (21)1.9.9 Servlet、JavaServer Pages和JavaServer Faces概述 (22)1.9.10 概述 (22)1.9.11 Ruby概述 (23)1.9.12 Rails概述 (23)1.10 本章小结 (24)1.11 复习题 (25)1.12 练习题 (26)第2章XHTML简介292.1 HTML和XHTML的起源和演变 (29)2.1.1 HTML和XHTML的版本 (30)2.1.2 HTML与XHTML (31)2.2 基本语法 (31)2.3 XHTML文档的标准结构 (32)2.4 基本的文本标记 (33)2.4.1 段落 (33)2.4.2 换行 (35)2.4.3 保留空白字符 (35)2.4.4 标题 (36)2.4.5 文本块引用 (37)2.4.6 字体样式与大小 (38)2.4.7 字符实体 (39)2.4.8 水平线 (39)2.4.9 meta元素 (40)2.5 图片 (40)2.5.1 图片格式 (40)2.5.2 <img />标签 (41)2.5.3 XHTML文档的验证 (43)2.6 超链接 (44)2.6.1 链接 (45)2.6.2 位于文档内部的目标 (47)2.6.3 使用链接 (47)2.7 列表 (47)2.7.1 无序列表 (48)2.7.2 有序列表 (48)2.7.3 定义列表 (51)2.8 表格 (52)2.8.1 基本的表格标签 (52)2.8.2 属性rowspan与colspan (54)2.8.3 属性align与valign (56)2.8.4 属性cellpadding与cellspacing (57)2.8.5 表格分块 (59)2.9 表单 (59)2.9.1 <form>标签 (59)2.9.2 <input>标签 (60)2.9.3 <select>标签 (63)2.9.4 <textarea>标签 (65)2.9.5 动作按钮 (66)2.9.6 一个完整的表单示例 (66)2.10 HTML与XHTML之间的语法差异 (69)2.11 本章小结 (71)2.12 复习题 (72)2.13 练习题 (73)第3章层叠样式表753.1 简介 (75)3.2 样式表的层次 (76)3.3 样式说明格式 (77)3.4 选择器格式 (78)3.4.1 简单的选择器格式 (78)3.4.2 类选择器 (79)3.4.3 通用选择器 (79)3.4.4 id选择器 (80)3.4.5 通配选择器 (80)3.4.6 伪类 (80)3.5 属性值的格式 (81)3.6 字体属性 (82)3.6.1 字体族 (83)3.6.2 字体大小 (83)3.6.3 字体变体 (84)3.6.4 字体样式 (84)3.6.5 字体粗细 (84)3.6.6 简写字体属性 (84)3.6.7 文本修饰 (87)3.7 列表属性 (88)3.8 颜色 (91)3.8.1 颜色组 (91)3.8.2 颜色属性 (92)3.9 文本对齐 (93)3.10 盒模型 (95)3.10.1 边框 (95)3.10.2 内边距和外边距 (97)3.11 背景图片 (99)3.12 <span>标签和<div>标签 (101)3.13 冲突解决方案 (102)3.14 本章小结 (103)3.15 复习题 (104)3.16 练习题 (105)第4章JavaScript基础知识1074.1 JavaScript概述 (107)4.1.1 起源 (107)4.1.2 JavaScript与Java (108)4.1.3 JavaScript的用途 (108)4.1.4 浏览器和XHTML/JavaScript文档 (109)4.2 面向对象和JavaScript (110)4.3 一般的语法特征 (111)4.4 基本数据类型、操作和表达式 (113)4.4.1 基本数据类型 (113)4.4.2 数值型和字符串字面量 (114)4.4.3 其他基本数据类型 (114)4.4.4 声明变量 (115)4.4.5 数值运算符 (115)4.4.6 Math对象 (116)4.4.7 Number对象 (117)4.4.8 字符串连接运算符 (117)4.4.9 隐式类型转换 (118)4.4.10 显式类型转换 (118)4.4.11 String属性和方法 (119)4.4.12 typeof运算符 (120)4.4.13 赋值语句 (120)4.4.14 Date对象 (121)4.5 屏幕输出和键盘输入 (121)4.6 控制语句 (124)4.6.1 控制表达式 (125)4.6.2 选择语句 (126)4.6.3 switch语句 (127)4.6.4 循环语句 (129)4.7 创建和修改对象 (131)4.8 数组 (132)4.8.1 创建Array对象 (132)4.8.2 Array对象的特征 (133)4.8.3 Array方法 (134)4.9 函数 (136)4.9.1 基础知识 (136)4.9.2 局部变量 (137)4.9.3 参数 (138)4.9.4 复习sort方法 (140)4.10 示例一 (140)4.11 构造函数 (142)4.12 利用正则表达式进行模式匹配 (142)4.12.1 字符和字符类模式 (143)4.12.2 锚 (145)4.12.3 模式修饰符 (145)4.12.4 String对象中的其他模式匹配方法 (146)4.13 示例二 (146)4.14 脚本中的错误 (148)4.15 本章小结 (149)4.16 复习题 (151)4.17 练习题 (152)第5章JavaScript与XHTML文档1555.1 JavaScript的执行环境 (156)5.2 文档对象模型 (156)5.3 在JavaScript中访问元素 (159)5.4 事件与事件处理 (162)5.4.1 事件处理的基本概念 (162)5.4.2 事件、属性和标签 (163)5.5 处理主体元素的事件 (165)5.6 处理按钮元素的事件 (166)5.7 处理文本框和密码框元素的事件 (171)5.7.1 focus事件 (171)5.7.2 验证表单输入 (173)5.8 DOM 2事件模型 (178)5.8.1 事件传播 (179)5.8.2 事件处理程序的注册 (180)5.8.3 DOM 2事件模型示例 (181)5.9 navigator对象 (183)5.10 DOM树的遍历和修改 (185)5.10.1 DOM树的遍历 (185)5.10.2 DOM树的修改 (185)5.11 本章小结 (185)5.12 复习题 (186)5.13 练习题 (187)第6章利用JavaScript开发动态文档1896.1 简介 (189)6.2 元素定位 (190)6.2.1 绝对定位 (190)6.2.2 相对定位 (193)6.2.3 静态定位 (194)6.3 移动元素 (194)6.4 元素可见性 (197)6.5 修改颜色和字体 (198)6.5.1 修改颜色 (198)6.5.2 修改字体 (199)6.6 动态内容 (201)6.7 堆叠元素 (203)6.8 定位鼠标光标 (206)6.9 响应鼠标单击 (208)6.10 缓慢移动元素 (209)6.11 拖放元素 (212)6.12 本章小结 (216)6.13 复习题 (216)6.14 练习题 (217)第7章XML简介2197.1 简介 (219)7.2 XML语法 (221)7.3 XML文档结构 (223)7.4 文档类型定义 (225)7.4.1 元素声明 (225)7.4.2 属性声明 (227)7.4.3 实体声明 (228)7.4.4 一个DTD的示例 (228)7.4.5 内部和外部DTD (229)7.5 名称空间 (230)7.6 XML架构 (232)7.6.1 架构的基本原理 (232)7.6.2 架构的定义 (233)7.6.3 定义架构实例 (234)7.6.4 数据类型概述 (235)7.6.5 简单类型 (235)7.6.6 复杂类型 (236)7.6.7 架构实例的验证 (238)7.7 显示没有格式化的XML文档 (239)7.8 通过CSS显示XML文档 (240)7.9 XSLT样式表 (241)7.9.1 XSLT概述 (242)7.9.2 用于表现的XSL转换 (243)7.10 XML处理器 (249)7.10.1 XML处理器的用途 (249)7.10.2 SAX方式 (249)7.10.3 DOM方式 (250)7.11 Web服务 (250)7.12 本章小结 (251)7.13 复习题 (253)7.14 练习题 (254)第8章Flash简介2578.1 Flash的起源与用途 (257)8.2 初步了解Flash创作环境 (258)8.3 绘图工具 (262)8.3.1 预定义图形 (262)8.3.2 线条和徒手画 (267)8.3.3 文本 (267)8.3.4 元件和库 (268)8.4 静态图形 (269)8.5 动画和声音 (274)8.5.1 动画简介 (274)8.5.2 移动图形 (274)8.5.3 更多动画 (276)8.5.4 形状动画 (278)8.5.5 声音 (280)8.6 用户交互 (282)8.6.1 动作 (283)8.6.2 Flash组件 (283)8.6.3 示例 (283)8.7 小结 (286)8.8 复习题 (287)8.9 练习题 (288)第9章PHP简介2899.1 PHP的起源和用途 (289)9.2 PHP概述 (290)9.3 基本语法特征 (291)9.4 基本数据类型、操作和表达式 (291)9.4.1 变量 (292)9.4.2 整数类型 (292)9.4.3 双精度类型 (292)9.4.4 字符串类型 (292)9.4.5 布尔类型 (293)9.4.6 算术运算符和表达式 (293)9.4.7 字符串操作 (294)9.4.8 标量类型转换 (295)9.4.9 赋值运算符 (296)9.5 输出 (296)9.6 控制语句 (298)9.6.1 关系运算符 (298)9.6.2 布尔运算符 (298)9.6.3 选择语句 (298)9.6.4 循环语句 (299)9.6.5 示例 (299)9.7 数组 (301)9.7.1 创建数组 (301)9.7.2 访问数组元素 (302)9.7.3 数组处理函数 (302)9.7.4 数组元素的按序访问 (304)9.7.5 数组排序 (306)9.8 函数 (307)9.8.1 函数的基本特征 (307)9.8.2 参数 (308)9.8.3 变量的作用域 (309)9.8.4 变量的生命周期 (310)9.9 模式匹配 (311)9.10 表单处理 (313)9.11 文件 (318)9.11.1 打开和关闭文件 (318)9.11.2 读取文件 (319)9.11.3 文件写入操作 (320)9.11.4 文件加锁 (320)9.12 cookie (320)9.12.1 cookie简介 (321)9.12.2 PHP对cookie的支持 (322)9.13 会话跟踪 (322)9.14 本章小结 (323)9.15 复习题 (324)9.16 练习题 (325)第10章Ajax简介32910.1 Ajax概述 (329)10.1.1 Ajax的历史32910.1.2 Ajax技术33010.1.3 实现Ajax33110.2 Ajax基础知识 (332)10.2.1 应用程序33210.2.2 表单文档33210.2.3 请求阶段33410.2.4 响应文档33610.2.5 接收器阶段33710.2.6 跨浏览器支持33910.3 返回文档的格式 (340)10.3.1 HTML和XHTML34010.3.2 XML34110.3.3 JavaScript Object Notation34210.4 Ajax工具包 (343)10.4.1 Dojo34410.4.2 示例34610.4.3 Prototype34810.5 安全性与Ajax (349)10.6 本章小结 (350)10.7 复习题 (351)10.8 练习题 (351)第11章Java Web软件35311.1 servlet简介 (353)11.1.1 概述35311.1.2 详解35411.1.3 servlet容器35711.2 NetBeans集成开发环境 (358)11.3 调查表示例 (365)11.4 在客户端存储信息 (372)11.4.1 cookie37211.4.2 servlet对cookie的支持37311.4.3 示例37411.5 JSP (380)11.5.1 开发JSP的动机38011.5.2 JSP文档38011.5.3 表达式语言38311.5.4 JSTL中用于控制的动作元素38511.6 JavaBean (389)11.7 模型-视图-控制器应用体系结构 (392)11.8 JSF (393)11.8.1 内核标签库和HTML标签库39411.8.2 JSF事件处理39511.8.3 示例应用程序39511.9 本章小结 (400)11.10 复习题 (401)11.11 练习题 (402)第12章简介40512.1 .NET Framework概述 (405)12.1.1 背景40612.1.2 .NET语言40612.1.3 公共语言运行库40612.1.4 公共语言基础结构40712.2 C#简介 (408)12.2.1 起源40812.2.2 基本数据类型和表达式40812.2.3 数据结构40912.2.4 控制语句40912.2.5 类、方法和结构41012.2.6 异常处理41112.2.7 输出41112.3 简介 (412)12.3.1 基本知识41212.3.2 文档41312.3.3 代码隐藏文件41512.4 控件 (417)12.4.1 Web控件41712.4.2 简单的文档的生命周期41812.4.3 Visual Studio42212.4.4 事件42712.4.5 用代码创建控件元素42812.4.6 控件的响应输出42912.4.7 列表控件42912.4.8 验证控件43312.4.9 主文档43912.5 AJAX (442)12.6 Web服务 (447)12.6.1 构建Web服务44712.6.2 使用Web服务45012.6.3 传播Web服务45412.7 本章小结 (454)12.8 复习题 (455)12.9 练习题 (457)第13章基于Web的数据库访问45913.1 关系数据库 (459)13.2 结构化查询语言简介 (462)13.2.1 SELECT命令46213.2.2 连接46213.2.3 INSERT命令46413.2.4 UPDA TE命令46413.2.5 DELETE命令46413.2.6 DROP命令46513.2.7 CREATE TABLE命令46513.3 数据库访问的体系结构 (466)13.3.1 客户端-服务器体系结构46613.3.2 Microsoft ODBC体系结构46613.3.3 PHP和数据库访问46713.3.4 Java JDBC体系结构46713.4 MySQL数据库系统 (468)13.5 使用PHP和MySQL实现数据库访问 (470)13.5.1 特殊字符的潜在问题47013.5.2 连接MySQL并选择数据库47113.5.3 请求MySQL操作47113.5.4 PHP-MySQL示例47213.6 使用JDBC和MySQL实现数据库访问 (477)13.6.1 JDBC和MySQL47713.6.2 元数据48013.6.3 示例48113.7 使用和MySQL实现数据库访问 (484)13.7.1 MySQL和48413.7.2 数据绑定48513.7.3 连接字符串48613.8 本章小结 (490)13.9 复习题 (491)13.10 练习题 (492)第14章Ruby简介49314.1 Ruby的起源与用途 (493)14.2 标量类型及其操作 (494)14.2.1 数值与字符串字面量49414.2.2 变量和赋值语句49514.2.3 数值运算符49614.2.4 String的方法49714.3 简单的输入输出 (501)14.3.1 屏幕输出50114.3.2 键盘输入50114.4 控制语句 (503)14.4.1 控制表达式50314.4.2 选择语句和循环语句50414.5 数组基础 (507)14.5.1 for-in语句50814.5.2 数组和列表的内置方法50914.5.3 示例51114.6 散列 (512)14.7 方法 (514)14.7.1 基础知识51414.7.2 局部变量51514.7.3 参数51514.8 类 (517)14.8.1 类的基础知识51714.8.2 访问控制51914.8.3 继承52114.9 块和迭代器 (522)14.10 模式匹配 (524)14.10.1 模式匹配的基础知识52414.10.2 存储匹配52614.10.3 替换52614.11 本章小结 (527)14.12 复习题 (527)14.13 练习题 (528)第15章Rails简介52915.1 Rails概述 (529)15.2 文档请求 (531)15.2.1 静态文档Hello World53115.2.2 动态文档53515.3 使用数据库的Rails应用程序 (537)15.3.1 构建基本应用程序53815.3.2 完成应用程序54615.3.3 修改数据库55015.3.4 布局和样式表55215.4 采用Ajax技术的Rails (553)15.4.1 初始的表单文档55415.4.2 触发Ajax55615.4.3 控制器55815.5 本章小结 (560)15.6 复习题 (561)15.7 练习题 (561)附录A Java简介563附录B 颜色名及其十六进制值577附录C Java Applet581基础知识随着万维网的出现，工业化国家的绝大部分居民和非工业化国家的一部分居民的生活已经发生了永久性的变化。
第1章 Web应用开发概述
客户端脚本技术 客户端脚本技术是指嵌入到Web页面中的程序代码，这些程序代码是一种解释性的语言，浏览器 可以对客户端脚本进行解释。通过脚本语言可以实现以编程的方式对页面元素进行控制，从而增加 页面的灵活性。常用的客户端脚本语言有JavaScript和VBScript。 说明： 目前，应用最为广泛的客户端脚本语言是JavaScript脚本，它是Ajax的重要组成部分。在本书 的第2章将对JavaScript脚本语言进行详细介绍。
图1-2 B/S体系结构 说明：B/S由美国微软公司研发，C/S由美国Borland公司最早研发。
1.1.3
两种体系结构的比较
C/S结构和B/S结构是当今世界网络程序开发体系结构的两大主流。目前，这两种结构都有自己 的市场份额和客户群。但是，这两种体系结构又各有各的优点和缺点，下面将从以下3个方面进行 比较说明。 1．开发和维护成本方面 C/S结构的开发和维护成本都比B/S高。采用C/S结构时，对于不同客户端要开发不同的程序， 而且软件的安装、调试和升级均需要在所有的客户机上进行。例如，如果一个企业共有10个客户站 点使用一套C/S结构的软件，则这10个客户站点都需要安装客户端程序。当这套软件进行了哪怕很 微小的改动后，系统维护员都必须将客户端原有的软件卸载，再安装新的版本并进行配置，最可怕 的是客户端的维护工作必须不折不扣的进行10次。若某个客户端忘记进行这样的更新，则该客户端 将会因软件版本不一致而无法工作。而B/S结构的软件，则不必在客户端进行安装及维护。如果我 们将前面企业的C/S结构的软件换成B/S结构的，这样在软件升级后，系统维护员只需要将服务器的 软件升级到最新版本，对于其他客户端，只要重新登录系统就可以使用最新版本的软件了。
图1-3 Web的工作流程图