Web系统与技术Word下载.docx
《Web系统与技术Word下载.docx》由会员分享,可在线阅读,更多相关《Web系统与技术Word下载.docx(90页珍藏版)》请在冰豆网上搜索。
![Web系统与技术Word下载.docx](https://file1.bdocx.com/fileroot1/2023-1/3/2893fbae-100f-4baf-8d2d-d1e22dfc352b/2893fbae-100f-4baf-8d2d-d1e22dfc352b1.gif)
应用程序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