Web应用开发介绍

文章目录

一、概念

二、软件架构

1.C/S架构

2.B/S架构

3.详解B/S架构

三、 静态资源三件套

---

一、概念

          Web的本意是蜘蛛网和网,在网页设计中称为网页。

         现在广泛译作为网络、互联网等技术领域,表现为三种形式,即超文本(hypertext)、超媒体(hypermedia)、超文本传输协议(HTTP)等。WEB技术指的是开发互联网应用的技术总称,一般包括WEB服务端技术和WEB客户端技术。

        Web是一种典型的分布式应用结构。Web应用中的每一次信息交换都要涉及客户端和服务端。因此, Web开发技术大体上也可以被分为客户端技术和服务端技术两大类。

 

二、软件架构

1.C/S架构

全称为：Client/Server  即：客户端/服务端架构

在用户本地有一个客户端程序发送请求，在远程有一个服务端程序响应请求，处理

如：QQ，迅雷，腾讯视频等应用

优点：用户体验好

缺点：开发 安装 部署 维护 很麻烦 

2.B/S架构

全称为：Browser/Server  即：浏览器/服务端架构

只需要一个浏览器，用户可以通过不同的网址（URL），来访问不同的服务器端程序

优点：开发 安装 部署 维护 简单

缺点：如果应用过大，用户的体验可能会受到影响

3.详解B/S架构

因为Web开发所采用的的架构模式就是B/S，所以下面来详细介绍一下：

其资源分为两类，一类是静态资源，另一类是动态资源：

（1）静态资源

使用静态网页开发技术发布的资源

特点：

• 所有用户访问，得到的结果是一致的

• 如：文本、图片、音频、视频等，HTML,CSS,JavaScript称为静态网页开发技术

• 如果用户请求的是静态资源，那么服务器会直接将静态资源发送给当前的浏览器。浏览器中内置的静态资源解析引擎可以解析并展示静态资源

 

（2）动态资源

使用动态网页开发技术发布的资源

特点：

• 所有用户访问，得到的资源可能不一样

• 相关技术：jsp/servlet,php,asp...

• 如果用户请求的是动态资源，那么服务器将会去执行动态资源，将其转换成静态资源后，再发送给浏览器

 

三、 Web标准的构成

主要包括结构（Structure）、表现（Presentation）、行为（Behavior）三个方面构成。

标准	说明
结构	结构用于对网页元素进行整理和分类，现阶段主要学习HTML
表现	表现用以设置网页元素的板式、颜色、大小等外观样式，主要指的是CSS
行为	行为是指网页模型的定义及交互的编写，现阶段主要指的是JavaScript

Web标准提出的最佳体验方案是：结构、样式、行为相分离。

即：结构、样式、行为分别写到对应的HTML、CSS、JavaScript文件中

下面用一张图片来生动形象地描述这三件套在Web标准中的构成：