WEB 基础知识(一)
1. 系统架构
1.1 B/S系统架构
1.2 C/S系统架构
1.3 对比与区别
1.3.1 概述
C/S结构,即Client/Server(客户机/服务器)结构,是大家熟知的软件系统体系结构,通过将任务合理分配到Client端和Server端,降低了系统的通讯开销,可以充分利用两端硬件环境的优势。早期的软件系统多以此作为首选设计标准。。
B/S结构,即Browser/Server(浏览器/服务器)结构,是随着Internet技术的兴起,对C/S结构的一种变化或者改进的结构。在这种 结构下,用户界面完全通过WWW浏览器实现,一部分事务逻辑在前端实现,但是主要事务逻辑在服务器端实现,形成所谓3-tier结构。B/S结构,主要是 利用了不断成熟的WWW浏览器技术,结合浏览器的多种Script语言(VBScript、JavaScript…)和ActiveX技术,用通用浏览器 就实现了原来需要复杂专用软件才能实现的强大功能,并节约了开发成本,是一种全新的软件系统构造技术。随着Windows 98/Windows 2000将浏览器技术植入操作系统内部,这种结构更成为当今应用软件的首选体系结构。
1.3.2 详述
Client/Server一般是建立在局域网的基础上的.Browser/Server一般是建立在广域网的基础上的.
1.硬件环境不同:
C/S 一般建立在专用的网络上, 小范围里的网络环境, 局域网之间再通过专门服务器提供连接和数据交换服务.
B/S 建立在广域网之上的, 不必是专门的网络硬件环境,例与电话上网, 租用设备. 信息自己管理. 有比C/S更强的适应范围, 一般只要有操作系统和浏览器就行
2.对安全要求不同
C/S 一般面向相对固定的用户群, 对信息安全的控制能力很强. 一般高度机密的信息系统采用C/S 结构适宜. 可以通过B/S发布部分可公开信息.
B/S 建立在广域网之上, 对安全的控制能力相对弱, 面向是不可知的用户群.
3.对程序架构不同
C/S 程序可以更加注重流程, 可以对权限多层次校验, 对系统运行速度可以较少考虑.
B/S 对安全以及访问速度的多重的考虑, 建立在需要更加优化的基础之上. 比C/S有更高的要求 B/S结构的程序架构是发展的趋势, 从MS的.Net系列的asp.net, java的servlet,python的django等.
4.系统维护不同
C/S 程序由于整体性, 必须整体考察, 处理出现的问题以及系统升级. 升级难. 可能是再做一个全新的系统。对于用户来说C/S升级维护需要重新安装一个程序.
B/S 构件组成,方面构件个别的更换,实现系统的无缝升级. 对于用户来说最多是刷新下页面。
5.操作系统不同
C/S 程序可以处理用户面固定, 并且在相同区域, 安全要求高需求, 与操作系统相关. 应该都是相同的系统
B/S 建立在广域网上, 面向不同的用户群, 分散地域, 这是C/S无法作到的. 与操作系统平台关系最小.
6.对本地接口的调用不同
C/S 多是建立的Window平台上,需要对本地API接口操作较多.
B/S 建立在浏览器上,浏览器都会有沙箱,对本地API接口操作必须通过浏览器才可以完成.
7.通讯协议不同
C/S一般是自建通讯协议,大部分是基于TCP或者SOCKET之上重新定义业务通讯协议
B/S 通讯协议是HTTP协议,已经规定好通讯协议,不可改变
2. 前端
指的是浏览器端(B端)的技术,相当于C/S中的C,只是C是固定的(浏览器)
浏览器固定了哪些东西:
- UI的技术:HTML+CSS+JS
- 通讯的协议:HTTP
- 对本地API的操作:上传文件等
B端存在几种常见的浏览器:Chrome,IE,FireFox等。不同的浏览器基于标准实现的具体细节不一样。因此需要考虑浏览器兼容性问题。
3. 后端
需要解决的问题:
- 解析HTTP协议----一般由WEB服务器完成,tomcat等各种(也可以自己写socket,接收http请求,自己封装)
- 业务处理
数据的验证
数据保存 - 页面响应
基本流程是这些,所以抽象出来一些所谓的框架及技术。
java:
> Servlet技术(将HTTP的解析、页面响应与业务处理区分开),分为WEB服务器(Tomcat等)和应用程序(各种war包)
> 页面响应技术: JSP、servlet、freemarker等等
> 业务处理:各种MVC的后端框架(spring mvc、Struts等)
> 数据处理:hibernate、spring jdbc等
python:
> Python Web服务器网关接口(或者缩写为WSGI,读作“wizgy”),将WEB服务器和应用程序分开
> django 业务处理各种等
4. 参考
http://python.jobbole.com/81523/
http://baike.baidu.com/link?url=JE-Xpf-h0uBKCl3wPK9GQQ0U3tqtcql2ra_d1368tdQQ6FOGpiCunES9MYmH6gTfn5IJPJfBlkvP5C82QYHqOSFmW3BUhegxCCq0ixk7VJz-M9CT0YznLBnzCWc-5jCD
http://zhidao.baidu.com/link?url=YK05yEAorh3NkdMX2oA1y6pTwZjCl7qMzCdXPgNCRwbbHYb-V6J7nnF0c_PRpolZbfB-T3cLwrKbO-Aph5f4YXdkFkvm-4SL5AXTdGN-DIy