项目截图项目演示地址本项目主要解决:如何为不懂前端搭建,负责大部分业务逻辑的后端开发单页应用。如果有用,请给个推荐。感谢您最近进行了一次小更新。配置文件可以配置模块是否异步加载,是否与store关联。开发后台公司推动手机项目,但目前的开发模式还是以后端渲染为主。后端开发对前端自动化打包和构建工具一无所知,没有外网;在这种情况下,如何在不改变后端开发模式的情况下做出单页应用呢?需要解决的问题如下:使用什么前端框架如何开发后端如何快速上手后端如果后端是协同开发的,实时查看页面效果不用a搭建环境怎么打包用什么前端框架react没有前端搭建环境开发难度很高,而且有一定的门槛,直接排除;目前对Vue比较感兴趣,上手简单,API简单易懂;后端基本没有门槛;控件库移植我选择了饿了么的mint-ui,后续会介绍前端开发如何主要使用gulp进行css预处理,基本内容就是绘制页面(无技术含量??)如何获取在后端启动是因为决定使用vue,这种情况可以忽略;如何与后端配合我想到的开发协同是子页面,Vue的字符串模板和requirejs的文本插件就可以实现;不搭建环境查看页面效果可以在初始化vue-router时使用requirejs加载各个模板配置生成router并加载指定的页面(模块)如何打包requirejs提供了r.js,前端直接打包后即可开发完成实现一个包含tpl.html和index.js的页面;tpl.html是vue的模板,通过requirejs加载字段;index.js返回一个需要用于vue实例化的对象,里面包含了页面的逻辑;添加配置文件,添加vue-router,通过配置文件在新的VueRouter中生成路由;在项目中newVue此时指定路由器实例;这样就可以通过配置的路由器来切换页面中的跳转。添加vuex来处理可能的全局状态处理。还使用配置文件指定每个页面是否加载商店。添加gulp处理sass文件,用于前端开发,这里是项目目录结构截图。业务模块和常用控件的文件内容将在后续文章中介绍:控件库的移植;通过配置加载实现模块切换,通过nod最终打包的动态效果ejs对打包过程的特殊处理(引入配置文件引起的问题)项目源码下载gitclonehttps://github.com/heruiwoniou/vue-requirejs-mobile-ui.gitinstallnpminstallrungulp下一节
