Web系统与技术Word下载.docx
《Web系统与技术Word下载.docx》由会员分享，可在线阅读，更多相关《Web系统与技术Word下载.docx（90页珍藏版）》请在冰豆网上搜索。
应用程序application计数器
浏览器状态跟踪技术：
cookie
ASP技术特征
ASP作为解释性程序
针对每个页面的每次请求，都需要服务器对代码重新解释，重新运行
网站执行效率差
ASP是一种半过程，半对象化的语言环境，不支持面向对象的多数概念和观点
和主流的面向对象语言与开发方法不兼容
ASP技术简单易学
结构化的编程语言比较流行
1.2.2ASP.NET网页编程技术
一种全新的开发平台和技术,支持完全的面向对象开发技术
ASP.NET4.0
支持多种面向对象的开发语言
VB.net,c#
支持完全的面向对象设计技术
强大的工具支持
VisualS
简单性和易学性
强大的工具支持：
ASP.net使运行一些很平常的任务如表单的提交客户端的身份验证、分布系统和网站配置变得非常简单。
例如ASP.net页面构架允许你建立你自己的用户分界面，使其不同于常见的VB-Like界面。
1.2.3JavaWeb编程技术
JavaWeb开发技术是基于特定标准的
JSP标准和Servlet标准
具有平台和服务器独立性，能够在所有兼容这些标准的服务器中运行
Tomcat,Weblogic,Websphere
JavaWeb技术是构建在开放过程和源码基础上的
开发效率和方法方面，Java既提倡基于记事本的纯手工式开发，也支持象JBuilder、Eclipse等大型软件开发环境
前者十分适合JavaWeb技术学习者
大型软件开发工具的开发方法适合于软件公司的高效率开发
学校的教务系统，工商银行的网上银行都是基于JSP的相关技术来构建的。
开发工具方面，由于主要是为了演示功能，因此，我们主要是使用记事本来演示相应的功能。
下一步会使用eclipse等这些集成开发环境
1.3Javaweb技术介绍
1.JSP技术
2.Servlet技术
3.JavaBean
4.JavaFilter
5.XML
6.HTML和JavaScript
XML是一种有着广泛意义的技术，和Java特别是JavaWeb技术有着完美的结合
HTML和JavaScript是针对浏览器进行程序设计的技术
语法构成
HTML标记
JavaScript脚本
Java构成的服务器端脚本
JSP内置标记
简单易学
编译性程序
首次执行慢，以后的执行速度比较快
Servlet是一种服务器端的Java应用程序，具有独立于平台和协议的特性,可以生成动态的Web页面。
它担当客户请求（Web浏览器或其他HTTP客户程序）与服务器响应（HTTP服务器上的数据库或应用程序）的中间层。
Servlet是位于Web服务器内部的服务器端的Java应用程序，与传统的从命令行启动的Java应用程序不同，Servlet由Web服务器进行加载，该Web服务器必须包含支持Servlet的Java虚拟机
JSP本身就是就是一种Servlet程序
是一个普通的Java类
3.JavaBean技术
Java中的组件对象模型
满足JavaBean规范的一个普通Java类
可以有UI界面，也可以没有UI界面
用于封装固有的算法，例如数据库操作算法、数据类型转换算法
4.JavaFilter技术
是Java技术对切面编程技术的支持
JavaFilter组件通过对流经数据进行处理而允许用户对系统整体行为进行操作
用途
非业务性功能、系统性功能
安全验证、系统日志、请求逻辑进行编码
5.XML技术
XML:
（eXtensiveMarkupLanguage,可扩展标记语言）
应用十分广泛的技术
在JavaWeb中的应用
数据展现
配置文件保存
数据存储和传输
6.HTML和JavaScript技术
针对浏览器进行程序设计的技术
是JavaWeb开发的基础
1.4JavaWeb程序环境配置
JavaWeb运行环境对应一个支持JavaWeb标准的服务器
Tomcat、WebLogic、WebSphere等
Tomcat6.0
编译部署，需要用到JDK1.6
1.4.1Tomcat安装和配置
首先安装JavaSE6，安装完后配置相应JAVA_HOME，CLASSPATH，PATH
我的电脑-右键属性-高级-环境变量
JAVA_HOMEC:
\ProgramFiles\Java\jdk1.6.0_21
采用下面语法配置CLASSPATH语法
.;
%JAVA_HOME%\lib\dt.jar;
%JAVA_HOME%\lib\tools.jar
主要将当前路径、dt.jar和tools.jar的路径添加到CLASSPATH中即可
另外需要将JDK的bin路径加载到PATH环境变量中
启动Tomcat6.0安装程序
Tomcat6.0的管理界面
1.4.2Java应用程序开发环境配置
在本课程的整个程序演示中需要使用如下类包
javaee.jar，用于提供对JSP和Servlet的编译支持
Activation、mail两个类包，用于提供对邮件收发的支持
commons-io-1.3.1.jar、commons-fileupload-1.2.jar用于提供对文件上载的功能支持
请保证上面的类包被设置到了计算机的CLASSPATH环境变量中
1.4.3Java应用程序体验
Tomcat6.0应用程序配置方法
1.直接在webapp目录下建立文件夹即可（推荐使用这种方式）
2.修改conf/server.xml文件
在<
host>
节点中增加
<
contextpath=“/ch01”docBase=“c:
\chapter01”>
/context>
需要重新启动tomcat服务器
演示程序内容
新建一个JSP文件
分别使用html、javascript、jsp服务器端脚本输出一段文字
内容提要
1.1软件编程体系及应用开发架构
1.1.1软件编程体系架构
1.4JavaWeb应用程序环境配置
目录结构和教材上的不完全一致
作业
1.熟练掌握JavaWeb运行环境的配置方法
2.参考教材1.3.3节的内容，练习Web应用程序的创建方法。
目标：
掌握Tomcat上Web应用程序的创建方法
3.自学HTML规范
第2章HTML编程技术
本章主要对HTML应用程序开发方法进行讨论
2.1HTML文件执行过程
2.2HTML文件结构
2.3HTML常用标记
2.4HTML中的表格
2.5HTML表单
2.6HTML窗口切分
2.1HTML文件执行过程--概述
HTML（HyperTextMarkupLanguage,超文本置标语言）
是SGML（StandardGeneralizedMarkupLanguage）语言的一个应用，是WWW“世界”的通用“语言”。
WWW“世界”诸服务器与浏览器之间通过它互相沟通。
WWW“世界”中的信息可以通过它来“表现”。
没有HTML就没有WWW“世界”。
目前的版本是HTML4.0，下一个版本是HTML5.0
HTML不是程序设计语言，而是一种结构语言。
HTML与平台无关，只要是相同的浏览器。
HTML有许多元素，文档通过元素置标就形成了所谓的HTML文档。
HTML也是文本文件，所以可以用纯文本编辑器来编辑（如Windows的记事本、写字板）
其后缀名必须是.html或.htm
只有通过浏览器才可以对HTML文档进行相应的解释。
Word文件只能有office来打开是一样的。
如果用其它软件来打开，可能就是乱码
HTML文件执行过程
HTML程序需要在浏览器上执行
HTML文件的存放地址
Web服务器上
首先将HTML文件从服务器下载到本地缓冲区，然后再通过浏览器来显示
本地系统中
直接使用浏览器读取本地的HTML文件
HTML是一种通过标记定义浏览器显示格式的数据。
HTML标记控制了文本在浏览器上的显示效果和位置
HTML标记个数有限（100个左右）
浏览器访问远程HTML文件
HTML文件被提取到客户浏览器上后才会进行第5步所刻画的处理过程，该过程中浏览器解释HTML文件中的程序语句，并将解释结果显示在浏览器界面上，就是浏览器上网页的显示效果。
服务器在HTML网页显示的过程中没有任何特殊作用
具
体
客
户
浏览器
服务器
浏览器访问本地HTML文件
HTML文件被保存在本地磁盘上，浏览器直接从本地磁盘读取HTML文件，并将文件内容解析成为浏览器的显示效果。
HTML中的标记被分程了头标记和体标记
头标记只能出现在HTML文件头部，
体标记则出现在HTML文件体部
HTML头部<
head>
<
/head>
HTML体部<
body>
/body>
HTML的基本语法
HTML的主要语法是标记、标记属性和内容注释。
标记—用于描述功能的符号。
如：
TITLE>
一个HTML实例<
/TITLE>
标记属性—HTML语言的的标记具有一定的属性，如：
BODYbgcolor=“red”>
内容注释—基本格式：
!
--注释内容-->
HTML>
HEAD>
网页的标题<
/HEAD>
BODY>
网页的内容，很多标记都作用于此。
/BODY>
/HTML>
HTML文档的基本架构
整份文件处于标记<
与<
之间
用以声明这是HTML文件，让浏览器认出并正确处理此HTML文件。
文件分两部分
由<
至<
/HEAD>
称为开头，<
/BODY>
称本文。
基本上两者各有适用的标记，如<
只可出现于开头部分。
开头部分用以存载重要信息，而只有本文部分会被显示。
所以大部分标记会运用于本文部分。
所标示的是文件的标题，会出现于浏览器顶部，所以每页有不同而明确的标题是需要的。
特点
2-1
文本体中可以规定整个文档的一些属性：
Bgcolor------背景色
Background------背景文件
Bgproperties-------背景图片是否跟着卷动
text------文本色
Link------超级链接对象的颜色
Alink------连接中对象的颜色
Vlink------连接后对象的颜色
标记<
Body>
------<
/Body>
2-2.htm
HTML标记的执行过程
HTML文件中，头部分标记首先被加载执行，然后体中的内容才能被加载执行。
HTML体中的标记，按照标记出现的先后次序被加载和执行。
HTML头部标记
meta>
标记用于对整个HTML文档进行说明
属性名称
种类
描述
Generator
描述性（name）
描述产生网页的工具，例如“MicrosoftFrontPage”
keywords
描述性（name）
网页内容关键字，通常会被网页搜索引擎获取
Description
对网页主要内容进行简单刻画
Author
网页作者，例如是“比特塞威斯”
Robots
对搜索引擎的配置信息，其值可以是如下几种：
1）all，文件内容被检索，文件上的超链接被查询；
2）none，文件内容不被检索，文件上的超链接不被查询；
3）index，文件将被检索；
4）follow，页面上的超链接可以被查询；
5）noindex，文件不被检索，但上面的超链接被索引；
Content-Type/
Content-Language
http-equiv
网页内容所使用的文字和语言
Refresh
http-equiv
指定网页在指定时间内跳转到特定网页
Expires
指定网页过期时间，一旦网页过期就必须到服务器上重新提取，设定时间的格式为“Mon,12May200700:
20:
00GMT”
Pragma
通常是“no-cache”，用于禁止浏览器从本地缓存中加载网页，该网页没有办法离线访问。
网页的自动跳转功能-2-3.html
Meta标记的refresh属性能够定义页面的自动跳转
metahttp-equiv="
refresh"
content="
3;
url="
/>
标记只有开始标记没有结束标记，这种标记称为孤标记。
孤标记建议<
*****/>
写法
提问：
如果body元素不全会怎么样？
2.3.1HTML图形标记
2.3.2HTML超链接
2.3.3HTML换行、分段与字体标记
2.3.4HTML列表标记
2.3.5span、div和pre标记
20/80法则（20/80rule） 又名帕累托法则、二八定律、帕累托定律、最省力法则、不平衡原则。
此法则是由意大利经济学家帕累托提出的。
80/20的法则认为：
原因和结果、投入和产出、努力和报酬之间本来存在着无法解释的不平衡。
一般来说，投入和努力可以分为两种不同的类型：
多数，它们只能造成少许的影响；
少数，它们造成主要的、重大的影响。
HTML语言通过<
img>
标记在网页上显示图片
是image的缩写
具有如下4个常用属性：
1）src，该属性用于指定图片路径（相对路径和绝对路径）；
2）height和width，分别用于指定图片的长和宽；
3）border用于指定图片边宽
imgsrc=“Imgtop.jpg”border=“1”width=“200”height=“100”/>
例子2-4
建议使用相对路径
提供了在不同网页之间进行跳转的功能
基本上链接分成
外部链接—链接至网络的某个URL网址或文件
内部链接—链接本HTML文件的某个区段
格式<
Ahref=“”target=“”>
显示文本.<
/A>
链接指令，相关属性：
HREF链接的URL位址或文件
TARGET指定链接到的URL位址或文件显示于那一个窗口
_blank在新窗口显示链接目标网页
_self在当前窗口显示链接目标网页
_parent在父窗口显示链接目标网页
_top在浏览器窗口显示链接目标网页
_search在搜索窗口显示链接目标网页
例子：
自身窗口<
AHREF=“http:
//
新窗口<
//target=“_blank”>
北建工<
br/>
标记单独出现，用于使网页文本另起一行
p>
/p>
标记实现文字分段。
用于在网页内插入新的段落，可以成对也可以不成对
font>
标记用于指定文字所使用的字体特征，
Color:
设置字体的颜色
Size:
设置字体的大小
Face：
设置字体风格（字体的风格通常形式有：
宋体、隶书等）
例子2-6.html
html>
title>
/title>
fontcolor="
blue"
size="
5"
face="
隶书"
>
高兴<
/font>
今个高兴
今个真高兴<
/html>
OL>
/OL>
实现有序列表,条列前面是数字，类似：
苹果
香蕉
桃子
UL>
实现无序列表,条列前面是符号，类似：
列表中的列表项通过<
LI>
实现
2-7.html
标题标记<
Hi>
（i=1,2,3,4,5,6）
标题按照级别被分成了6级：
h1>
、<
h2>
h3>
h4>
h5>
h6>
6个标记
成对出现，用于设置标题，隐含换行的作用，H1最大，H6最小。
span和div都没有特定样式特点
span是行元素，用于实现行数据的选定
div是块元素（非常重要的一个元素）
div对应了通常所说“层”的概念
例如：
div>
任何一段话<
/div>
仅在html中使用，是没有任何意义的。
pre>
标记，用于将源代码中的排版格式保留输出到浏览器
由于在第三章和第四章都会再用到div，所以这里就不再举例子。
功能
创建一个滚动的文本字幕，使文字或图片产生移动效果。
格式
marquee>
显示的数据<
/marquee>
2-9.htm
“跑马灯”标记marquee
参数
direction表示滚动的方向，值可以是left，right，up，down，默认为left
behavior表示滚动的方式，值可以是scroll（连续滚动）slide（滑动一次）alternate（来回滚动）
loop表示循环的次数，值是正整数，默认为无限循环
scrollamount表示运动速度，值是正整数，默认为6
scrolldelay表示停顿时间，值是正整数，默认为0，单位是毫秒
valign表示元素的垂直对齐方式，值可以是top，middle，bottom，默认为middle
align表示元素的水平对齐方式，值可以是left，center，right，默认为left
bgcolor表示运动区域的背景色，值是16进制的RGB颜色，默认为白色
height、width表示运动区域的高度和宽度，值是正整数（单位是像素）或百分数，默认width=100%height为标签内元素的高度
hspace、vspace表示元素到区域边界的水平距离和垂直距离，值是正整数，单位是像素。
2.4.1表格基本结构
2.4.2表格常用属性
2.4.3特殊表格的构造
表格由<
table>
tr>
td>
构成
表示一个表格；
对应表格中的一行，是<
的子标记
代表表格中的一个单元格，是<
Background属性用于设置表格或行的背景图片；
Bgcolor属性用于设置表格或行的背景色；
valign属性用于设置行或单元格的垂直对齐方式
该属性有三种取值：
top、middle、bottom，分别对应上对齐、居中对齐、居下对齐；
align属性用于设置行或单元格的水平对起属性
left、center、right，分别对应左对齐、中对齐、右对齐。
2-10.htm
通过<
的colspan和rowspan属性可以构造不规则表格
clospan属性用于指定当前单元格横跨的单元格个数，
rowspan用于刻画单元格所跨越的行数
2-11.htm
2.5HTML表单（form）
表单是客户浏览器向服务器程序提交数据的一种途径
form>
是一种数据标记，该标记没有格式
通过控件实现用户数据的接收。
中可以包含<
input>
textarea>
等标记。
Action属性设定数据提交的方法
Post方式，post一次提交的数据量可以很大
Get方式，以url编码方式传递，
数据和url之间通过？
符号间隔开
不同的变量通过&
符号分割开；
同一个变量的变量名和变量值通过=符号分割开
2-3.html?
name=aa&
pwd=123&
se
升级会员 