Web应用开发介绍

导读:本篇文章讲解 Web应用开发介绍,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

文章目录

一、概念

二、软件架构

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称为静态网页开发技术

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

Web应用开发介绍

 

(2)动态资源

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

特点:

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

  • 相关技术:jsp/servlet,php,asp…

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

Web应用开发介绍

 

三、 Web标准的构成

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

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

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

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

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

Web应用开发介绍

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/93466.html

(0)
小半的头像小半

相关推荐

极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!