[发明专利]一种架构单页应用程序的方法

摘要

本发明公开了一种架构单页应用程序的方法，包括：创建mian.js，在mian.js引入store模块、views模块、router模块、axios模块、components模块和util模块。本发明基于Vue.js+Vuex+iView+Axios架构单页程序，结合了以数据驱动和组件化的思想、状态管理模式、开源UI组件库以及基于promise用于浏览器和node.js的http客户端，提供更简洁和易于理解的API，集中管理应用的所有组件的状态，可以通过编辑变量列表定制UI主题，实现了程序的快速开发、减少开发周期以及降低了时间成本。

主权项

1.一种架构单页应用程序的方法，其特征在于，包括：创建入口文件mian.js，在入口文件mian.js引入store模块、views模块、router模块、axios模块、components模块和util模块，其中：store模块：包括子文件xx.js、getter.js、index.js和generator.js，所述子文件xx.js根据业务需求创建，并定义了state、mutation和action；所述generator.js包含根据子文件xx.js的命名和收到的网络请求接口生成state、mutation和action的方法，所述生成state、mutation和action的方法被映射到子文件xx.js中；所述getter.js获取state数据，并返回至index.js，index.js用于组装子文件xx.js和getter.js，并导出至views模块；views模块：包括app.vue、theme.less和module，所述app.vue为程序的主组件，所述theme.less用于提供UI主题，所述module为根据业务划分的子模块，所述子模块内包含功能页面；router模块：包含router.js，用于创建新路由，并将组件映射到路由，接收theme.less的UI主题并向main.js提供渲染组件的位置；axios模块：包括fetch.js，用于初始化axios模块并配置网络拦截器，并将网络请求接口传递给store模块的generator.js；components模块：包含自定义控件；util模块：用作工具箱，所述工具箱包含用于写入复用的数据的混入文件。