静态页面和动态页面的区别

转载 2017年01月03日 10:35:18

一、静态web页面:

1、在静态Web程序中,客户端使用Web浏览器(IE、FireFox等)经过网络(Network)连接到服务器上,使用HTTP协议发起一个请求(Request),告诉服务器我现在需要得到哪个页面,所有的请求交给Web服务器,之后WEB服务器根据用户的需要,从文件系统(存放了所有静态页面的磁盘)取出内容。之后通过Web服务器返回给客户端,客户端接收到内容之后经过浏览器渲染解析,得到显示的效果。

2、为了让静态web页面显示更加好看,使用javascript/VBScript/ajax(AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。)但是这些特效都是在客户端上借助于浏览器展现给用户的,所以在服务器上本身并没有任何的变化。

3、静态web无法连接数据库;

4、静态web资源开发技术:HTML;

5、由于现在的web页面中,大量使用JS,导致浏览器打开页面,就会占用大量的内存,服务端的压力是减轻了,但压力转移到了客户端。

 

 

二、动态web页面:

动态WEB中,程序依然使用客户端和服务端,客户端依然使用浏览器(IE、FireFox等),通过网络(Network)连接到服务器上,使用HTTP协议发起请求(Request),现在的所有请求都先经过一个WEB Server来处理。

如果客户端请求的是静态资源(*.htm或者是*.htm),则将请求直接转交给WEB服务器,之后WEB服务器从文件系统中取出内容,发送回客户端浏览器进行解析执行。

 

如果客户端请求的是动态资源(*.jsp、*.asp/*.aspx、*.php),则先将请求转交给WEB Container(WEB容器),在WEB Container中连接数据库,从数据库中取出数据等一系列操作后动态拼凑页面的展示内容,拼凑页面的展示内容后,把所有的展示内容交给WEB服务器,之后通过WEB服务器将内容发送回客户端浏览器进行解析执行。

 

再进一步深入分析动态web的访问过程:浏览器访问web时,看似是直接访问的jsp页面,其实是,最先到达的地方是服务器,服务器创建好req和resp对象后再给jsp页面使用。在jsp中完成设置字符集和取得表单参数后再调用servlet,完成业务处理。然后返回到jsp,jsp就会生成相应的html页面。该页面会返回到服务器,再由服务器,通过response对象返回给客户端。

 

为什么需要web服务器?(web server)

1)不管什么web资源,想被远程计算机访问,都必须有一个与之对应的网络通信程序,当用户来访问时,这个网络通信程序读取web资源数据,并把数据发送给来访者。

2)WEB服务器就是这样一个程序,它用于完成底层网络通迅,处理http协议。使用这些服务器,We应用的开发者只需要关注web资源怎么编写,而不需要关心资源如何发送到客户端手中,从而极大的减轻了开发者的开发工作量。

 

常用动态web资源开发技术:JSP/Servlet、ASP、PHP等。

 

 

三、关于两者区别的简单直接的描述

1、静态页面就是设计者把页面上所有东西都设定好、做死了,然后放上去,不管是谁在任何时候看到的页面内容都是一样的,一成不变(除非手动修改页面内容)。静态html页面文件,可以直接用本地的浏览器打开。比如:file:///Users/Phil/Documents/DevOps/HBuilderProjects/testJSP/index.html。

2、动态页面的内容一般都是依靠服务器端的程序来生成的,不同人、不同时候访问页面,显示的内容都可能不同。网页设计者在写好服务器端的页面程序后,不需要手工控制,页面内容会按照页面程序的安排自动更改变换。

3、html是w3c规范的一种网页书写格式,是一种统一协议语言,静态网页。我们上网看的网页都是大部分都是基于html语言的。jsp是一种基于动态语言,jsp可以实现html的所有任务,4、HTML(Hypertext Markup Language)文本标记语言,它是静态页面,和JavaScript一样解释性语言,为什么说是解释性语言呢?因为,只要你有一个浏览器那么它就可以正常显示出来,而不需要指定的编译工具,只需在TXT文档中写上HTML标记就可以正常显示。

JSP(Java Server Page)是Java服务端的页面,所以它是动态的,它是需要经过JDK编译后把内容发给客户端去显示,我们都知道,Java文件编译后会产生一个class文件,最终执行的就是这个class文件,5、JSP的前身是servlet;6、html和jsp的表头不一样,这个是JSP的头“ <%@ page language="java" import="java.util.*" pageEncoding="gbk"%>”在表头中有编码格式和倒入包等。也是很好区分的,在jsp中用<%%>就可以写Java代码了,而html没有<%%>。

7、,不认识jsp或者asp什么什么的,但是有时候界面需要逻辑控制,所以我们就用相应的技术来实现,这样比较方便。而jsp在后台通过服务器解析为相应的html,然后在供浏览器识别显示。例如

<%

if(flag == a){

<label>a<label>

}else {

<label>b<label>

}

%>

服务器在读取到这段代码后,根据相应的业务逻辑,编译成相应的servlet,再由servlet输出到页面(输出的就是html)。

 

四、实验测试

1、在HBuilder中创建jsp页面,其内置的web静态服务器不能解析jsp表头,只能作为文本显示输出,但是可以解析其中的html部分。浏览器不能直接打开jsp文件。jsp页面如果想正确的显示,需要web容器进行解析。



2、在IntelliJ中创建web application,需要启动tomcat,才能运行jsp,可以顺利解析jsp的表头。



参考来源:

http://www.cnblogs.com/wangshuo1/p/javaee_1.html

html和jsp的区别--静态页面和动态页面的区别

一、静态web页面,一般指html: 1、在静态Web程序中,客户端使用Web浏览器(IE、FireFox等)经过网络(Network)连接到服务器上,使用HTTP协议发起一个请求(Reques...
  • xuaman
  • xuaman
  • 2017年04月06日 15:43
  • 10498

关于静态页面和动态页面的解释

由于小伙伴经常搞不清楚动态页面和静态页面的区别 这里讲一下 一、静态web页面: 1、在静态Web程序中,客户端使用Web浏览器(IE、FireFox等)经过网络(Network)连...
  • yinzhipeng123
  • yinzhipeng123
  • 2016年11月04日 19:24
  • 651

(写给初学者)静态页面和动态页面的区别

一、静态web页面: 1、在静态Web程序中,客户端使用Web浏览器(IE、FireFox等)经过网络(Network)连接到服务器上,使用HTTP协议发起一个请求(Request),告诉服务器我现...
  • hehaiwei1234
  • hehaiwei1234
  • 2016年11月24日 10:28
  • 895

静态网页、动态HTML和动态网页三者的区别和联系

传统的HTML的网页元素是不动的,当它被加载到浏览器后,它只像一个画面,怎么看也不会发生变化。     我们把含有动态特效的页面叫做DHTML(Dynamic HTML的缩写,又叫动态HTML)...
  • liang1234_
  • liang1234_
  • 2015年12月22日 22:11
  • 4738

Java Web学习(2):静态网页与动态网页

一静态网页        (1)静态网页概述        在网站设计中,纯粹HTML(标准通用标记语言下的一个应用)格式的网页通常被称为“静态网页”,静态网页是 标准的HTML文件,它的文件扩...
  • erlian1992
  • erlian1992
  • 2016年07月09日 22:16
  • 5645

html和jsp的区别--静态页面和动态页面的区别

一、静态web页面,一般指html: 1、在静态Web程序中,客户端使用Web浏览器(IE、FireFox等)经过网络(Network)连接到服务器上,使用HTTP协议发起一个请求(Reques...
  • xuaman
  • xuaman
  • 2017年04月06日 15:43
  • 10498

动态页面,静态页面,伪静态页面的区别

我们经常会看到,在地址栏里有一些网址特别长,而且还带有“?”,这样的链接一般是动态链接,其所对应的页面就是动态页面。 在技术上,动态页面具有这些特征: 1,动态页面是以ASP、PHP、JSP、AS...
  • u010594850
  • u010594850
  • 2014年03月22日 22:57
  • 1597

JSP静态导入与动态导入

JSP静态导入(JSP指令标记include)         JSP页面第一次被请求时,会被JSP引擎转译成Servlet的Java文件,然后再被编译成字节码文件执行。JSP指令标记为JSP页面转译...
  • user_longling
  • user_longling
  • 2014年09月07日 13:10
  • 2919

(写给初学者)静态页面和动态页面的区别

一、静态web页面: 1、在静态Web程序中,客户端使用Web浏览器(IE、FireFox等)经过网络(Network)连接到服务器上,使用HTTP协议发起一个请求(Request),告诉服务器我现...
  • hehaiwei1234
  • hehaiwei1234
  • 2016年11月24日 10:28
  • 895

动态页面转静态页面

  • 2008年04月29日 11:14
  • 3KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:静态页面和动态页面的区别
举报原因:
原因补充:

(最多只允许输入30个字)