一种基于RESTful接口的前端MVC管理平台设计方法技术领域
本发明涉及一种MVC管理平台设计方法，特别涉及一种基于RESTful接口的前端
MVC管理平台设计方法。
背景技术
随着数字智能化时代的到来，伴随着用户终端访问互联网资源的需求的逐渐增
长，海量的页面的访问已经成为迫切的需要，而且用户在进行页面访问时希望具有较高的
访问速度。现阶段页面的访问大多是先由用户在浏览器的地址栏输入一个URL地址，并将整
个URL地址送至服务器中处理，但是如果用户在访问页面多或者URL地址较长的情况下，服
务器会出现反应很慢，在服务请求高峰期服务器可能长时间都没有响应造成用户所看到的
是浏览器图标一直在旋转而没有内容展现，直到服务器响应了之后，才会慢慢的呈现数据
内容，此时用户在进行页面访问时导致访问效率不高，影响用户浏览体验。
发明内容
本发明为了克服上述现有技术的不足，提供了一种基于RESTful接口的前端MVC管
理平台设计方法，本方法能够大大提高页面的访问效率，而且可靠性高、用户的体验效果
好。
为实现上述目的，本发明采用了以下技术措施：
一种基于RESTful接口的前端MVC管理平台设计方法包括以下步骤：
S1、操作人员在B/S结构的浏览器中输入URL地址；
S2、所述URL地址由前端MVC管理平台中的控制器层进行处理；所述控制器层对所
述URL地址进行解析得到特定的变量或变量组；
S3、所述浏览器将得到的所述变量或变量组发送至B/S结构的服务器，所述服务器
收到所述变量或变量组后，生成前端MVC管理平台所要求格式的数据文档；
S4、所述前端MVC管理平台中的模型层接收所述数据文档，并将所述数据文档填充
到所述模型层中的相应模型的属性中，即使所述模型实例化；
S5、实例化后的模型被发送到所述前端MVC管理平台中视图层，经所述视图层处理
后在显示屏上显示。
优选的，所述变量或变量组是由所述控制器层根据所述URL地址的根目录配置而
成。
优选的，所述变量或变量组通过RESTful请求的方式发送至B/S结构的服务器。
进一步的，使用AngularJS编写前端MVC管理平台的代码。
本发明的有益效果在于：
1)、本发明在浏览器中输入URL地址后，由前端MVC管理平台中的控制器层对所述
URL地址进行解析得到特定的变量或变量组发送至服务器，服务器收到所述变量或变量组
后，生成前端MVC管理平台所要求格式的数据文档，所述前端MVC管理平台中的模型层接收
所述数据文档，并将所述数据文档填充到所述相应模型的属性中，即使所述模型实例化；实
例化后的模型被发送到所述前端MVC管理平台中视图层，经所述视图层处理后在显示屏上
显示。所述服务器仅在步骤S3中进行处理，而且将整个URL地址解析成为变量或变量组，因
此本方法能够大大提高页面的访问效率，而且本发明的可靠性高，用户的体验效果较好。
附图说明
图1为本发明的系统架构图；
图2为本发明的前端MVC结构模型图；
图3为本发明的RESTful接口数据流图。
具体实施方式
下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完
整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于
本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他
实施例，都属于本发明保护的范围。
如图1所示，一种基于RESTful接口的前端MVC管理平台设计方法包括以下步骤：
S1、操作人员在B/S结构的浏览器中的地址栏输入或超链接一串URL地址，例如
http://www.resource.com/mission。
浏览器指的是用户使用访问网页的软件，前端MVC指的是一种网页设计模式，前端
MVC充分利用了浏览器的存储能力和计算能力，大大减轻了服务器的工作。
S2、所述URL地址由前端MVC管理平台中的控制器层进行处理；所述控制器层对所
述URL地址进行解析得到特定的变量或变量组，如果所述控制器层检测到URL地址路径是在
服务器根目录下/mission，就跳转到http://www.resource.com/buzPage/missions/
list.html页面。此时，浏览器页面先跳转到http://www.resource.com/buzPage/
missions/list.html这个模板页面，所述模板页面只是有一个HTML的结构，并没有实际数
据，而实际数据是当浏览器开始加载这个模板页面那一刻开始请求的。
控制器层对所述URL地址进行解析，具体的，URL返回全部服务列表，如service1,
service2,service3,service4等，URL地址为：/services/5，服务器接收到所述URL地址后
会返回ID为5的服务即返回service5。
S3、所述浏览器将得到的所述变量或变量组发送至B/S结构的服务器，所述服务器
收到所述变量或变量组后，生成前端MVC管理平台所要求格式的数据文档；
服务器返回service5后，会按照service的数据结构序列化一个字符串，若
service的数据结构为id，name，startTime，initName，生成前端MVC管理平台所要求格式的
数据文档的过程就是service5的实例属性是id为5，name为service5，startTime为2016-
11-1109:00:00，initName为Service5_init1；
service5生成的结果为：{id:5，name＝'service5'，startTime:'2016-11-1109:
00:00'，initName:'Service5_init1'}
S4、所述前端MVC管理平台中的模型层接收所述数据文档，并将所述数据文档填充
到所述模型层中的相应模型的属性中，即使所述模型实例化；
S5、实例化后的模型被发送到所述前端MVC管理平台中视图层，经所述视图层处理
后在显示屏上显示。
所述变量或变量组是由所述控制器层根据所述URL地址的根目录配置而成。
配置的具体操作过程例如配置了/services/{ID}，表明/sevices/5中的5就对应
ID，代表获取id为5的服务的详细信息。配置完成后会生成一个配置文件，这个配置文件最
后存储在浏览器中，最后浏览器读取了这个配置文件就会按照这个规则解析URL。
用户通过视图层触发事件给控制层，控制层调用后台RESTful接口传输数据给前
端的模型层，模型接收到数据之后通知控制层，控制层重新绘制视图层从而把最新的数据
或者操作结果呈现给用户。
如图2所示，此图详细展示了MVC三层互相调用的协同合作关系。其中，M是Model，
模型层，是抽象系统需要展示的内容和操作的一类属性和事件；V是View，视图层，用来呈现
界面给用户查看和操作；C是Controller，控制层，是用来感知视图层用户操作，控制层接受
到用户操作事件之后调用后台RESTful接口进行数据获取和相关操作，其结果返回被模型
层接收，接收之后，控制层通知视图层渲染最新的数据，于是视图层就向用户呈现了最新的
数据和操作结果。
如图3所示，此图展示了RESTful接口中客户端和服务器端通信的过程。其中，客户
端向服务端发送请求，服务端返回客户端以结构化的状态和数据。在这里客户端本身的是
维护了状态的，这里的状态包括某些会话、应用、缓存等。RESTful接口的服务端是不维护状
态的，RESTful接口的这种特性使得它可以更加方便的部署到多台服务器上，因此不会产生
会话丢失的问题，并且保证了同样的请求一定返回相同的数据和结果。
本发明改变了传统的页面加载流程，使得用户在点击超链接之后就能看到结果页
面，采用异步的方式去服务端获取数据，提高了用户体验，同时减轻了服务器端和网络输入
输出的压力。
综上所述，本发明极大地提高了页面的访问效率，而且本发明的可靠性高，用户的
体验效果较好。