🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
这里简单总结了如何基于新一代平台进行实战和工程化的内容; ## 一、概述 rayframework采用的是前后端分离的架构,因此,基于平台的开发,也需要基于前后端分别进行说明; 前端:基于vue的UI库开发,这里设定的前端开发,是基于平台的管理系统; 后端:基于springboot+uniframework开发; 调度:调度服务,是独立于后端运行的单独组件,需遵循单独规范开发; ![](https://img.kancloud.cn/be/0b/be0be92659e71937360aab0509a89918_498x538.png) ### A、开发方案 springboot和vue结合的开发方案主要有以下两种: 1、在html中直接使用script标签引入vue和一些常用的组件,这种方式和以前传统的开发是一样的,可以使用vue的双向数据绑定,这种方式只适合于普通的全栈开发。 2、使用vue-cli脚手架创建单独的前端工程项目,做到和后端完全独立开发。 ### B、部署方案 前后端分离开发之后,可以合并部署,也可以独立部署: 1、独立部署,后端单独部署一个纯restful的服务,而前端直接采用nginx来部署,这种称为完全的前后端分离架构开发模式,但是在分离中有很多api权限的问题需要解决,包括部署后的vue router路由需要在nginx中配置rewrite规则。这种前后端完全分离的架构也是目前互联网公司所采用的,后端服务器不再需要处理静态资源,也能减少后端服务器一些压力。 2、合并部署,前端开发好后将build构建好的dist下static中的文件拷贝到springboot的resource的static下,index.html则直接拷贝到springboot的resource的static下;.这种方案需要处理静态资源访问和vue router路由的路径无法正常解析的处理; ## 二、推荐方案 开发期:前端基于VSCode开发,后端基于Eclipse开发,采用独立开发的方案; 部署期:前端由vue工程执行npm run build打包后在dist 文件夹中生成的内容,部署到nginx中,后端打war包基于tomcat部署,也就是采用独立部署的方案;