当前位置： 首页 > news >正文

架构设计系列之前端架构和后端架构的区别和联系

news 文章来源：https://blog.csdn.net/kingsley20090716/article/details/135045788 2024/11/18 14:01:10


前端架构和后端架构都是软件系统中最关键的架构层，负责处理不同方面的任务和逻辑，两者之间是存在一些区别和联系的，我会从以下几个方面来阐述：

一、定位和职责

前端架构

主要关注用户界面和用户体验，负责处理用户与应用程序交互的所有事项，包括页面渲染、用户输入相应、前端逻辑和交互设计等。

后端架构

处理应用程序的业务逻辑、数据存储、安全性、性能优化等方面，后端通常包括数据存储、服务器端逻辑、API 设计等。

二、技术栈和工具

前端架构

使用 HTML、CSS、JavaScript 等技术构建用户界面，常见的前端框架有 React、Vue 等

后端架构

使用各种编程语言，如 Java、Python、Go 等，使用流行框架来处理服务器端逻辑，数据库技术、服务器软件等也是后端的核心组成部分

三、数据交互

前端架构

主要负责与用户进行实时的数据交互，通过异步加载或者框架提供的状态管理来保持与后端的数据同步

后端架构

管理和处理应用程序的数据，提供 API 和服务，以满足前端的数据需求

四、系统通信

前端架构

通过网络请求与后端通信，获取数据并更新用户界面，可能会使用 WebSocket 等技术实现实时通信

后端架构

处理前端的请求，执行相应的业务逻辑 ，并通过响应返回数据给前端

五、安全性和认证

前端架构

主要关注用户端的安全性，包括用户身份验证、授权、数据加密等

后端架构

管理整个应用程序的安全性，包括防止网络攻击、数据保护、用户身份验证和授权等

六、发布和部署

前端架构

将代码部署到 CDN 或静态文件服务器上，并通过构建工具进行打包和优化

后端架构

部署到应用服务器上，可能需要处理负载均衡、容器化等

七、团队协作

前端架构

前端工程师与设计师、后端工程师、测试工程师密切合作，关注用户体验和界面设计

后端架构

后端工程师通常更专注于业务逻辑和系统架构，与需求方、前端工程师、测试工程师、运维工程师等角色协作

相关文章：

架构设计系列之前端架构和后端架构的区别和联系

前端架构和后端架构都是软件系统中最关键的架构层，负责处理不同方面的任务和逻辑，两者之间是存在一些区别和联系的，我会从以下几个方面来阐述： 一、定位和职责 前端架构 主要关注用户界面和用户体验，负责处理用户与…...

编程日记 2023/12/22 4:26:50

UE5 水材质注意要点

1、两个法线反向交替流动，可以去观感假的现象 2、水面延边的透明度低 3、增加水面延边的浪花 4、增加折射 折射要整体质量至少在High才有效果 改为半透明材质没有法线信息？ 5、处理反射效果 勾选为true 找到这个放在水域 勾为false，即可有非…...

编程日记 2023/12/22 4:25:49

数据安全扫描仪荣膺网络安全优秀创新成果大赛优胜奖 - 凸显多重优势

近日，由中国网络安全产业联盟（CCIA）主办、CCI数据安全工作委员会中国电子技术标准化研究院等单位承办的“2023年网络安全优秀创新成果大赛”获奖名单公布。天空卫士数据安全扫描仪（DSS）产品获得创新成果大赛优胜奖。 本…...

编程日记 2023/12/22 4:24:48

数据结构学习 leetcode64最小路径和

动态规划 题目： 建议看这里，有这道题详细的解析。我觉得写的挺好。 这是我在学动态规划的时候，动手做的一道题。 虽然我在学动态规划，但是我之前学了dps，所以我就想先用dps试着做，结果发现不行&#xf…...

编程日记 2023/12/22 4:21:46

导出（导入）Linux虚拟机并修改IP地址

一、导出虚拟机 说明：先关闭虚拟机，然后再进行导出。 步骤1：选择要导出的虚拟机 步骤2：选择文件菜单栏下的导出为OVF文件。 步骤3：将导出的文件保存至硬盘文件夹。 二、导入虚拟机 步骤1：选择文件菜单栏…...

编程日记 2023/12/22 4:16:42

OpenCV4工业缺陷检测的六种方法

👨‍🎓博主简介 🏅云计算领域优质创作者   🏅华为云开发者社区专家博主   🏅阿里云开发者社区专家博主 💊交流社区：运维交流社区 欢迎大家的加入！ 🐋 希望大家多多支…...

编程日记 2023/12/22 4:14:41

ICC2：Less than minimum edge length和Concave convex edge enclosure

我正在「拾陆楼」和朋友们讨论有趣的话题，你⼀起来吧？ 拾陆楼知识星球入口 首先，要介绍一下这两种drc Less than minimum edge length对应的tf rule如下: 而Concave convex edge enclosure对应图示和tf 规则如下，可...

编程日记 2023/12/22 4:13:40

RouterSrv-DHCP

2023年全国网络系统管理赛项真题 模块B-Windows解析 题目 安装和配置DHCP relay服务，为办公区域网络提供地址上网。DHCP服务器位于AppSrv服务器上。拆分DHCP服务器上的作用域，拆分的百分比为7:3。InsideCli优先从RouterSrv获取地址。配置步骤 安装和配置DHCP relay服务，为办…...

编程日记 2023/12/22 4:11:38

【人生苦短，我学 Python】（8）文件的读写和过滤器

目录 简述 / 前言1. 文件的操作2. 过滤器2.1 more —— 逐屏显示数据2.2 sort —— 排序2.3 more 和 sort 一起用 文章传送门 简述 / 前言 上一篇我们介绍了 Python 的输入（input）和输出（print），以及如何通过命令行给…...

编程日记 2023/12/22 4:10:38

智能优化算法应用：基于饥饿游戏算法3D无线传感器网络(WSN)覆盖优化 - 附代码

智能优化算法应用：基于饥饿游戏算法3D无线传感器网络(WSN)覆盖优化 - 附代码 文章目录 智能优化算法应用：基于饥饿游戏算法3D无线传感器网络(WSN)覆盖优化 - 附代码1.无线传感网络节点模型2.覆盖数学模型及分析3.饥饿游戏算法4.实验参数设定5.算法结果6.…...

编程日记 2023/12/22 4:09:37

leetCode算法—10. 正则表达式匹配

10.给你一个字符串 s 和一个字符规律 p，请你来实现一个支持 ‘.’ 和 ‘*’ 的正则表达式匹配。 难度：困难 *** 给你一个字符串 s 和一个字符规律 p，请你来实现一个支持 ‘.’ 和 ‘*’ 的正则表达式匹配。 ‘.’ 匹配任意单个字符 ‘*’ 匹…...

编程日记 2023/12/22 4:07:35

Android Studio 实现音乐播放器

目录 一、引言 视频效果展示： 1.启动页效果 2.登录页效果 3.注册页效果 4.歌曲列表页效果 5.播放页效果 二、详细设计 1.登陆注册功能 2.音乐列表页面 2.音乐播放功能 三、源码获取 一、引言 Android初学者开发第一个完整的实例项目应该就属《音乐播放器…...

编程日记 2023/12/22 4:02:30

端口占用命令 netstat (centos)+netstat (windows)

linux 1.使用 netstat 命令查看端口占用情况 netstat -tlnp 使用 -p 选项查看进程信息。 使用 -t 选项列出 TCP 协议的连接：类似（使用 -u 选项列出 UDP 协议的连接：） 2.查找占用指定端口号的应用信息 netstat -tlnp | grep 3…...

编程日记 2023/12/22 3:59:28

Python-基于fastapi实现SSE流式返回（类似GPT）

最近在做大模型对话相关功能，需要将对话内容流式返回给前端页面（类似GPT的效果）。下面直接说下如何实现： 1.首先导入fastapi和sse流式返回所需要的包 from fastapi import APIRouter, Response, status from sse_starlette.sse …...

编程日记 2023/12/22 3:51:21

iOS中宿主APP与录屏扩展进程数据传递方式

背景 在iOS生态系统中，应用程序的功能不再局限于单一的宿主应用，而是可以通过扩展进程实现更丰富的用户体验和功能。其中一种引人注目的扩展是录屏功能，它使用户能够捕捉设备屏幕上的活动，无论是游戏过程、教育演示还是其他应用场…...

编程日记 2023/12/22 3:48:18

Windows系统下的可用RADIUS软件-[资源]

RADIUS协议相关原理介绍，可参考博客RADIUS协议原理介绍报文分析配置指导-RFC2865/RFC2866。 本文用于提供和介绍Window系统下几种可用的RADIUS软件。主要涉及软件有radius_ping（绿色免安装版）和WinRadius（绿色免安装版&#xff09…...

编程日记 2023/12/22 3:39:10

基于VUE3+Layui从头搭建通用后台管理系统（前端篇）十五：基础数据模块相关功能实现

一、本章内容 本章使用已实现的公共组件实现系统管理中的基础数据中的验证码管理、消息管理等功能。 1. 详细课程地址： 待发布 2. 源码下载地址： 待发布 二、界面预览 三、开发视频 3.1 B站视频地址： 基于VUE3+Layui从头搭建通用后台管理系统合集-验证码功能实现 3.2 西瓜…...

编程日记 2023/12/22 3:37:08

MAC苹果笔记本电脑如何彻底清理垃圾文件软件？

苹果电脑以其流畅的操作系统和卓越的性能而备受用户喜爱。然而，随着时间的推移，系统可能会积累大量垃圾文件，影响性能。本文将介绍苹果电脑怎么清理垃圾文件的各种方法，以提升系统运行效率。 CleanMyMac X是一款专业的Mac清理软件…...

编程日记 2023/12/22 3:36:08

【Linux C | 文件I/O】文件的打开关闭 | open、creat、colse 函数

😁博客主页😁：🚀https://blog.csdn.net/wkd_007🚀 🤑博客内容🤑：🍭嵌入式开发、Linux、C语言、C、数据结构、音视频🍭 🤣本文内容🤣&a…...

编程日记 2023/12/22 3:34:06

【BEV感知】BEVFormer 融合多视角图形的空间特征和时序特征 ECCV 2022

前言 本文分享BEV感知方案中，具有代表性的方法：BEVFormer。 它基于Deformable Attention，实现了一种融合多视角相机空间特征和时序特征的端到端框架，适用于多种自动驾驶感知任务。 主要由3个关键模块组成： BEV Que…...

编程日记 2023/12/22 3:33:05

Amazon Toolkit — CodeWhisperer 使用

tFragment--> 官网：https://aws.amazon.com/cn/codewhisperer/?trkcndc-detail 最近学习了亚马逊云科技的 代码工具，感慨颇多。下面是安装 和使用的分享。 CodeWhisperer，亚马逊推出的实时 AI 编程助手，是一项基于机器学习…...

编程日记 2023/12/22 3:32:04

Flink SQL填坑记2：Flink和MySQL的Bigdata类型不同导致ClassCastException报错

最近在开发Flink SQL的时候，需要关联Kafka事实表和MySQL维表，得到的数据写入Phoenix表中，但是其中有个字段，Kafka表、MySQL表和Phoenix表都是BigData类型，但是在实现的时候却报“java.math.BigInteger cannot be cast to java.lang.Long”异常，从报错信息来看，是由于Big…...

编程日记 2023/12/22 3:29:01

本地MinIO存储服务如何创建Buckets并实现公网访问上传文件

文章目录 前言1. 创建Buckets和Access Keys2. Linux 安装Cpolar3. 创建连接MinIO服务公网地址4. 远程调用MinIO服务小结5. 固定连接TCP公网地址6. 固定地址连接测试 前言 MinIO是一款高性能、分布式的对象存储系统，它可以100%的运行在标准硬件上，即X86等…...

编程日记 2023/12/22 3:23:57

通过https协议访问Tomcat部署并使用Shiro认证的应用跳转登到录页时协议变为http的问题

问题描述： 在最近的一个项目中，有一个存在较久，并且只在内部城域网可访问的一个使用Shiro框架进行安全管理的Java应用，该应用部署在Tomcat服务器上。起初，应用程序可以通过HTTP协议访问，一切运行都没…...

编程日记 2023/12/22 3:22:56

Backend - Django 项目创建 运行

目录 一、配置环境 二、创建 Django 项目 （一）新建文件夹 （二）打开文件夹 （三）打开运行终端 （四）创建基础项目 （五）创建app 1. 安装Django &#xf…...

编程日记 2023/12/22 3:20:53

C# .Net学习笔记—— Expression 表达式目录树

一、什么是表达式目录树 （1）Expression我们称为是表达式树，是一种数据结构体，用于存储需要计算，运算的一种结构，这种结构可以只是存储，而不进行运算。通常表达式目录树是配合Lambda一起来使用的…...

编程日记 2023/12/22 3:11:46

《论文阅读28》Unsupervised 3D Shape Completion through GAN Inversion

GAN，全称GenerativeAdversarialNetworks，中文叫生成式对抗网络。顾名思义GAN分为两个模块，生成网络以及判别网络，其中 生成网络负责根据随机向量产生图片、语音等内容，产生的内容是数据集中没有见过的，也可…...

编程日记 2023/12/22 3:09:43

一个正则快速找到在ES中使用profile的时产生慢查询的分片

在es中使用profile分析慢查询的时候，往往因为分片过多，或者因为查询条件太复杂，分析的结果几十万行。在kibana上点半天，也找不到一个耗时长的分片。 kibana上可以通过正则来匹配。其实我们只需要匹配到耗时大于10秒的请求。 检索语…...

编程日记 2023/12/22 3:08:42

链接未来：深入理解链表数据结构（一.c语言实现无头单向非循环链表）

在上一篇文章中，我们探索了顺序表这一基础的数据结构，它提供了一种有序存储数据的方法，使得数据的访 问和操作变得更加高效。想要进一步了解，大家可以移步于上一篇文章：探索顺序表：数据结构中的秩序之美 今…...

编程日记 2023/12/22 3:06:40

Python tkinter控件全集之组合选择框 ttk.ComboBox

Tkinter标准库 Tkinter是Python的标准GUI库，也是最常用的Python GUI库之一，提供了丰富的组件和功能，包括窗口、按钮、标签、文本框、列表框、滚动条、画布、菜单等，方便开发者进行图形界面的开发。Tkinter库基于Tk for Unix/Wind…...

编程日记 2023/12/22 3:05:39

温岭新站seo/找小网站的关键词

最开始直接缓存数据库，再后来根据业务需要缓存一些业务结果或页面结果，是有必要的，这里需要一步一步，不可能当时就做这种优化。优化是一步一步的。 不能太过，也不能太少了，看业务规划。 memcache对数据库的…...

编程日记 2024/11/18 9:25:26

短网址压缩/重庆seo排名优化

ClassJava 程序汇总的各个 Java 类属于同一类事物，描述这类事物的 Java 类名就是 Class。Class 表示在内存中存储的字节码。(1)获取字节码的三种方式：1 、类名.class。 例如：System.class;2 、对象.getClass()。例如：new Date().g…...

编程日记 2024/11/18 4:36:48

php企业网站开发pdf/直播引流推广方法

原标题：《清明上河图》鉴定故事的启示张择端《清明上河图》局部围绕《清明上河图》的鉴定，曾发生过许多故事。择其一二，读之听之，颇能给玩收藏和搞鉴定的人以有益的启迪。读清代《识小录》考据，《清明上河图》“画里有…...

编程日记 2024/11/18 3:27:58

wordpress laravel 共存/中山网站建设

栈空间 栈空间是从高地址向低地址扩充，堆地址是从低地址向高地址扩充。 堆栈是一种具有一定规则的数据结构，我们可以按照一定的规则进行添加和删除数据。它使用的是后进先出的原则。在x86等汇编集合中堆栈与弹栈的操作指令分别为： PUSH&…...

编程日记 2024/11/18 2:40:11

wordpress防止机器人注册/吉林seo技术交流

一、元素事件的绑定 为按钮绑定鼠标进入,鼠标离开,点击事件 第一种方法 $("#btn").mouseenter(function () {$(this).css("backgroundColor","red");});$("#btn").mouseleave(function () {$(this).css("backgroundColor"…...

编程日记 2024/11/18 2:39:10

朋友做的网站图片不显示/贵阳网站建设推广

一：标准的JavaWeb工程的工程结构 一个JavaWeb应用，需要有一个目录结构，tomcat才能够对其进行运行； ● tomcat安装目录/webapps/：所有的web应用应该存放在这个目录；在/webapps/目录下，所有的工…...

编程日记 2024/11/18 2:20:35