Web系统与技术.docx
- 文档编号:6059576
- 上传时间:2023-01-03
- 格式:DOCX
- 页数:90
- 大小:69.67KB
Web系统与技术.docx
《Web系统与技术.docx》由会员分享,可在线阅读,更多相关《Web系统与技术.docx(90页珍藏版)》请在冰豆网上搜索。
Web系统与技术
1.1.2企业应用开发架构
多层设计
在构建企业级应用的时候,通常需要大量的代码,而且这些代码一般分布在不同的计算机上,根据代码运行在不同计算机上的进行划分的理论就是多层设计
企业级应用系统
两层
三层
N层
两层架构
传统的两层应用包括用户接口和后台程序,后台程序通常是一个数据库,用户接口直接同数据库进行对话
实现上,通常使用ASP、ASP.NET、JSP或者VB等技术编写这类软件
三层架构
在两层应用中,应用程序直接同数据库进行对话。
三层结构在用户接口代码和数据库中间加入了一个附加的逻辑层,通常这个层叫做“业务逻辑层”
在“业务逻辑层”,如果第一层和第二层在不同的计算机上,通常该层利用的技术是EJB技术、CORBA技术和DCOM技术
在Java企业应用领域中,表示逻辑层通常可以是HTML、Applet、JSP,业务逻辑层一般利用EJB来实现
通过加入业务逻辑层,可是把常用的一些操作进行封装,这样有利于重用,也有利于系统维护
N层架构
如果某个应用超过三个独立的代码层,那么这个应用叫做N应用,就不再叫四层或者五层等名称,而是统称为N层
开发架构比较
两层架构
优点:
开发过程比较简单,利用服务器端的程序直接访问数据库,部署起来比较方便
缺点:
程序代码维护起来比较困难,程序执行的效率比较低,用户容量比较少
三层架构
基本解决了两层架构的缺点,将显示部分和逻辑流程控制分开,利用服务器应用程序实现显示部分,利用业务逻辑层实现程序的流程控制
优点:
分层使维护变的方便一些,而且执行效率也会有所提高
缺点:
相对而言,部署起来就比较困难一些
多层架构
根据实际的需要,会进一步细化每一层,或者添加一些层,就形成了N层架构,和三层架构一样,组件化的设计使维护相对容易,但是部署相对困难
任何事物都是两面的。
三层架构是目前用的最多的一种
我们刚开始的先开发两层架构,但是会告诉大家如何划分多层架构,之后就会基于三层架构来设计
根据实际的需要,会进一步细化每一层,或者添加一些层,就形成了N层架构,和三层架构一样,组件化的设计使维护相对容易,但是部署相对困难。
1.2主流web技术介绍
CGI(CommonGatewayInterface)程序
PHP
ASP
ASP.NET
JSP
Linux+PHP+MySql三架马车
1.2.1ASP网页编程技术
ASP(ActiveServerPages)
Microsoft推出的一种低端B-S结构软件系统解决方案
存在会话状态、应用程序状态、浏览器状态跟踪技术
能够产生动态HTML页面
能够操作数据库、实现数据的动态存取
ASP是一种基于脚本的解释性程序
JavaScript和VBScript
ASP是一种脚本和HTML混杂编排生成动态网页的技术
ASP脚本程序负责应用逻辑
HTML程序负责样式显示
会话session聊天室
应用程序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是针对浏览器进行程序设计的技术
1.JSP技术
语法构成
HTML标记
JavaScript脚本
Java构成的服务器端脚本
JSP内置标记
简单易学
编译性程序
首次执行慢,以后的执行速度比较快
2.Servlet技术
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文件
在
\chapter01”> 需要重新启动tomcat服务器 演示程序内容 新建一个JSP文件 分别使用html、javascript、jsp服务器端脚本输出一段文字 内容提要 1.1软件编程体系及应用开发架构 1.1.1软件编程体系架构 1.1.2企业应用开发架构 1.2主流web技术介绍 1.2.1ASP网页编程技术 1.2.2ASP.NET网页编程技术 1.2.3JavaWeb编程技术 1.3Javaweb技术介绍 1.4JavaWeb应用程序环境配置 1.4.1Tomcat安装和配置 1.4.2Java应用程序开发环境配置 1.4.3Java应用程序体验 目录结构和教材上的不完全一致 作业 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文件,并将文件内容解析成为浏览器的显示效果。 2.2HTML文件结构 HTML中的标记被分程了头标记和体标记 头标记只能出现在HTML文件头部, 体标记则出现在HTML文件体部 HTML头部
HTML体部
HTML的基本语法
HTML的主要语法是标记、标记属性和内容注释。
标记—用于描述功能的符号。
如:
标记属性—HTML语言的的标记具有一定的属性,如:
内容注释—基本格式:
--注释内容-->
网页的内容,很多标记都作用于此。
HTML文档的基本架构
整份文件处于标记与之间
用以声明这是HTML文件,让浏览器认出并正确处理此HTML文件。
文件分两部分
由
至称为开头,至称本文。基本上两者各有适用的标记,如
开头部分用以存载重要信息,而只有本文部分会被显示。
所以大部分标记会运用于本文部分。
特点
2-1
文本体中可以规定整个文档的一些属性:
Bgcolor------背景色
Background------背景文件
Bgproperties-------背景图片是否跟着卷动
text------文本色
Link------超级链接对象的颜色
Alink------连接中对象的颜色
Vlink------连接后对象的颜色
标记
2-2.htm
HTML标记的执行过程
HTML文件中,头部分标记首先被加载执行,然后体中的内容才能被加载执行。
HTML体中的标记,按照标记出现的先后次序被加载和执行。
HTML头部标记
标记用于对整个HTML文档进行说明
属性名称
种类
描述
Generator
描述性(name)
描述产生网页的工具,例如“MicrosoftFrontPage”
keywords
描述性(name)
网页内容关键字,通常会被网页搜索引擎获取
Description
描述性(name)
对网页主要内容进行简单刻画
Author
描述性(name)
网页作者,例如是“比特塞威斯”
Robots
描述性(name)
对搜索引擎的配置信息,其值可以是如下几种:
1)all,文件内容被检索,文件上的超链接被查询;2)none,文件内容不被检索,文件上的超链接不被查询;3)index,文件将被检索;4)follow,页面上的超链接可以被查询;5)noindex,文件不被检索,但上面的超链接被索引;
Content-Type/
Content-Language
http-equiv
网页内容所使用的文字和语言
Refresh
http-equiv
指定网页在指定时间内跳转到特定网页
Expires
http-equiv
指定网页过期时间,一旦网页过期就必须到服务器上重新提取,设定时间的格式为“Mon,12May200700:
20:
00GMT”
Pragma
http-equiv
通常是“no-cache”,用于禁止浏览器从本地缓存中加载网页,该网页没有办法离线访问。
网页的自动跳转功能-2-3.html
Meta标记的refresh属性能够定义页面的自动跳转
标记只有开始标记没有结束标记,这种标记称为孤标记。
孤标记建议<*****/>写法
提问:
如果body元素不全会怎么样?
2.3HTML常用标记
2.3.1HTML图形标记
2.3.2HTML超链接
2.3.3HTML换行、分段与字体标记
2.3.4HTML列表标记
2.3.5span、div和pre标记
20/80法则(20/80rule) 又名帕累托法则、二八定律、帕累托定律、最省力法则、不平衡原则。
此法则是由意大利经济学家帕累托提出的。
80/20的法则认为:
原因和结果、投入和产出、努力和报酬之间本来存在着无法解释的不平衡。
一般来说,投入和努力可以分为两种不同的类型:
多数,它们只能造成少许的影响;少数,它们造成主要的、重大的影响。
2.3.1HTML图形标记
HTML语言通过标记在网页上显示图片
是image的缩写
具有如下4个常用属性:
1)src,该属性用于指定图片路径(相对路径和绝对路径);
2)height和width,分别用于指定图片的长和宽;
3)border用于指定图片边宽
建议使用相对路径
2.3.2HTML超链接
提供了在不同网页之间进行跳转的功能
基本上链接分成
外部链接—链接至网络的某个URL网址或文件
内部链接—链接本HTML文件的某个区段
格式
HREF链接的URL位址或文件
TARGET指定链接到的URL位址或文件显示于那一个窗口
_blank在新窗口显示链接目标网页
_self在当前窗口显示链接目标网页
_parent在父窗口显示链接目标网页
_top在浏览器窗口显示链接目标网页
_search在搜索窗口显示链接目标网页
例子:
自身窗口 // 新窗口 //target=“_blank”>北建工 2.3.3HTML换行、分段与字体标记 标记实现文字分段。 用于在网页内插入新的段落,可以成对也可以不成对 标记用于指定文字所使用的字体特征, Color: 设置字体的颜色 Size: 设置字体的大小 Face: 设置字体风格(字体的风格通常形式有: 宋体、隶书等) 例子2-6.html
标记单独出现,用于使网页文本另起一行
今个高兴
今个真高兴
2.3.4HTML列表标记
苹果
香蕉
桃子
- 实现
2-7.html
标题标记
(i=1,2,3,4,5,6)标题按照级别被分成了6级:
、
、
、
、
、
6个标记
成对出现,用于设置标题,隐含换行的作用,H1最大,H6最小。
2.3.5span、div和pre标记
span和div都没有特定样式特点
span是行元素,用于实现行数据的选定
div是块元素(非常重要的一个元素)
div对应了通常所说“层”的概念
例如:
任何一段话仅在html中使用,是没有任何意义的。
标记,用于将源代码中的排版格式保留输出到浏览器
由于在第三章和第四章都会再用到div,所以这里就不再举例子。
功能
创建一个滚动的文本字幕,使文字或图片产生移动效果。
格式
例子:
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.4HTML中的表格
2.4.1表格基本结构
2.4.2表格常用属性
2.4.3特殊表格的构造
2.4.1表格基本结构
表格由
、
、 构成 表示一个表格;
对应表格中的一行,是 的子标记
代表表格中的一个单元格,是 的子标记 2.4.2表格常用属性
Background属性用于设置表格或行的背景图片;
Bgcolor属性用于设置表格或行的背景色;
valign属性用于设置行或单元格的垂直对齐方式
该属性有三种取值:
top、middle、bottom,分别对应上对齐、居中对齐、居下对齐;
align属性用于设置行或单元格的水平对起属性
该属性有三种取值:
left、center、right,分别对应左对齐、中对齐、右对齐。
例子:
2-10.htm
2.4.3特殊表格的构造
通过
的colspan和rowspan属性可以构造不规则表格 clospan属性用于指定当前单元格横跨的单元格个数,
rowspan用于刻画单元格所跨越的行数
例子:
2-11.htm
2.5HTML表单(form)
表单是客户浏览器向服务器程序提交数据的一种途径
- 实现无序列表,条列前面是符号,类似:
苹果
香蕉
桃子
列表中的列表项通过