首页 > 其他分享 >项目架构

项目架构

时间:2022-10-07 22:05:55浏览次数:48  
标签:需要 架构 项目 电脑 服务器 安装 客户端

项目架构类型

B / S 架构

C / S 架构

B / S  架构

B / S  架构概念

  • B / S(Brower/Server,浏览器 / 服务器)架构又叫 B / S 模式,这种模式统一了客户端,将系统功能核心部分集中在服务器上, 用户电脑上只需要安装一个浏览器就可以完成访问,B / S 架构实现了跨平台(不管浏览器安装在Windows、Mac、XP电脑上,都可以正常访问)

B / S 架构工作流程:

项目架构_客户端

B/S架构举例:知乎、微博、京东等等

B / S 架构的优缺点

优点:

  1. 实现了跨平台,客户端零维护
  2. 不需要安装客户端,客户端不需要进行升级,只需要更新后台代码即可
  3. B / S 架构多用 WEB 网页进行开发,所以增、删功能也非常容易,只需要修改网页即可

缺点:

  1. 损耗用户网络流量,每次都要加载全部的内容(解决方案:增加缓存降低流量损耗)
  2. 没有独立的客户端,所以无法实现个性化(解决方案:通过不同账号可实现不同风格)
  3. 难以实现特殊的操作,比如:删本地文件

C / S 架构

C / S 架构概念

  • C / S (Client / Server,客户机 / 服务器)模式又叫 C / S 架构,是大家熟知的软件系统体系结构,通过将任务合理分配到客户端和服务端,降低了系统的通讯开销,可以充分利用两端硬件环境的优势

C / S 架构工作流程:

项目架构_跨平台_02

C / S 架构举例:电脑版迅雷,电脑版 QQ,电脑版钉钉,电脑版微信

C / S 架构的优缺点

优点:

  1. 客户端独立设计,可实现个性化
  2. 客户端需要安装,不需要重复安装和加载
  3. 客户端独立开发,可以对客户端进行安全设计

缺点:

  1. 不同的操作系统,需要开发兼容不同系统的客户端
  2. 需要开发和维护客户端和服务器两套程序

标签:需要,架构,项目,电脑,服务器,安装,客户端
From: https://blog.51cto.com/u_15222272/5735129

相关文章

  • 浅谈浏览器架构、单线程js、事件循环、消息队列、宏任务和微任务
    关键词:​​多进程、单线程、事件循环、消息队列、宏任务、微任务​​看到这些词仿佛比较让人摸不着头脑,其实在我们的日常开发中,早就和他们打过交道了。我来举几个常见的例子......
  • 学习笔记jira项目1-课程导学
         ......
  • jira项目笔记14-TypeScript vs JavaScript
    TypeScriptvsJavaScriptTypeScript是“强类型”版的JavaScript,当我们在代码中定义变量(包括普通变量、函数、组件、hook等)的时候,TypeScript允许我们在定义的同......
  • jira项目笔记15-TypeScript 的类型
    TypeScript的类型 8种类型:number,string,boolean,函数,array,any,void,object这一节我们接触到了平常使用中会接触到的大部分的类型,下面我们挨个梳理一遍:numbe......
  • jira项目笔记16-啥时候需要声明类型
    啥时候需要声明类型理论上来说在我们声明任何变量的时候都需要声明类型(包括普通变量、函数、组件、hook等等),声明函数、组件、hook等需要声明参数和返回值的类型。但......
  • jira项目笔记17-自定义useArray
    2-1、要求自定义一个useArray的customhook。结合react-hook和typescript,实现对数组简单的增加、删除、清空的那个功能,并且对增加的对象类型有限制2-2、代码实现export......
  • jira项目笔记18-Object.fromEntries
    Object.fromEntries()方法把键值对列表转换为一个对象。constentries=newMap([['foo','bar'],['baz',42]]);constobj=Object.fromEntries(entries);......
  • jira项目笔记19-as 关键字用于断言
    在Typescript中,表示断言有两种方式。一种是扩号表示法:letsomeValue:any="thisisastring";letstrLength:number=(someValue).length;另一种使用as关键字:let......
  • jira项目笔记20-useSearchParams
    useSearchParams顾名思义,可以直接获取url中的query参数,而不需要引入外部库来解析路径中的query参数import{useSearchParams}from'react-router-dom';//比如url是......
  • 学习笔记jira项目3-解决一些问题
    解决相对路径问题ts.config.json  "baseUrl":"./src",prettieryarnadd--dev--exactprettier自动格式化npxmrmlint-staged"lint-staged":{"*.{j......