在公司做B/S 开发与维护三年啦, 对B/S架构的了解也是只知大概,对于这种基础知识还是很有必要理一理哒。趁空去网上查阅了资料,顺便整理一份笔记供以后查询。

一. B/S的概念

B/S(Brower/Server,浏览器/服务器)模式又称B/S结构,是Web兴起后的一种网络结构模式。Web浏览器是客户端最主要的应用软件。

这种模式统一了客户端,将系统功能实现的核心部分集中到服务器上,简化了系统的开发、维护和使用;

客户机上只需要安装一个浏览器,服务器上安装SQL Server, Oracle, MySql等数据库;浏览器通过Web Server同数据库进行数据交互。  

二. B/S工作原理

B/S架构采取浏览器请求,服务器响应的工作模式。

用户可以通过浏览器去访问Internet上由Web服务器产生的文本、数据、图片、动画、视频点播和声音等信息;

而每一个Web服务器又可以通过各种方式与数据库服务器连接,大量的数据实际存放在数据库服务器中;

从Web服务器上下载程序到本地来执行,在下载过程中若遇到与数据库有关的指令,由Web服务器交给数据库服务器来解释执行,并返回给Web服务器,Web服务器又返回给用户。在这种结构中,将许许多多的网连接到一块,形成一个巨大的网,即全球网。而各个企业可以在此结构的基础上建立自己的Internet。

一张图看懂B/S架构工作原理:

工作流程:

1. 客户端发送请求: 用户在客户端【浏览器页面】提交表单操作,向服务器发送请求,等待服务器响应;

2. 服务器端处理请求: 服务器端接收并处理请求,应用服务器端通常使用服务器端技术,如JSP等,对请求进行数据处理,并产生响应;

3. 服务器端发送响应: 服务器端把用户请求的数据(网页文件、图片、声音等等)返回给浏览器。

4. 浏览器解释执行HTML文件,呈现用户界面。

    ♦ 浏览器:

是阅读和浏览Web的工具,它是通过B/S方式与Web服务器交互信息的。

一般情况下,浏览器就是客户端,它要求服务器把指定信息传送过来,然后通过浏览器把信息显示在屏幕上。

浏览器实际上是一种允许用户浏览Web信息的软件,只不过这些信息是由Web服务器发送出来的。

♦ 服务器:

服务器(Server),它既是计算机硬件的称谓,有时又是计算机服务端软件的称谓,用户应该区分开它们,主要就是从语境上去区分。

(1)、服务器是一种计算机硬件:服务器应该算是一种高性能的计算机,它作为网络的节点,存储、处理网络上的数据、信息,因此也被称为网络的灵魂。

(2)、服务器是一种计算机软件:一般IIS服务器、Java服务器、.NET服务器等名词,一般都是指一种计算机软件。当用户使用计算机上网时,其实是访问服务器硬件。但 是,这个服务器硬件上安装了服务器软件,例如IIS服务器、Java服务器、.NET服务器,它们负责接收用户的访问请求,并根据请求经过计算将数据返回给用户的客户端(浏览器)。

服务器软件分为两类:一类是Web服务器;另一类是应用程序服务器(简称为App Server)。IIS服务器和Apache是最常用的Web服务器软件;Java服务器、.NET服务器、PHP服务器是最常用的应用程序服务器软件。

(3)、Web服务器:Web服务器实际上是一种连接在Internet上的计算机软件。它负责Web浏览器提交的文本请求。

♦ Web应用程序:

最简单的Web应用程序其实就是一些HTML文件和其它的一些资源文件组成的集合。

Web站点则可以包含多个Web应用程序。它们位于Internet上的一个服务器中,一个Web站点其实就对应着一个网络服务器(Web服务器).

三. B/S的优点:

1. B/S最大的优点就是可以在任何地方进行操作而不用安装任何专门的软件,只要有一台能上网的电脑就能使用,客户端零安装、零维护。系统的扩展非常容易。

2. 由需求推动了AJAX技术的发展,它的程序也能在客户端电脑上进行部分处理,从而大大的减轻了服务器的负担;并增加了交互性,能进行局部实时刷新。

3. B/S结构主要利用了不断成熟的Web浏览器技术:结合浏览器的多种脚本语言和ActiveX技术,用通用浏览器实现原来需要复杂专用软件才能实现的强大功能,节约了开发成本。

四. B/S体系结构的特点:

1. 由于Web支持底层的TCP/IP协议,使Web网与局域网都可以做到连接,从而彻底解决了异构系统的连接问题。

2. 由于Web采用了“瘦客户端”,使系统的开放性得到很大的改善,系统对将要访问系统的用户数的限制有所放松。

3. 系统的相对集中性使得系统的维护和扩展变得更加容易。比如数据库存储空间不够,可再加一个数据库服务器;系统要增加功能,可以新增—个应用服务器来运行新功能。

4. 界面统一(全部为浏览器方式),操作相对简单。

5. 业务规则和数据捕获的程序容易分发。

五. 与传统C/S的联系与区别:

• C/S(Client/Server),即客户端/服务端

我们把响应服务的计算机称为服务器,接受请求服务的计算机成为客户机【也叫工作站(workstations)】。

C/S架构软件(即客户机/服务器模式)分为客户机和服务器两层:第一层是在客户机系统上结合了表示与业务逻辑,第二层是通过网络结合了数据库服务器。

简单的说就是第一层是用户表示层,第二层是数据库层。需要程序员自己写客户端。

• B/S(Brower/Server),即浏览器/服务器

B/S 与C/S 的两层架构不同,它采取三层架构。只要有浏览器就可以打开,具体工作原理如下。

一张图看懂C/S与B/S的区别:

补充:

1. HTTP处理流程是怎么样的?

建立连接-->客户端浏览器发送请求信息--->web服务器解析请求并找到相应的资源将文件以及其它信息组成HTTP响应返回客户端-->关闭连接。

2. 集中式服务器:

服务器,是担负服务任务的机器。这些服务任务由一般专门的软件来完成。

一般地,把具有某种服务功能的服务器软件及其所在的机器,都统称为XX服务器(XX表示某种具体服务)。

这些软件可以集中于一台机器中(如图5),这样的机器可以称为集中式服务器;也可以单独存在于某台机器中,这样的机器可以称为独立式服务器,多个独立式服务器可组成服务器群或矩阵。

由交换机可以将多个服务器连接起来称为一个服务器群,以下是常见的服务器软件:

最后分享一款上传控件,详细配置信息可以参考这篇文章:http://blog.ncmem.com/wordpress/2019/09/10/php%e5%ae%9e%e7%8e%b0%e5%a4%a7%e8%a7%86%e9%a2%91%e4%b8%8a%e4%bc%a0/

B/S实现大视频上传相关推荐

  1. 帝国cms后台上传大视频上传m3u8批量上传一次多个的解决思路和方法

    今天我们要解决的问题是,大视频文件上传以及切片m3u8文件的上传.上面一节内容,我们已经整体描述了视频类网站的解决思路和方法 .这节我们将分块来讲.假设的前提条件是,我们本地准备了一些视频原始素材,比 ...

  2. php实现大视频上传

    最近在学习百度的开源上传组件WebUploader,写了一些示例以记录.WebUploader的缺点是没有一个比较好的现成的界面,这个界面需要自己去实现.自由度高了一些. WebUploader是由B ...

  3. 大视频上传服务器,支持HTML5断点续传,支持4GB以上大视频文件上传

    当前,我们正处于一个视频爆炸的时代,高清智能手机人人都有,各种场景下的视频应用越来越多,4K高清视频正在普及,视频文件尺寸动辄几个GB.当我们需要和他人分享这些大视频时,视频的上传和断点续传文件立马出 ...

  4. 视频太大不能上传如何缩小?

    视频太大不能上传如何缩小?相信大家都有过这样的体验,由于工作原因需要向某个网站上传一个视频,然而因为网站有限制,视频由于超出限制的大小而不能上传.这种情况的发生概率非常的大,那么怎么办呢?唯一的办法就 ...

  5. html限制视频上传大小,微信公众号怎么上传大视频?可以上传多大的视频?

    原标题:微信公众号怎么上传大视频?可以上传多大的视频? 想在公众号文章中插入视频,但不知道公众号可以传多大的视频,这篇文章会给你答案,继续看下去吧~ 微信公众号视频大小限制多少 当写公众号文章时,我们 ...

  6. 利用WebUploader实现大文件上传和视频上传

    文件上传是网站开发必不可少的,常见的有图片上传.但是大文件和视频上传不常见.这里我将自己写的视频上传demo贴出来供大家参考: 利用是最新的WebUploader插件请 下载使用最新版即可 js代码 ...

  7. Instagram视频上传延迟优化

    视频传输延迟,尤其是在某些互动社交环境中,会严重影响用户的体验.Instagram多年来以降低视频上传延迟为重要指标,实现了多种优化策略.本文来自Instagram媒体基础设施团队软件工程师Ryan ...

  8. php视频上传教程,PHP实现视频文件上传完整实例,_PHP教程

    PHP实现视频文件上传完整实例, 本文以一个完整实例的形式实现了视频文件上传的功能.虽然是比较基础的应用,仍有一定的参考价值.分享给大家供大家参考之用.具体方法如下: 首先,对PHP来说视频也属于文件 ...

  9. 上传书籍进度信息到服务器...,使用HttpWebRequest实现大文件上传资料.pdf

    Twilight Software Development Studio © 2011 使用HttpWebRequest 实现大文件上传 Author:xuzhihong Create Date:20 ...

最新文章

  1. firefox固定为应用标签的功能很好用
  2. python【数据结构与算法】Python语法查询大宝剑(全)
  3. MySQL 高可用:mysql+mycat实现数据库分片(分库分表)
  4. php网页轮播图,JavaScript_JavaScript实现图片轮播的方法,本文实例讲述了JavaScript实现图 - phpStudy...
  5. 查看tensorflow是否支持GPU,以及测试程序
  6. WeChat 隐私政策
  7. 批量转换epub书籍为mobi电子书
  8. 面试题目之:为什么选择veu?与其他框架对比的优势和劣势?
  9. 如何处理给MacBook安装win10双系统时拷贝windows安装文件出错?
  10. 《货币金融学》学习笔记
  11. QAOA如何在NISQ处理器中展示应用级量子优势?
  12. 山东2016年高考高校理工科录取人数统计
  13. ​当AI搞起艺术来……
  14. Coinversation Protocol (铸币协议)简版白皮书及网站
  15. 什么是父子流程,与分合流有什么不同
  16. 图书推荐:《Web前端黑客技术揭秘》
  17. iloc和loc区别和应用总结
  18. android ui界面
  19. 一文解决Opencv四大经典算子——sobel算子、scharr算子、laplacian算子、canny算子
  20. NLP之共指消解总结

热门文章

  1. 电子科技大学毕业证明书补办流程记录
  2. win8.1计算机面临,Win8.1电脑运行慢的解决方法
  3. 分享最新Bios全程图解
  4. 《我的世界》迎来世代更新!Java天下第一,mc天下第一!
  5. 在 iOS 中实现 Google 灭霸彩蛋【有趣】
  6. 新版gsp药店计算机操作规程,2017最新版GSP单体药店质量管理制度及岗位职责及操作规程.doc...
  7. 手机各种版本比较 各种类型介绍 市售各种类型手机 行货 港版机
  8. 我电脑中乱七八糟的TXT文件
  9. *CTF2021部分题目解题思路及exp
  10. 全文检索功能(Lucene)