近期对web基础进行学习和整理

一、静态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等),通过网连接到服务器上,使用HTTP协议发起请求(Request),现在的所有请求都先经过一个WEB Server来处理。
如果客户端请求的是静态资源(.htm或者是.htm),则将请求直接转交给WEB服务器,之后WEB服务器从文件系统中取出内容,发送回客户端浏览器进行解析执行。

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

三、区别

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){
a
}else {
b
}
%>
服务器在读取到这段代码后,根据相应的业务逻辑,编译成相应的servlet,再由servlet输出到页面(输出的就是html)。

静态页面一般使用Apache,动态页面一般使用tomcat进行加载。

静态页面与动态页面的web访问相关推荐

  1. web 静态页面和动态页面的区别

    文章目录 一.静态web页面: 二.动态web页面: 为什么需要web服务器?(web server) 三.关于两者区别的简单直接的描述 四.实验测试 一.静态web页面: 1.在静态Web程序中,客 ...

  2. 基于python爬虫————静态页面和动态页面爬取

    基于python爬虫----静态页面和动态页面爬取 文章目录 基于python爬虫----静态页面和动态页面爬取 1. 爬虫的原理 2. 用正则表达式匹配获取数据 3. 页面源码解析 4. 通过req ...

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

    静态页面和动态页面的区别 一.静态web页面: 1.在静态Web程序中,客户端使用Web浏览器(IE.FireFox等)经过网络(Network)连接到服务器上,使用HTTP协议发起一个请求(Requ ...

  4. 静态页面和动态页面中的静态和动态到底指的是什么

    今天讨论一个话题,这是在考研的专业课考试中的一个问题:静态页面和动态页面的联系和区别 ,这考的我就很猝不及防 ,这个方面虽然以前有了解 ,但是理解得并不深刻,网安方向涉及到的东西太多了,慢慢学习吧~首 ...

  5. iOS实现一个包含若干页面和子页面的“打卡”App

    iOS实现一个包含若干页面和子页面的"打卡"App 开发环境 Mac OS Objective-C Xcode 实验目的 学习使用纯代码进行UI布局 学习TableView,UIC ...

  6. 返回动态html,使用硒返回动态页面的html代码

    我想抓取这个网站,问题是它的动态加载.使用硒返回动态页面的html代码 基本上我想要什么,我可以从浏览器控制台中看到的,不是我所看到的,当我点击右键>节目源. 我已经尝试了一些硒的例子,但我不能 ...

  7. 通过Web Api 和 Angular.js 构建单页面的web 程序

    在传统的web 应用程序中,浏览器端通过向服务器端发送请求,然后服务器端根据这个请求发送HTML到浏览器,这个响应将会影响整个的页面,比如说:用户通过一个连接导航到一个页面,会发送一个请求到服务器端, ...

  8. 利用腾讯云为静态页面添加“动态”相册

    title: 利用腾讯云为静态页面添加"动态"相册 date: 2019-11-24 10:52:34 tags: 腾讯云cos桶 Frontend categories: Fro ...

  9. 子页面调用父页面的js方法或参数(iframe.contentWindow)

    子页面调用父页面的js方法或参数 子页面调用父页面的参数 父页面调用子页面的参数或方法 相关链接 子页面调用父页面的参数 window.parent.aa();//调取aa函数 window.pare ...

最新文章

  1. iOS超全开源框架、项目和学习资料汇总:UI篇
  2. 安装MySQL之后修改编码方式
  3. nginx参数配置(3)待续
  4. 使用 Microsoft .NET Framework 精简版中的 MessageWindow 类
  5. es6学习笔记11--Proxy和Reflect
  6. mysql 4.0.21 下载_W2K下安装 MYSQL 4.0.21 手记
  7. python计算机视觉编程调试问题
  8. apache lucene_全文搜索Apache Lucene简介
  9. python矩阵中的冒号:
  10. 10.Java 面试题整理(CORBA 方面)
  11. Android-动画简介
  12. PHP网站安装程序制作的原理、步骤、注意事项和示例代码
  13. 【经典算法题】排列序列
  14. settings.xml
  15. 高效能人士的七个习惯读后感与总结概括-(第四章)
  16. 一年中最后一个月的最后一天说说_2020年最后一个月的朋友圈说说句子
  17. 如何开好项目验收会?
  18. 第一行代码Android技巧1——知晓当前是在哪一个活动
  19. java 随机字母_如何用java随机生成一个字母
  20. 什么是Arduino? 了解有关此开源电子平台的信息

热门文章

  1. 【复盘7】距离考研还有88天【补充作息时间表】
  2. html制作宣传页面
  3. Druid技巧之使用PrepareStatement时输出完整SQL语句
  4. 汇编语言常用的DOS功能调用
  5. NFVA35065L32 IGBT 650V 汽车智能功率模块 (ASPM) 特征
  6. error C2061: 语法错误: 标识符“acosf”
  7. OCP 11G 051题库解析笔记-1
  8. 基于摄像头的车道线检测方法一览
  9. Mac上的Safari怎么屏蔽特定网站
  10. 【Kotlin学习之旅】解决错误:kotlin.NotImplementedError: An operation is not implemented: Not yet implemented