系统架构详细描述1
需积分: 0 153 浏览量
2022-08-08
18:38:29
上传
评论
收藏 67KB DOCX 举报
Web 前端架构
前端主要采用 MVVM（Model-View-ViewModel）架构，分离视图和模型，将其中的 View 的状
态和行为抽象化，与业务逻辑分开。Web 前端设计为 SPA（Single Page web Application ，单页
web 应用），总共包括普通用户和系统管理员两个场景的 SPA，均需满足 MVVM 架构。
Web 前端架构图
1. SPA
单页 web 应用只加载单个 HTML 页面，并在用户与应用程序交互时动态更新该页面的 Web
应用程序。浏览器一开始会加载必需的 HTML、CSS 和 JavaScript，所有的操作都在这张页面上完
成，都由 JavaScript 来控制。随着用户点击链接，SPA 无需进行页面跳转，而是根据目标的 url，
计算需要显示和隐藏的元素。在 SPA 中，点击链接后浏览器无需向服务器请求新的页面文件，只
需要向服务器请求必要的数据。这样可以使得整体的请求更少，更快的响应用户的操作。
SPA 需要前端路由的支持，前端路由框架采用 vue-router；同时，采用 HTML5 的 history API
进行 url 控制，以完成相应用户请求功能。
2. MVVM
MVVM 架构包括模型层(Model)、视图层(View)、视图模型层(ViewModel)，利用 数据绑定，通
过视图层实现 GUI 部分的代码隐藏。
资源评论
