[发明专利]一种高效的移动应用管理网站前端开发的方法及系统

说明书

本发明一种高效的移动应用管理网站前端开发的方法及系统针对现有技术中前后端分离模式下，前端跨域无法访问的问题，提供一种网站开发方法，首先，建立项目及项目所需框架，并对项目文件进行配置并初始化项目配置；其次，编写不同路由对应的不同页面，配置不同路由对应的页面控制器实现不同页面的业务逻辑；然后，service服务层接收页面控制器的请求信号，对请求信号进行中转处理，并接收返回结果；再然后，service服务层将获取的返回结果返回到页面控制器，页面控制器对返回结果进行数据处理，并将处理后的数据绑定到页面中；最后，页面检测到数据发生变化，重新渲染页面。

技术领域

本发明涉及网站前端系统架构及服务器跨域领域，特别涉及一种高效的移动应用管理网站前端开发的方法及系统。

背景技术

早期web系统采用MVC模式把前端和后端在一个项目里集成，现在web项目规模越来越大，中大型的Web系统是一个开放式的系统，开放型的系统用户在浏览器发起的请求可能会转发到外部的系统里进行处理，或者是本地的系统和外部系统一起完成请求的处理，此外有的请求可能不会直接请求数据库，而是请求缓存服务器，这些变化几乎都是发生在Web系统的服务端，前后端耦合度很高的Web系统服务端的复杂度提升必然带来了Web前端复杂度的提升。因此前后端的分离使前端对后端的依赖性降低，使得前后端更加专业，更便于管控。此外，除了一般的大企业会使用自己开发的一套框架或类库之外，其他的中小型企业一般都采用jquery作为前端框架。

发明内容

本发明所要解决的技术问题，就是提供一种高效的移动应用管理网站前端开发的方法及系统以解决前后端分离模式下，前端跨域无法访问的问题。

本发明解决所述技术问题，采用的技术方案是，网站开发方法，，包括以下步骤：

步骤1、建立项目及项目所需框架，并对项目文件进行配置并初始化项目配置；

步骤2、编写不同路由对应的不同页面，配置不同路由对应的页面控制器实现不同页面的业务逻辑；

步骤3、service服务层接收页面控制器的请求信号，对请求信号进行中转处理，并接收返回结果；

步骤4、service服务层将获取的返回结果返回到页面控制器，页面控制器对返回结果进行数据处理，并将处理后的数据绑定到页面中；

步骤5、页面检测到数据发生变化，重新渲染页面。

具体的，所述步骤3中，还包括以下步骤：

步骤31、service服务层接收页面控制器的请求信号；

步骤32、service服务层向node服务端发送请求信号；

步骤33、node服务端接收请求信号后向后端服务器发送请求，并接收后端的返回结果；

步骤34、node服务端将返回结果发送到service服务层。

进一步的，所述步骤1中包括以下步骤：

对项目文件进行配置包括：修改项目中待测试的nodejs文件，配置静态文件根路径及页面引擎，配置项目需要的nodejs插件名称和版本号，并将配置后的插件安装至项目中，然后配置后端接口地址文件；

初始化项目配置包括：在项目中引入框架AngularJS与BootStrap需要的css、js文件，设置AngularJS的作用域，设置AngularJS路由，用于前端页面跳转，并建立与路由对应的页面控制器，配置nodejs路由，用于页面请求node服务端接口地址的跳转，并建立与路由对应的nodejs文件。

进一步的，采用npm命令行工具将配置后的插件安装至项目中；