应用系统的架构
前后端分离是一种软件架构模式,将应用程序的前端(用户界面)和后端(数据处理和业务逻辑)独立开发、独立部署。在前后端分离的架构下,前端通过API(应用程序接口)与后端进行通信,实现数据交换和业务处理。
在传统的架构模式中,后端不仅负责数据处理,还深度参与前端页面的渲染与逻辑控制,这种紧密的耦合导致维护和升级变得困难。而在前后端分离的应用模式下,后端仅需返回前端所需的数据,不再负责页面的渲染和逻辑控制,这种简化使得开发和维护更加便捷。
“新闻内容管理系统v1.0”的手机App模块前端采用Vue框架开发,编译后部署在Nginx服务器上运行;后端采用SpringBoot框架开发,部署在Java应用服务器上运行;CSS样式表、Javascript代码、图片等静态资源存放在Apache服务器上,由Apache负责静态资源的解析。

1、Apache:静态资源服务器,发布应用系统的静态资源,处理客户端的静态资源请求,为用户提供CSS样式表、图片、JavaScript代码等静态资源文件。
2、Nginx:前端服务器,部署系统的前端程序。前端程序负责系统页面的渲染与逻辑控制,为用户提供交互界面。
3、Application:应用服务器,运行后端应用程序,与动静分离架构不同,后端应用程序只为前端程序提供数据,不返回页面也不负责页面的跳转逻辑。
4、MySQL:数据库服务器,存放应用系统的所有数据,用户通过应用服务器上的应用程序实现对数据的增删改查等操作。
系统的运行原理
- 客户端Client的请求通过http协议发送给Nginx前端服务器。
- Nginx服务器将客户端请求的前端应用程序的页面及相关的Javascript代码返回给客户端。
- 客户端接收到返回的页面后,会从中解析出CSS样式表、JS代码、图片等静态资源的地址。
- 客户端通过静态资源地址再次向Apache静态资源服务器发送请求,获取静态资源文件,直到所有的静态资源文件获取完毕。
- 请求静态资源的同时,客户端会运行前端程序中的Javascript代码,向后端应用服务器上的后端程序请求数据。
- 后端程序接收到用户请求后会按要求对数据进行处理,处理过程中通常会有一次到多次的数据库数据读写操作,数据处理完毕后结果会以Json格式返回给客户端。
- 客户端将所有的静态资源文件与后端程序返回的数据整合到最终的页面中,完整展示本次请求的结果。