WEB应用程序设计.ppt
合集下载
Web应用程序设计案例教程第5章
☺2. 编写Page对象Load事件过程的程序代码 ☺3. 编写Page对象Unload事件过程的程序代码
在文件夹ch5中创建一个命名为counter.txt的文本文件，输入 一个数字“0”。
16
【同步实践】
操作要求如下。 ☺(1)新建一个项目ch5，将Webform1.aspx重命名
为counter.aspx。 ☺(2)在counter.aspx页面上添加4个Label控件并设 置各控件的属性，控件在页面中的位置自行确定。 ☺(3)新建一个文本文件counter.txt，存储的内容为 100。 ☺(4)编写其Page_Load事件，浏览此页时显示系统 的当前时间和读取文件counter.txt中的内容并通过 Label控件显示。 ☺(5)编写其Page_Unload事件，将新的计数器数值 保存到文件counter.txt。
14
5.3.2 设计网站访问计数器界面
网站访问计数器页面用 到了4个Label控件，页 面如图
15
5.3.3 编写程序代码， 实现网站访问计数功能
实现网站访问计数器要用到前面章节曾介绍的 Application对象、Session对象和本章学习的Server 对象。 要真正实现网站访问计数器，必须先将统计的次数数 据保存到文件中，然后再从文件中读取。这样，服务 器停止之后重新启动，原先访问统计的次数将保留下 来，从而实现真正的网站访问计数器。 读写文件就要用到Server对象来实现，要实现浏览一 次网页计数器就增加1，就要将新的次数写入文件中， 这就要写一个Page_Unload事件。 ☺1. 创建保存次数的文本文件
9
5.2.2 取得目前浏览网页的路径
如何得知网页浏览者目前正在浏览哪一个网页 呢？Request对象提供了MapPath方法与Path 属性，供服务器来了解目前被浏览网页的路径。 利用Path属性可让服务器端得知目前被浏览网 页的路径(默认浏览文件夹以下的路径)，而 MapPath方法不但可以得知目前网页的完整路 径，还可结合一个字符串，这个字符串可以是 文件名称，这样便可产生一个新的文件路径。
Web应用程序设计案例教程第11章
段时间来监测网站的运行情况，发现问题及时予以解决。 ☺当确认网站能够满足客户的正常商务活动后，可以通过外 界媒体和网站自身，加大宣传力度，提高网站的知名度，扩 大业务量，达到盈利的目的。
3. 系统维护和改进 ☺网站的维护是保障网站正常运行的必要条件，数据的清理
和备份是经常要做的工作。 ☺防范外界对网站干扰和攻击不可以掉以轻心，硬件的保养 也是网站维护的日常工作。
第11章 网上书店各模块的整合
(1) 了解电子商务网站的开发过程 (2) 掌握网上书店系统主页的设计 (3) 掌握网上书店系统各模块的整合与完善 (4) 掌握网上书店系统的测试
教 学 导 航
章 章
(1) 学会设计网上书店系统的主页 (2) 学会将各模块整合为一个完整的系统 (1) 培养学生的自主学习能力和知识应用能力 (2) 培养学生勤于思考、认真做事的良好作风 (3) 培养学生理论联系实际的工作作风、独立工作的能力，树立自信心 网上书店系统主页的设计和各个模块的整合 网上书店系统主页的设计 理论实践一体化，教、学、做合一 6课时(含课堂实践) 项目：网上书店各模块的整合与调试 任务1：设计网上书店的主页面 任务2：整合且完善网上书店的各个模块 任务3：网上书店的调试与测试 创建项目ch11→添加模块文件→设计网上书店的主页→添加前面各章已创建的窗体文件→完 善网上书店系统的各个页面→网上书店系统的调试与测试 章 的 (1) Page对象、Response对象、Request对象、Session对象、Application对象等 (2) 的主要对象：SqlConnection、SqlCommand、SqlDataAdapter、DataSet等 (1) Web控件：DataList控件、DataGrid控件、Label控件、TextBox控件、Button控件、 HyperLink控件、Image控件和表格等 (2) 自定义控件
Web应用程序设计案例教程第1章
13
【疑难解析 疑难解析】 疑难解析
问题：虚拟目录是否有其他创建方法？ 答：有，可以在Internet信息服务(IIS)管理器 中利用虚拟目录创建向导创建虚拟目录。
14
【课外拓展 课外拓展】 课外拓展
(1) 安装Visual 2003。 (2) 安装并配置IIS服务器。 (3) 创建一个Web页面。 Web
☺(2)代码分离
在ASP.ENT中，HTML代码与程序代码分离，大大提高了 页面的设计效率以及程序代码的可阅读性、可
程序是在服务器上运行的编译好的公共语言运行库 (CLR)代码，而不像ASP那样解释执行，因而与ASP相比，执 行效率大大提高。
A. NET Framework 和IIS C. C#和 B. D.
☺ 3. .NET Framework是一种( )。
A. 编程语言 C. 操作系统 Ａ. F5 Ｃ. F10 B. 程序运行平台 D. 数据库管理系统 B. Ctrl+5 D. F11
☺ 4．要使程序立即运行，需要按( )键。
☺除了以上优点外，还支持服务器控件和Web服务，具有更
高的安全性和良好的可伸缩性等。
3
1.2 的服务器控件简介
的服务器控件主要有： 标签控件Label和Literal，按钮 控件Button、LinkButton和 ImageButton，文本框控件 TextBox，图像控件Image，超 链接控件HyperLink，复选框 CheckBox CheckBox，单选按钮 RadioButton，列表控件 DropDownList、ListBox，容器 类控件Panel，验证控件等。 本节首先介绍Label控件。 Label控件是用来在Web窗体上 显示静态文本，要显示的具体 内容通过其Text属性来设置。 操作过程是：如图所示的工具 箱中单击Label控件按钮，按住 鼠标左键，将其拖拽到设计区 然后释放鼠标左键即可。
《WEB程序设计》PPT课件
Web网页设计及编程语言
主讲 李雅红
目录
第1章 Web应用程序概述 第2章 HTML网页设计 第3章 VBScript脚本编程 第4章 ASP内建对象编程 第5章 Web与数据库集成 第6章 网上论坛设计 第7章 网上考试系统设计
2／241
第1章 Web应用程序概述
1.1 理解Web应用程序 1.2 理解ASP工作原理 1.3 配置ASP开发环境 1.4 设置Dreamweaver站点
具有更好的可扩展性与可定制性，6／数24据1 处理方面更是引入了许多新技
术。
Байду номын сангаас
1.1 理解Web应用程序
第1章目录
• 1.1.5 Web应用开发工具
• 1. 记事本
•
如果用记事本作为网页编辑器，则应当确保文件有一个正确的扩
展名。默认情况下记事本为文件设置的扩展名是.txt。因此，在记事
本中保存文件时，必须为文件指定一个适当的扩展名。
1.1 理解Web应用程序
第1章目录
• 1.1.4 Web应用开发技术
• 1. ASP
•
ASP（Active Server Pages）是Microsoft公司开发的动态网页
技术标准，主要与Microsoft的服务器产品IIS和PWS一起使用。ASP是
一种Web服务器端的脚本环境，可以用来创建动态Web页或Web应用程
（1）计算机。 （2）光纤、同轴电缆和双绞线等传输媒体。 （3）通信网卡：用于收发数据。 （4）集线器(Hub)：用来把多台计算机连在一起。 （5）交换机(Switch)：用来扩展带宽及连接多台计算机。 （6）路由器(或ATM交换机)：负责路径管理和网络交通的控制。 2）计算机网络中的软件 计算机网络中的软件主要分为5类。 （1）操作系统 （2）通信协议 （3）管理软件 （4）交换与路由软件 （5）应用软件 •
主讲 李雅红
目录
第1章 Web应用程序概述 第2章 HTML网页设计 第3章 VBScript脚本编程 第4章 ASP内建对象编程 第5章 Web与数据库集成 第6章 网上论坛设计 第7章 网上考试系统设计
2／241
第1章 Web应用程序概述
1.1 理解Web应用程序 1.2 理解ASP工作原理 1.3 配置ASP开发环境 1.4 设置Dreamweaver站点
具有更好的可扩展性与可定制性，6／数24据1 处理方面更是引入了许多新技
术。
Байду номын сангаас
1.1 理解Web应用程序
第1章目录
• 1.1.5 Web应用开发工具
• 1. 记事本
•
如果用记事本作为网页编辑器，则应当确保文件有一个正确的扩
展名。默认情况下记事本为文件设置的扩展名是.txt。因此，在记事
本中保存文件时，必须为文件指定一个适当的扩展名。
1.1 理解Web应用程序
第1章目录
• 1.1.4 Web应用开发技术
• 1. ASP
•
ASP（Active Server Pages）是Microsoft公司开发的动态网页
技术标准，主要与Microsoft的服务器产品IIS和PWS一起使用。ASP是
一种Web服务器端的脚本环境，可以用来创建动态Web页或Web应用程
（1）计算机。 （2）光纤、同轴电缆和双绞线等传输媒体。 （3）通信网卡：用于收发数据。 （4）集线器(Hub)：用来把多台计算机连在一起。 （5）交换机(Switch)：用来扩展带宽及连接多台计算机。 （6）路由器(或ATM交换机)：负责路径管理和网络交通的控制。 2）计算机网络中的软件 计算机网络中的软件主要分为5类。 （1）操作系统 （2）通信协议 （3）管理软件 （4）交换与路由软件 （5）应用软件 •
Web应用程序设计案例教程第2章
6
2.2.2 的基本对象
1. OleDbConnection对象
☺ 要对数据库进行各种操作，OleDbConnection对象负责与数据库取得联系，
语法格式：
格式1：Dim 对象名称 As New OleDbConnection() 格式2：Dim 对象名称 As New OleDbConnection("连接字符串")
16
【课外拓展 课外拓展】 课外拓展
利用显示图书表所有记录的信息。
17
本章小结
本章简述了网上书店数据库，介绍了SQL语句， 重点讲述了数据库访问模型和基本 概念，通过实例介绍了访问数据库 的方法。 使用访问数据库的步骤通常为：先 通过Connection对象建立与数据源的连接，然 后直接通过Command对象或DataAdapter对象 加载Command对象执行对数据库的操作(插入、 查询、删除、修改)，若为查询操作则由被填 充的DataSet对象来访问数据。 通过本章的学习，读者要掌握访问 数据库的过程。
2.2.2 的基本对象
6. SqlDataReader对象 ☺SqlDataReader对象用来从SQL Server数据库中得到一个只读的、 单向的数据流。用于完成从SqlCommand.ExecuteReader方法形 成的SqlDataReader中读取数据。其主要属性和主要方法与 OleDbDataReader对象相似。 7. DataSet对象 ☺DataSet对象是的“断开”结构的核心组件，其主要作 DataSet 用是实现独立于任何数据源的数据访问。建立此对象的格式为： ☺Dim 对象名称 As New DataSet() 8. OleDbDataAdapter对象 ☺OleDbDataAdapter对象执行各种SQL语句，并将操作结果填入 Dataset对象中，因此OleDbDataAdapter在此所扮演的角色是担 任数据库与Dataset对象之间沟通的桥梁。 9. SqlDataAdapter对象 ☺Dataset对象总是要和SqlDataAdapter对象配合使用。 SqlDataAdapter对象的作用如同Dataset对象和数据源之间的桥梁。
Web程序设计(第4版)-第5章
《Web程序设计》(第4版)，电子工业出版社，2015，ISBN：9787121260360
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文件中）的、具有解 释执行的特征。
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文件中）的、具有解 释执行的特征。
第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程序设计第二版
什么是Web ？ Web的工作原理 Web服务器
什么是Web ？
什么是Web ？
互联网 = {所有上网的主机}
各种服务器，如：Web服务，FTP服务器，Email服务器，NNTP服 务器，应用服务器 ，etc.
客户机
WWW ={Web服务器，Web客户机}
Web服务器
网络操作系统 Web服务组件，如Apache/Tomcat，IIS
在1995年Sun虽然推出了Java，但这只是一种语言，而要想开发复杂的应 用程序，必须要有一个强大的开发库支持。
Sun在1996年1月23日发布了JDK1.0
JDK的构成
运行环境（即JRE）
核心API 集成API 用户界面API 发布技术 Java虚拟机(JVM)
开发环境（即JDK)
Web服务器
Web服务器计算机
安装网络操作系统 安装Web服务程序
Web服务程序
接受客户端（浏览器）的HTTP访问 产品
Windows服务器中的IIS Apache+Tomcat
Web浏览器
HTML或XML文档阅读器
符合HTML规范，标记
脚本程序
内置脚本程序引擎，解释执行客户端脚本程序
不同操作系统平台有不同的JVM
Java API
用于Java编程，各种JDK
Java的特点
Java程序“编写一次，到处运行”
编译后生成字节码（.class文件），不是exe 。class文件在JVM上运行，而不是在OS上
完全面向对象
Java语言环境
JDK（Java Development Kit,Java开发工具包）
Web客户机
Web浏览器，如IE，Mahton，Firefox
什么是Web ？
什么是Web ？
互联网 = {所有上网的主机}
各种服务器，如：Web服务，FTP服务器，Email服务器，NNTP服 务器，应用服务器 ，etc.
客户机
WWW ={Web服务器，Web客户机}
Web服务器
网络操作系统 Web服务组件，如Apache/Tomcat，IIS
在1995年Sun虽然推出了Java，但这只是一种语言，而要想开发复杂的应 用程序，必须要有一个强大的开发库支持。
Sun在1996年1月23日发布了JDK1.0
JDK的构成
运行环境（即JRE）
核心API 集成API 用户界面API 发布技术 Java虚拟机(JVM)
开发环境（即JDK)
Web服务器
Web服务器计算机
安装网络操作系统 安装Web服务程序
Web服务程序
接受客户端（浏览器）的HTTP访问 产品
Windows服务器中的IIS Apache+Tomcat
Web浏览器
HTML或XML文档阅读器
符合HTML规范，标记
脚本程序
内置脚本程序引擎，解释执行客户端脚本程序
不同操作系统平台有不同的JVM
Java API
用于Java编程，各种JDK
Java的特点
Java程序“编写一次，到处运行”
编译后生成字节码（.class文件），不是exe 。class文件在JVM上运行，而不是在OS上
完全面向对象
Java语言环境
JDK（Java Development Kit,Java开发工具包）
Web客户机
Web浏览器，如IE，Mahton，Firefox
Web技术与应用课件
Web技术与应用
学习要点： 1． 掌握Web的基本概念和基础知识。 2． 熟悉C/S模式与B/S模式的结构。 3 ．了解常用的Web开发工具。 4．了解Web开发的基本技术。 5. 了解Web 2.0的特点及相关技术。
第1章 Web开发技术概述
Web技术与应用
1 使用环境和使用方式 1） 单机系统 (计算技术) 单用户单任务 多用户多任务(VAX PDP) 控制台命令方式(串行运行、独占) 交互命令方式(交替串行、并发、并行 共享) 2） 网络系统(计算技术 通信技术) 多用户 多任务 （物理资源、逻辑资源共享） (C/S模式) (B/S模式)
Web技术与应用
Web访问的机理
Web技术与应用
Web开发平台的组成
.NET开发平台 2000年6月，微软公司宣布其.NET战略。2001年，ECMA通过了Microsoft提交的C#语言和CLI标准，这两个技术标准构成了.NET平台的基石。2002年，Microsoft正式发布.NET Framework和Visual Studio .NET开发工具。 微软公司的.NET战略揭示了一个全新的境界，提供了一个新的软件开发模型。.NET战略的一个关键特性在于它独立于任何特定的语言或平台。它不要求程序员使用一种特定的程序语言。相反，开发者可使用多种.NET兼容语言的任意组合来创建一个.NET应用程序。多个程序员可致力于同一个软件项目，但分别采用自己最精通的.NET语言编写代码。
Web技术与应用
C/S模式与B/S模式
C/S计算模式将应用一分为二：前端是客户机，几乎所有的应用逻辑都在客户端进行和表达，客户机完成与用户的交互任务。后端是服务器，它负责后台数据的查询和管理、大规模的计算等服务。通常客户端的任务比较繁重，称作“肥”客户端，而服务器端的任务较轻，称作“瘦”服务器。
Web应用程序设计案例教程第6章
3. 利用DataGrid控件输出后台数据库中的数据 4. DataGrid控件分页功能 ☺利用DataGrid控件进行分页，只要设置其分页属性并编写其分页 事件过程的程序代码即可。 5. DataGrid控件排序功能 ☺DataGrid控件除了可以分页外，还可以进行排序。 ☺DataGrid控件本身并不具有排序的能力，所有的排序工作都必须 在DataView中进行。
4
6.1.3 DataGrid控件
DataGrid控件是一个二维的数据网络，用来以表格形式显示数据 源的数据和以列为单位设定各列的操作类型。 1. DataGrid控件的属性设置 ☺HorizontalAlign及GridLines属性可以设置的值 ☺HorizontalAlign Center 水平居中HorizontalAlign Left 水平向 左HorizontalAlign Right 水平向右 ☺GridLines None 没有网格线 ☺GridLines Horizontal 产生水平网格线 ☺GridLines Vertical 产生垂直网格线 GridLines Both DataGrid控件允许以各种方式指定要显示的列。 为了更精确地控制列的内容和布局，可以定义所示的列类型。 ☺BoundColumn(绑定列)显示绑定到数据源的列 ☺ButtonColumn(按钮列)为列中每个项显示一个命令按钮 ☺EditCommandColumn(编辑列)显示一列，该列包含列中各个项的 编辑命令 ☺HyperLinkColumn(超链接列)将列中各项的内容显示为超链接形式 ☺TemplateColumn(模板列)按照指定的模板显示列中的各项
5
6.1.3 DataGrid控件
2. DataGrid控件的【属性生成器】 ☺在集成开发环境中，提供了一个【属性生成器】，使程序 设计者通过简单直观的生成器，轻松完成DataGrid显示格式和操 作模式的设计，具体操作过程如下。
Web应用程序设计案例教程第4章
教 学 导 航
章 章
(1) 利用Response对象进行页面跳转与提示信息输出 (2) 利用Application对象和Session 对象实现简单计数器 (3) 实现用户登录功能 (1) 培养学生的自主学习能力和知识应用能力 (2) 培养学生勤于思考、认真做事的良好作风 使用Response对象进行页面跳转与提示信息输出 用户登录功能的实现 理论实践一体化，教、学、做合一 4课时(含课堂实践) 项目：设计用户登录模块 任务1：新建用户登录页面login.aspx 任务2：新建Web页面manage.aspx 任务3：修改Web.config文件内容 任务4：编写登录和注册按钮的程序代码，实现用户登录功能 新建项目→新建用户登录页面→添加所需控件→设置控件属性→编写程序代码、实现功能 (1) Response对象 (2) Application对象 (3) Session对象 (4) 的主要对象：SqlConnection、SqlCommand、SqlDataAdapter、DataSet等 Label控件、TextBox控件、Button控件
9
4.1.6 判断网页浏览者 是否处于断开状态
当网页浏览者从服务器端下载一个复杂的网页时，有 可能因等待时间太长而断开连接，此时服务器端并不 会因为网页浏览者的断开而自动停止当初网页浏览者 执行的程序，这样对服务器的资源来说无疑是种浪费。 所以必须判断出网页浏览者是否断开连接，以节省服 务器端的资源。可以利用 Response.IsClientConnected方法来判断网页浏览者 是否断开连接，当返回的值为False时，表示网页浏 览者已断开连接，此时可用Response.End方法来结 束输出，如下面的程序段。 If Response.IsClientConnected = False Then Response.End()End If 10
《Web程序设计》课件
HTML链接
HTML链接用于在网页中创 建超链接，指向其他网页或
资源。
链接由`<a>`标签定义，通 过`href`属性指定链接的目
标地址。
链接可以是外部链接（指向 其他网站的地址），也可以 是内部链接（指向同一网站
内的页面）。
链接可以使用相对路径或绝 对路径来指定目标地址。
01
02
03
04
05
03
HTML表单
HTML表单用于收集用户输入的数据，如 文本框、单选框、复选框、下拉列表等 。
表单元素包括`<form>`标签、输入元素 （如`<input>`）、选择元素（如 `<select>`和`<option>`）等。
表单数据可以通过POST或GET方法发送 到服务器进行处理。
表单在Web应用程序中有着广泛的应用 ，如在线调查、在线注册等。
于Web开发。
02
它最初被设计用于给网页添 加交互性，但现在已经广泛 用于构建复杂的单页应用和
后端服务器端开发。
03
JavaScript是ECMAScript标 准的一门实现，最新的
ECMAScript标准是ES2023 。
JavaScript语法
01
JavaScript语法基于ECMAScript规范，由关键字、
04
属性选择器
属性选择器用于选择具有特定 属性或属性值的元素。例如， `[target="_blank"]`选择器将 选择所有具有“target”属性 且值为“_blank”的元素。
CSS样式属性
01
字体属性
02
字体属性用于设置文本的字体 、大小、粗细、行高等。例如 ，`font-family`用于设置字体， `font-size`用于设置字体大小， `font-weight`用于设置字体粗 细等。
Web应用程序设计案例教程第3章
的信息。 ☺Type属性：指定要比较的数据类型。 ☺Operator属性：指定要执行的比较运算类型，在Web页面 中添加CompareValidator控件，并将其链接到要做比较验证 的输入控件，就可以指定输入控件为比较输入控件。
10
3.3.3 RangeValidator控件
1. RangeValidator控件的功能 ☺RangeValidator控件是指用户在Web窗体页上输入数据时，检查 输入的值是否在指定的上下限范围之内的一种验证。 2. RangeValidator控件的主要属性 ☺MinimumValue属性：用来指定范围的下限值。 ☺MaximumValue属性：用来指定范围的上限值。 3. RangeValidator控件的应用 ☺通过在Web页面中添加RangeValidator控件，并将其链接到要做 的范围验证的输入控件，并且指定要验证的值的数据类型，就可 以验证该控件输入的值是否在指定范围内。 应用RangeValidator控件进行范围验证的操作步骤如下。 ☺(1)将RangeValidator控件添加到页中。 ☺(2)使用MaximumValue和MaximumValue属性来设置范围的上、 下限值。 ☺(3)设置Type属性，指定范围设置的数据类型，可以使用string、 integer、double或currency类型名。 ☺(4)如果是编程验证，可在Web窗体代码中添加测试代码，以检查 有效性。
添加TextBox控件的方法与添加Label控件相同。
2. DropDownList控件 ☺DropDownList控件就是我们经常见到的下拉列表，是在众
多的列表项中选择一项。此控件的选择项的数据可以是静态 绑定，也可以是通过程序动态绑定，这种列表项较少的直接 使用静态绑定比较方便，但是出生日期中的年月日列表项比 较多，使用静态绑定就显得比较麻烦，这种情况下就应采用 动态绑定。
10
3.3.3 RangeValidator控件
1. RangeValidator控件的功能 ☺RangeValidator控件是指用户在Web窗体页上输入数据时，检查 输入的值是否在指定的上下限范围之内的一种验证。 2. RangeValidator控件的主要属性 ☺MinimumValue属性：用来指定范围的下限值。 ☺MaximumValue属性：用来指定范围的上限值。 3. RangeValidator控件的应用 ☺通过在Web页面中添加RangeValidator控件，并将其链接到要做 的范围验证的输入控件，并且指定要验证的值的数据类型，就可 以验证该控件输入的值是否在指定范围内。 应用RangeValidator控件进行范围验证的操作步骤如下。 ☺(1)将RangeValidator控件添加到页中。 ☺(2)使用MaximumValue和MaximumValue属性来设置范围的上、 下限值。 ☺(3)设置Type属性，指定范围设置的数据类型，可以使用string、 integer、double或currency类型名。 ☺(4)如果是编程验证，可在Web窗体代码中添加测试代码，以检查 有效性。
添加TextBox控件的方法与添加Label控件相同。
2. DropDownList控件 ☺DropDownList控件就是我们经常见到的下拉列表，是在众
多的列表项中选择一项。此控件的选择项的数据可以是静态 绑定，也可以是通过程序动态绑定，这种列表项较少的直接 使用静态绑定比较方便，但是出生日期中的年月日列表项比 较多，使用静态绑定就显得比较麻烦，这种情况下就应采用 动态绑定。
Web应用程序设计案例教程第9章
第9章 购物结算与订单查询模块设计
购物结算中心用于将购物车中的商品进行结算， 生成订单并提交。 生成订单之后，系统才会处理发货，也就是说 系统在确认订单付款之后就会进行发货。 对于购物车中的商品若不生成订单，系统是不 会去处理的。 生成订单之后，系统将自动删除客户购物车中 的商品信息。 本章将介绍结算中心与订单查询。
17
【课外拓展 课外拓展】 课外拓展
利用Panel控件实现订单结算中心与订单查询 在同一个Web窗体上。
18
本章小结
订单结算中心是一个网上购物的主要模块，用 户下订单并付款后，系统将进行发货处理。 本章介绍了订单表与详细订单表的不同操作和 利用Panel控件实现控件的显示与隐藏。 Panel 通过本章的学习，读者应了解一个按钮事件可 以对多张表进行多次操作及Panel控件的应用。
章
章
3
9.1 设计购物结算模块
购物结算中心主要就是根据客户购物车中的商 品生成订单和详细订单。
4
9.1.1 创建Web项目
创建Web项目的操作如下。 (1) 在合适的位置创建文件夹ch9_1，且将该文件夹设置为Web 共享文件夹，即虚拟目录。 (2) 启动Visual 2003，在Visual 2003集 成开发环境中，选择【文件】|【新建】|【项目】命令，打开【新 建项目】对话框。 (3) 在【新建项目】对话框的【项目类型】列表中选择【Visual Basic项目】，在【模板】列表中选择【 Web应用程序】 命令。 (4) 在【位置】文本框中输入http://localhost/ch9_1，单击【确定】 按钮，系统自动生成一个项目和多个相关文件，其中文件 WebForm1.aspx就是主页面文档。 (5) 在【解决方案资源管理器】中修改WebForm1.aspx文档的名 称为order.aspx。 至此，一个名为ch9_1的Web项目已建立完毕。
购物结算中心用于将购物车中的商品进行结算， 生成订单并提交。 生成订单之后，系统才会处理发货，也就是说 系统在确认订单付款之后就会进行发货。 对于购物车中的商品若不生成订单，系统是不 会去处理的。 生成订单之后，系统将自动删除客户购物车中 的商品信息。 本章将介绍结算中心与订单查询。
17
【课外拓展 课外拓展】 课外拓展
利用Panel控件实现订单结算中心与订单查询 在同一个Web窗体上。
18
本章小结
订单结算中心是一个网上购物的主要模块，用 户下订单并付款后，系统将进行发货处理。 本章介绍了订单表与详细订单表的不同操作和 利用Panel控件实现控件的显示与隐藏。 Panel 通过本章的学习，读者应了解一个按钮事件可 以对多张表进行多次操作及Panel控件的应用。
章
章
3
9.1 设计购物结算模块
购物结算中心主要就是根据客户购物车中的商 品生成订单和详细订单。
4
9.1.1 创建Web项目
创建Web项目的操作如下。 (1) 在合适的位置创建文件夹ch9_1，且将该文件夹设置为Web 共享文件夹，即虚拟目录。 (2) 启动Visual 2003，在Visual 2003集 成开发环境中，选择【文件】|【新建】|【项目】命令，打开【新 建项目】对话框。 (3) 在【新建项目】对话框的【项目类型】列表中选择【Visual Basic项目】，在【模板】列表中选择【 Web应用程序】 命令。 (4) 在【位置】文本框中输入http://localhost/ch9_1，单击【确定】 按钮，系统自动生成一个项目和多个相关文件，其中文件 WebForm1.aspx就是主页面文档。 (5) 在【解决方案资源管理器】中修改WebForm1.aspx文档的名 称为order.aspx。 至此，一个名为ch9_1的Web项目已建立完毕。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
通过这个协议，可以浏览网络上的各种信息， 在浏览器上看到丰富多彩的内容。
基于HTTP的客户端/服务端信息通信分为4个过 程：建立连接、发送请求、发送响应信息、关 闭连接。
福建工程学院——杨亚蕾
——WEB应用程序设计
1.2.3 B/S结构简介
Browser/Server（浏览器/服务器） B/S结构是三层体系结构
WEB应用程序设计
主讲：杨亚蕾
——WEB应用程序设计
联系方式
电话：13055521622 E-mail：yang_yalei@ 办公地址：C2-305 信息工程教研室
福建工程学院——杨亚蕾
——WEB应用程序设计
课程简介
专业课 先导课程：计算机网络，JAVA语言，静
态网页制作（HTML） 注重实践，快速掌握JSP编程技术。
在通常的开发过程中，JSP主要负责与用户交互的界面 的实现，而Servlet主要负责请求处理结束后的跳转控制。 这两者有着不可分割的联系，也有一些区别。在学习过 程中应该抓住这两种技术各自的特点，灵活地将其应用 在合适的地方。
福建工程学院——杨亚蕾
——WEB应用程序设计
1.3.1Байду номын сангаасServlet简介
福建工程学院——杨亚蕾
——WEB应用程序设计
1.3.2 Servlet的生命周期
Servlet的生命周期可以分为4个阶段：载 入、初始化、执行、删除
福建工程学院——杨亚蕾
——WEB应用程序设计
1.3.3 JSP简介
福建工程学院——杨亚蕾
——WEB应用程序设计
第1章 JSP概述
JSP（Java Server Pages） 由Sun Microsystems公司倡导、许多公
司参与建立的一种动态网页技术标准。 JSP技术由Java语言作为脚本语言。 JSP为整个服务器端Java库单元提供了一
个接口，该接口服务于HTTP应用程序。
HTTP
Browser (浏览器）
Web 服务器
HTML
数据库
福建工程学院——杨亚蕾
——WEB应用程序设计
1.2.4 C/S结构简介
C/S是Client/Server的缩写，C/S结构是二层结 构平台模式。C/S结构要求客户端要安装指定的 软件，客户端负责执行前端的数据处理，服务 端进行后端的服务处理。目前大多数的网络游 戏都是采用C/S结构。C/S结构如图所示。
如果客户端要查看其他页面，Web浏览器会向Web服务器 发送其他请求，同时Web服务器用相应的Web页面做出响 应。
福建工程学院——杨亚蕾
——WEB应用程序设计
1.2.2 HTTP简介
HTTP（Hyper Text Transfer Protocol，超文 本传输协议）是一种Internet上常见的协议，用 于传输超文本标记语言（Hyper Text Markup Language HTML）编写的文件，也就是通常 所说的网页。
Servlet是用Java编写的服务端程序，它 与协议和平台无关。Servlet运行在Java Web Server上，并采用了请求－响应的 模式提供服务。在介绍Servlet时需要了 解另一种技术——CGI。CGI（Common Gateway Interface）是HTTP服务器与其 他机器上的程序进行“交谈”的一种工具， 其程序必须运行在网络服务器上。
福建工程学院——杨亚蕾
——WEB应用程序设计
教材
Web程序设计--JSP 孙延鹏 吕晓鹏 编著 人民邮电出版社 网址：
福建工程学院——杨亚蕾
——WEB应用程序设计
主要内容
JSP简介 JSP实现网站计数器 JSP实现用户注册 JSP与Servlet实现用户登录 JSP与JavaBean实现用户信息查询 JSP实现图片上传和读取显示 JSP实现留言板 综合案例
福建工程学院——杨亚蕾
——WEB应用程序设计
1.2.5 B/S结构与C/S结构比较
B/S结构与C/S结构有着本质上的不同。 在软件规划过程中，需要恰当地选择软件 结构。这两种结构各有优缺点
服务器负荷量，维护费用，升级方便性， 选择性，安全性
福建工程学院——杨亚蕾
——WEB应用程序设计
1.2.6 网站的构成
福建工程学院——杨亚蕾
——WEB应用程序设计
1.1 Java语言简介
面向对象的高级编程语言 最早诞生于1991年 Sun公司 Oak 1994年
Java SE, Java EE, Java ME
福建工程学院——杨亚蕾
——WEB应用程序设计
1.2 Web基础
万维网（World Wide Web，WWW）是 英国人TimBerners-Lee于1989年在欧洲 共同体的一个大型科研机构任职时发明的。 通过WWW Internet上的资源可以在一个 网页中比较直观地表示出来，而且网页之 间可以通过链接跳转。
福建工程学院——杨亚蕾
——WEB应用程序设计
1.3 Servlet和JSP技术
Servlet和JSP技术都是属于Web层的技术。这两项技术 都可以解决动态网页的生成问题，但最好的方式是取两 项技术各自的长处：JSP负责网页表现设计，Servlet负 责跳转控制。每一个JSP文件在执行之前都会被转化成 Servlet文件，如图1-3所示。
Web 2.0
福建工程学院——杨亚蕾
——WEB应用程序设计
1.2.1 Web简介
Web定义了Web客户端（Web浏览器）和Web 服务端如何通信。
通过浏览器访问 发送一系列简单的消息来相互通信。
首先，客户端通过Web浏览器向Web服务器发出一个消息， 请求希望接收的一个特定的Web页面，如果页面存在， Web服务器做出响应，并返回一个包含响应Web页面的消 息。
网站结构一般分为3层：用户界面交互层、应用 程序层、数据库层，
在本书中，用户界面交互层通常采用JSP或者 HTML来创建界面，利用JavaScript和CSS来 丰富界面效果。
应用程序层主要使用Java语言来处理各种不同 的业务需求，在数据库层可以通过一些存储过 程来处理数据的存储和检索。
业务要求。所谓业务就是要实现的功能。
基于HTTP的客户端/服务端信息通信分为4个过 程：建立连接、发送请求、发送响应信息、关 闭连接。
福建工程学院——杨亚蕾
——WEB应用程序设计
1.2.3 B/S结构简介
Browser/Server（浏览器/服务器） B/S结构是三层体系结构
WEB应用程序设计
主讲：杨亚蕾
——WEB应用程序设计
联系方式
电话：13055521622 E-mail：yang_yalei@ 办公地址：C2-305 信息工程教研室
福建工程学院——杨亚蕾
——WEB应用程序设计
课程简介
专业课 先导课程：计算机网络，JAVA语言，静
态网页制作（HTML） 注重实践，快速掌握JSP编程技术。
在通常的开发过程中，JSP主要负责与用户交互的界面 的实现，而Servlet主要负责请求处理结束后的跳转控制。 这两者有着不可分割的联系，也有一些区别。在学习过 程中应该抓住这两种技术各自的特点，灵活地将其应用 在合适的地方。
福建工程学院——杨亚蕾
——WEB应用程序设计
1.3.1Байду номын сангаасServlet简介
福建工程学院——杨亚蕾
——WEB应用程序设计
1.3.2 Servlet的生命周期
Servlet的生命周期可以分为4个阶段：载 入、初始化、执行、删除
福建工程学院——杨亚蕾
——WEB应用程序设计
1.3.3 JSP简介
福建工程学院——杨亚蕾
——WEB应用程序设计
第1章 JSP概述
JSP（Java Server Pages） 由Sun Microsystems公司倡导、许多公
司参与建立的一种动态网页技术标准。 JSP技术由Java语言作为脚本语言。 JSP为整个服务器端Java库单元提供了一
个接口，该接口服务于HTTP应用程序。
HTTP
Browser (浏览器）
Web 服务器
HTML
数据库
福建工程学院——杨亚蕾
——WEB应用程序设计
1.2.4 C/S结构简介
C/S是Client/Server的缩写，C/S结构是二层结 构平台模式。C/S结构要求客户端要安装指定的 软件，客户端负责执行前端的数据处理，服务 端进行后端的服务处理。目前大多数的网络游 戏都是采用C/S结构。C/S结构如图所示。
如果客户端要查看其他页面，Web浏览器会向Web服务器 发送其他请求，同时Web服务器用相应的Web页面做出响 应。
福建工程学院——杨亚蕾
——WEB应用程序设计
1.2.2 HTTP简介
HTTP（Hyper Text Transfer Protocol，超文 本传输协议）是一种Internet上常见的协议，用 于传输超文本标记语言（Hyper Text Markup Language HTML）编写的文件，也就是通常 所说的网页。
Servlet是用Java编写的服务端程序，它 与协议和平台无关。Servlet运行在Java Web Server上，并采用了请求－响应的 模式提供服务。在介绍Servlet时需要了 解另一种技术——CGI。CGI（Common Gateway Interface）是HTTP服务器与其 他机器上的程序进行“交谈”的一种工具， 其程序必须运行在网络服务器上。
福建工程学院——杨亚蕾
——WEB应用程序设计
教材
Web程序设计--JSP 孙延鹏 吕晓鹏 编著 人民邮电出版社 网址：
福建工程学院——杨亚蕾
——WEB应用程序设计
主要内容
JSP简介 JSP实现网站计数器 JSP实现用户注册 JSP与Servlet实现用户登录 JSP与JavaBean实现用户信息查询 JSP实现图片上传和读取显示 JSP实现留言板 综合案例
福建工程学院——杨亚蕾
——WEB应用程序设计
1.2.5 B/S结构与C/S结构比较
B/S结构与C/S结构有着本质上的不同。 在软件规划过程中，需要恰当地选择软件 结构。这两种结构各有优缺点
服务器负荷量，维护费用，升级方便性， 选择性，安全性
福建工程学院——杨亚蕾
——WEB应用程序设计
1.2.6 网站的构成
福建工程学院——杨亚蕾
——WEB应用程序设计
1.1 Java语言简介
面向对象的高级编程语言 最早诞生于1991年 Sun公司 Oak 1994年
Java SE, Java EE, Java ME
福建工程学院——杨亚蕾
——WEB应用程序设计
1.2 Web基础
万维网（World Wide Web，WWW）是 英国人TimBerners-Lee于1989年在欧洲 共同体的一个大型科研机构任职时发明的。 通过WWW Internet上的资源可以在一个 网页中比较直观地表示出来，而且网页之 间可以通过链接跳转。
福建工程学院——杨亚蕾
——WEB应用程序设计
1.3 Servlet和JSP技术
Servlet和JSP技术都是属于Web层的技术。这两项技术 都可以解决动态网页的生成问题，但最好的方式是取两 项技术各自的长处：JSP负责网页表现设计，Servlet负 责跳转控制。每一个JSP文件在执行之前都会被转化成 Servlet文件，如图1-3所示。
Web 2.0
福建工程学院——杨亚蕾
——WEB应用程序设计
1.2.1 Web简介
Web定义了Web客户端（Web浏览器）和Web 服务端如何通信。
通过浏览器访问 发送一系列简单的消息来相互通信。
首先，客户端通过Web浏览器向Web服务器发出一个消息， 请求希望接收的一个特定的Web页面，如果页面存在， Web服务器做出响应，并返回一个包含响应Web页面的消 息。
网站结构一般分为3层：用户界面交互层、应用 程序层、数据库层，
在本书中，用户界面交互层通常采用JSP或者 HTML来创建界面，利用JavaScript和CSS来 丰富界面效果。
应用程序层主要使用Java语言来处理各种不同 的业务需求，在数据库层可以通过一些存储过 程来处理数据的存储和检索。
业务要求。所谓业务就是要实现的功能。