[发明专利]一种单页面搭建及加载方法

权利要求书

1.一种单页面搭建及加载方法，其特征在于，所述单页面搭建及加载方法包括以下步骤：

搭建开发环境；

针对依赖的资源文件编写配置文件；

编译源文件的任务脚本；

根据项目的业务需求配置路由文件；

接受访问请求，分析请求并跳转到指定的请求页面；

根据配置文件解析并获取路由配置及路径，所述获取路由配置及路径包括：当请求页面引用到了require.js，require在执行的时候会执行data-main的配置文件main.js；shim配置着非AMD规范的JS文件，以及文件的依赖文件使用deps配置；deps执行下一个配置文件app.js，加载依赖项目基本的文件，创建模块app对象；执行app.config配置文件，获取routerJS文件解析路由配置并添加的$stateProvider对象中；使用AngularAMD启动app模块，AngularJS解析请求地址锚点（#）后的路由路径以及参数，匹配路由配置路径，如果没有匹配到则根据$urlRouterProvider的配置选择默认路由，并执行路由；

根据路由文件加载路由指定文件；

执行路由路径，触发数据请求方法，并执行，达到最终的页面显示。

2.根据权利要求1所述的单页面搭建及加载方法，其特征在于，所述搭建开发环境包括：安装NodeJS环境，运行指令初始化NodeJS配置。

3.根据权利要求2所述的单页面搭建及加载方法，其特征在于，所述针对依赖的资源文件编写配置文件包括：创建.bowerrc文件，指定配置安装文件的目录，运行相应的脚本安装第三方插件。

4.根据权利要求3所述的单页面搭建及加载方法，其特征在于，包括：运行npm installgulp --save-dev指令，通过NodeJS环境安装gulp，创建gulpfile.js编写gulp任务脚本。

5.根据权利要求4所述的单页面搭建及加载方法，其特征在于，所述编译源文件的任务脚本包括：启动gulp任务，编译源文件，生成目标文件用于线上运行。

6.根据权利要求5所述的单页面搭建及加载方法，其特征在于，所述编译源文件的任务脚本包括：上线时通过gulp编译拷贝源文件，生成文件版本号并替换依赖模板中引用资源的版本。

7.根据权利要求1所述的单页面搭建及加载方法，其特征在于，包括步骤A：加载路由指定的视图文件以及controller的JS文件，加载controller依赖文件。

8.根据权利要求7所述的单页面搭建及加载方法，其特征在于，包括步骤B：执行路由路径配置的控制器的JS，触发数据请求方法，根据参数配置显示过程动画，根据数据加载情况渲染加载后的模板文件内容，达到最终的页面显示。

9.根据权利要求8所述的单页面搭建及加载方法，其特征在于，包括：在页面中触发其它路由跳转，只渲染ui-view中的展示，重复步骤A和步骤B改变页面渲染，达到预期的交互效果。