一种前后端分离方法、移动终端以及计算机可读存储介质技术

技术编号:16427970 阅读:45 留言:0更新日期:2017-10-21 22:56
本发明专利技术公开了一种前后端分离方法,在所述前端独立开发页面模板将前端和后端进行页面分离;将所述前端和所述后端的数据接口进行分离;在所述前端和所述后端的数据接口分离之后,将展现层从所述后端分离出来由所述前端维护。本发明专利技术还公开了一种移动终端和计算机可读存储介质,解决了相关技术中前端的开发依赖后端的Web容器,后端的工作进度决定前端工作,虽然工作职责分离,但是工作方式无法分离的问题,实现了前端和后端完全分离,除去前端对后端依赖,前后端工作同步进行,提高工作效率,同时降低维护成本提高了用户体验。

A front end separation method, a mobile terminal and a computer readable storage medium

The invention discloses a front end separation method, on the front page template will be the independent development of front-end and back-end page separation; data interface of the front end and the rear end of the separation; after the data interface separating the front end and the rear end, will show the layer from the back end separated by the end of the maintenance. The invention also discloses a mobile terminal and computer readable storage medium, to solve the Web container development front in related technology on the back end of the back end work decided to end work, although the work of separation of duties, but the work can not be separated, to achieve a complete separation of front-end and back-end, front-end to back-end remove dependence before and after the end of work at the same time, improve work efficiency, reduce maintenance costs and improve the user experience.

【技术实现步骤摘要】
一种前后端分离方法、移动终端以及计算机可读存储介质
本专利技术涉及移动通信
,尤其涉及一种前后端分离方法、移动终端以及计算机可读存储介质。
技术介绍
随着互联网的发展和终端的普及,终端的用户群越来越大,同时也对软件提出了更多智能,人性化的需求。在现有的技术中,其实终端,虽然被用户作为一个游戏机或电视机,还可能是一个学习机,还可能成为小宝宝的乐园等等,给我们的生活带来更多的乐趣。随着通讯产品的更新换代,移动终端(例如手机、个人数字化助理PDA等)已成为人们必备的通讯工具。各种方便人们生活的功能都能在移动终端上实现,例如手机电视、GPS、移动支付等等,都需要移动终端接入到互联网才能实现。随着电子产业的快速发展,移动终端智能化程度越来越高。移动终端研发公司也越来越注重智能化,人性化设计。在此移动终端快速发展的背景下,终端的便捷操作和人性化设计成为移动终端不可忽视的一部分。随着近几年前端的野蛮生长以及前端应用的多元化和复杂化,整个技术形态已经跟几年前纯做页面的时代迥异。传统开发模式中往往是单独页面独立管理页面所需的所有文件,存在页面结构混乱、资源重复加载、路径变化繁琐等诸多隐患。在传统网站的前端实现中,往往存在大量的数据获取与非语义化标签代码掺杂的现象,导致页面的数据更新、维护以及改版过程繁琐,大量静态资源的重复请求致使页面的加载响应速度变慢,用户体验不尽人意。在Web管理系统中,浏览器端和服务器端由不同的团队负责,但是页面模板处在两者的中间地带。传统的IT项目采用后端模板技术(如JSP、Freemarker等等),前端的开发依赖后端的Web容器,后端的工作进度决定前端工作,虽然工作职责分离,但是工作方式无法分离。后端工程师需要携带部分数据初始化模板,经常插入java代码片段,前端工程师基于模板实现用户交互以及浏览器渲染。需求变动,前后端工程师基于模板交替开发,不可避免的带来越来越复杂的业务逻辑,最终难以维护。另外,模板这块也是最容易让前端与后端纠结不清的地方。另一方面,Web管理系统有一个特点,即90%以上的页面构造都是由CRUD(即Create:新增,Retrieve:查询,Update:更新,Delete:删除)组成。页面构造类似,传统的页面架构各自为政,重复造轮子严重,同样或类似的代码来回拷贝,以传统IT项目的独立页面为例,每个页面都有头部、尾部,这些都是相同的,每个页面都要有,没开发一个页面都要拷贝一遍同样的工作重复进行,开发效率低下。传统的开发方式,前后端没有真正分离,关键在于模板技术的解析位置在服务器端。针对相关技术中前端的开发依赖后端的Web容器,后端的工作进度决定前端工作,虽然工作职责分离,但是工作方式无法分离的问题,目前尚未提出解决方案。
技术实现思路
本专利技术的主要目的在于提出一种前后端分离方法、移动终端以及计算机可读存储介质,旨在解决相关技术中前端的开发依赖后端的Web容器,后端的工作进度决定前端工作,虽然工作职责分离,但是工作方式无法分离的问题。为实现上述目的,本专利技术实施例提出一种前后端分离方法,包括:在所述前端独立开发页面模板将前端和后端进行页面分离;将所述前端和所述后端的数据接口进行分离;在所述前端和所述后端的数据接口分离之后,将展现层从所述后端分离出来由所述前端维护。优选地,在所述前端独立开发页面模板将前端和后端进行页面分离包括:通过将视图模板解析设置在所述前端运行的方式在所述前端独立开发页面模板将前端和后端进行页面分离,其中,所述前端采用SPA架构。优选地,将所述前端和所述后端的数据接口进行分离之后,所述方法还包括:在后端只提供通用的Restful接口,所述Restful接口用于所述前端与所述后端进行交互。优选地,在将所述前端和所述后端的数据接口进行分离之后,所述方法还包括:采用令牌对接口的安全权限进行校验,其中,所述前端向所述后端发送连接请求,所述连接请求中携带有用户名和密码;所述后端对所述用户名和密码进行验证,验证通过后,签发一个令牌,并将所述令牌发送给所述前端,前端存储接收到的所述令牌。优选地,所述令牌携带在所述前端向所述后端发送的资源请求中,用于所述后端接收到所述资源请求后,验证成功后,向所述前端返回请求的资源。根据本专利技术实施例的另一方面,还提供了一种移动终端,所述移动终端包括处理器、存储器及通信总线;所述通信总线用于实现处理器和存储器之间的连接通信;所述处理器用于执行存储器中存储的前后端分离程序,以实现以下步骤:在所述前端独立开发页面模板将前端和后端进行页面分离;将所述前端和所述后端的数据接口进行分离;在所述前端和所述后端的数据接口分离之后,将展现层从所述后端分离出来由所述前端维护。优选地,所述处理器还用于执行前后端分离程序,以实现以下步骤:通过将视图模板解析设置在所述前端运行的方式在所述前端独立开发页面模板将前端和后端进行页面分离,其中,所述前端采用SPA架构。优选地,所述处理器还用于执行前后端分离程序,以实现以下步骤:将所述前端和所述后端的数据接口进行分离之后,在后端只提供通用的Restful接口,所述Restful接口用于所述前端与所述后端进行交互。优选地,所述处理器还用于执行前后端分离程序,以实现以下步骤:在将所述前端和所述后端的数据接口进行分离之后,所述方法还包括:采用令牌对接口的安全权限进行校验,其中,所述前端向所述后端发送连接请求,所述连接请求中携带有用户名和密码;所述后端对所述用户名和密码进行验证,验证通过后,签发一个令牌,并将所述令牌发送给所述前端,前端存储接收到的所述令牌。优选地,所述令牌携带在所述前端向所述后端发送的资源请求中,用于所述后端接收到所述资源请求后,验证成功后,向所述前端返回请求的资源。根据本专利技术实施例的另一方面,还提供了一种计算机可读存储介质,所述计算机可读存储介质存储有一个或者多个程序,所述一个或者多个程序可被一个或者多个处理器执行,以实现上述前后端分离方法的步骤。通过本专利技术,在所述前端独立开发页面模板将前端和后端进行页面分离;将所述前端和所述后端的数据接口进行分离;在所述前端和所述后端的数据接口分离之后,将展现层从所述后端分离出来由所述前端维护,解决了相关技术中前端的开发依赖后端的Web容器,后端的工作进度决定前端工作,虽然工作职责分离,但是工作方式无法分离的问题,实现了前端和后端完全分离,除去前端对后端依赖,前后端工作同步进行,提高工作效率,同时降低维护成本提高了用户体验。附图说明图1为实现本专利技术各个实施例一可选的移动终端的硬件结构示意图;图2为如图1所示的移动终端的无线通信系统示意图;图3是根据本专利技术实施例的前后端分离方法的流程图;图4是根据相关技术中Web开发模式的架构图;图5是根据本专利技术实施例的Web开发模式的架构图;图6是根据本专利技术实施例的基于Node的前后端分离的示意图;图7是根据本专利技术实施例的前后端分离的移动终端的框图。本专利技术目的的实现、功能特点及优点将结合实施例,参照附图做进一步说明。具体实施方式应当理解,此处所描述的具体实施例仅仅用以解释本专利技术,并不用于限定本专利技术。在后续的描述中,使用用于表示元件的诸如“模块”、“部件”或“单元”的后缀仅为了有利于本专利技术的说明,其本身没有特定的意义。因此,“模块”、本文档来自技高网
...
一种前后端分离方法、移动终端以及计算机可读存储介质

【技术保护点】
一种前后端分离方法,其特征在于,包括:在所述前端独立开发页面模板将前端和后端进行页面分离;将所述前端和所述后端的数据接口进行分离;在所述前端和所述后端的数据接口分离之后,将展现层从所述后端分离出来由所述前端维护。

【技术特征摘要】
1.一种前后端分离方法,其特征在于,包括:在所述前端独立开发页面模板将前端和后端进行页面分离;将所述前端和所述后端的数据接口进行分离;在所述前端和所述后端的数据接口分离之后,将展现层从所述后端分离出来由所述前端维护。2.根据权利要求1所述的方法,其特征在于,在所述前端独立开发页面模板将前端和后端进行页面分离的步骤包括:通过将视图模板解析设置在所述前端运行的方式在所述前端独立开发页面模板将前端和后端进行页面分离,其中,所述前端采用SPA架构。3.根据权利要求1所述的方法,其特征在于,将所述前端和所述后端的数据接口进行分离之后,所述方法还包括:在后端只提供通用的Restful接口,所述Restful接口用于所述前端与所述后端进行交互。4.根据权利要求3所述的方法,其特征在于,在将所述前端和所述后端的数据接口进行分离之后,所述方法还包括:采用令牌对接口的安全权限进行校验,其中,所述前端向所述后端发送连接请求,所述连接请求中携带有用户名和密码;所述后端对所述用户名和密码进行验证,验证通过后,签发一个令牌,并将所述令牌发送给所述前端,前端存储接收到的所述令牌。5.根据权利要求4所述的方法,其特征在于,所述令牌携带在所述前端向所述后端发送的资源请求中,用于所述后端接收到所述资源请求后,验证成功后,向所述前端返回请求的资源。6.一种移动终端,其特征在于,所述移动终端包括处理器、存储器及通信总线;所述通信总线用于实现处理器和存储器之间的连接通信;所述处理...

【专利技术属性】
技术研发人员:王平
申请(专利权)人:努比亚技术有限公司
类型:发明
国别省市:广东,44

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1