HTML+CSS教程|软件的架构


软件的架构

  • C/S(客户端/服务器)
  • B/S(浏览器/服务器)
  • 软件开发流程
    • 旧模式
    • 新模式
    • W3C标准
【HTML+CSS教程|软件的架构】
C/S(客户端/服务器)
  • 一般我们使用的软件都是C/S架构的
  • 比如系统中的软件
    • QQ
    • 360
    • office
  • C表示客户端
    • 用户通过客户端来使用软件
  • S表示服务器
    • 服务器负责处理软件的业务逻辑
  • 特点
    • 使用前必须安装
    • 软件更新时,服务器和客户端得同时更新
    • C/S架构的软件不能跨平台使用
    • C/S架构的软件客户端和服务器通信采用的是自有协议,相对来说比较安全。
B/S(浏览器/服务器)
  • B/S本质上也是C/S,只不过B/S架构的软件,使用浏览器作为软件的客户端
  • B/S架构软件通过使用浏览器访问网页的形式,来使用软件
  • 特点
    • 不需要安装,直接使用浏览器访问指定的网址即可
    • 软件更新时,客户端不需要更新
    • 软件可以跨平台,只要系统中有浏览器,就可以使用
    • B/S架构的软件,客户端和服务器直通信采用的是通用的HTTP协议,相对来说不安全
    • 可使用HTTPS安全的协议
软件开发流程 旧模式
  • 项目经理需求分析
  • 网页设计师根据需求设计网页
  • 前端工程师将设计做成静态网页
  • 后端工程师将静态网页修改为动态网页
新模式
  • 项目经理需求分析
  • 网页设计师根据需求设计网页
  • 前端工程师将设计做成静态网页
  • 后端工程师提供所需数据的接口
  • 前端工程师将功能实现
W3C标准
  • 结构
    • HTML用于描述页面的结构
  • 表现
    • CSS用于控制页面中元素的样式
  • 行为
    • JavaScript用于响应用户操作

    推荐阅读