架构设计

0x02 ：架构设计

0x0200 ：设计摘要说明

前端页面适当地运用ajax技术和后端进行交互，在减少服务器刷新压力的同时，也可以在一定程度上使前后端分离。

0x0204 ：前端页面设计

我们团队主要使用HTML+CSS进行页面的布局，用Javascript来处理简单的交互和数据处理。在页面布局设计的过程中 ，我们主要追求整体简洁，使用户容易上手。在必要时，我们还会引入Vue前端框架，利用其相应式的特性让我们用更少的代码完成更多的交互设计。

Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

0x0208 ：后端系统设计

MVC 架构程序的工作流程： （1）用户通过 View 页面向服务端提出请求，可以是表单请求、超链接请求、AJAX 请求等 （2）服务端 Controller 控制器接收到请求后对请求进行解析，找到相应的 Model 对用户请求进行处理 （3）Model 处理后，将处理结果再交给 Controller （4）Controller 在接到处理结果后，根据处理结果找到要作为向客户端发回的响应 View 页面。页面经渲染（数据填充）后，再发送给客户端。

Servlet（Server Applet），全称Java Servlet，未有中文译文。是用Java编写的服务器端程序。其主要功能在于交互式地浏览和修改数据，生成动态Web内容。狭义的Servlet是指Java语言实现的一个接口，广义的Servlet是指任何实现了这个Servlet接口的类，一般情况下，人们将Servlet理解为后者。

Servlet运行于支持Java的应用服务器中。从实现上讲，Servlet可以响应任何类型的请求，但绝大多数情况下Servlet只用来扩展基于HTTP协议的Web服务器。

具体工作模式：

• 客户端发送请求至服务器

• 服务器启动并调用Servlet，Servlet根据客户端请求生成响应内容并将其传给服务器

• 服务器将响应返回客户端

JDBC API 允许用户访问任何形式的表格数据，尤其是存储在关系数据库中的数据。

执行流程：

• 连接数据源，如：数据库。

• 为数据库传递查询和更新指令。

• 处理数据库响应并返回的结果。