+
+
Posts List
  1. 第三方内容
  2. Web前端框架
  3. Web应用
  4. Web开发框架
  5. Web服务器语言
  6. Web容器
  7. 存储
  8. 操作系统
  9. 浏览器

Web组件有哪些?

Web组件(横向分层,与HTTP数据流纵向结构对应):

组件层级 组件 举例
1 第三方内容 广告统计、mockup
2 Web前端框架 jQuery/Bootstrap/HTML5框架
3 Web应用 BBS/CMS/Blog
4 Web开发框架 Django/Rails/ThinkPHP
5 Web服务器语言 PHP/JSP/.NET
6 Web容器 Apache/IIS/Nginx
7 存储 数据库存储/内存存储/文件存储
8 操作系统 Linux/Windows

由外到内,一共8层(省略了最外层的浏览器)。

第三方内容

插入的JS(eg. 百度流量统计、广告联盟)、UI。

Web前端框架

  • 前端:把设计变成代码。eg. HTML、CSS
  • 后端:把逻辑变成代码。eg. SQL、Java
    两者有数据的交互。

Bootstrap:目前最流行、使用最广泛的前端框架,是用动态语言LESS写的,包括:

  • 脚手架:全局的样式
  • 响应式12列栅格式布局系统:默认不包括响应式
  • CSS:包括表格、表单、按钮等
  • 组件:导航面板、缩略图
  • JS:一系列可以实现动态页面的效果

Web应用

介于Web前端和后端之间的一种软件系统,比如BBS、CMS、Blog。
CMS 内容管理系统,比如CRM、OA都是CMS整个框的,使用CMS来提交、修改、审批和发布内容。
大体种类:

  • Blue
  • ESP
  • ASP
  • SHI
    都是一些系统功能强大,自由度高的系统,通用漏洞影响大。

Web开发框架

偏向于后端,比如Ruby on Rails、Django。
Django是Python的编程语言驱动的一个开源的模型,而且是一个标准的MVC风格的一个Web应用的框架。MVC(Model——就是开源模型到视图(View)再到控制器(Controller),可以在几分钟之内创建一个高质量便于维护的应用程序,有核心组件:

  • 对象关系映射
  • 管理界面
  • URL设计
  • 模版语言
  • 缓存系统

Web服务器语言

应用在网站开发上,将编程代码嵌入到HTML里面,再由客户端解释执行。比如JSP、ASP。最常见的是PHP和.NET。区别在于JSP是由Java虚拟机解释执行的,PHP和ASP需要服务器端语言引擎支持。

Web容器

Web容器就是在最外层把整个Web全部放进去的位置,常见的有Apache、IIS、Nginx和不常见的LiteSpeed和Google Servers。
Apache是PHP的语言,稳定性高,资源消耗小
Nginx轻量级、便于部署
IIS适合部署小型网站

存储

文件储存,比如Cookies、Flash等。
数据储存,比如用户的注册信息保存在服务器上。
内存储存,临时性,比如JSP中系统分配的最大最小内存。

操作系统

最底层。常用的服务器,Linux下的红帽、CentOS,Windows下的Windows Server。

浏览器

最外层。工具类型的,用来访问资源,常用的Firefox、Chrome。

本文作者: rhinoc

本文链接: https://www.rhinoc.top/web_2/

版权声明: 本博客所有文章除特别声明外,均采用BY-NC-SA 4.0国际许可协议,转载请注明。

打赏
Love U 3000
  • Through WeChat
  • Through Alipay