云卷云舒的架构师之路

前后端分离实践（一）—— 基础理论篇前后端分离实践（二）—— 使用Springboot2.0搭建REST风格的Java后端架构前后端分离实践（三）—— 使用Express+Nodejs搭建前端服务层前后端分离实践（四）—— 使用vue-cli搭建前端展示层并用mock模拟测试数据前后端分离实践（五）—— 前端与后端的集成前后端分离实践（六）—— 前端与后端在生产环境中的分离部署...

前后端分离实践系列文章总目录目录一、什么是前后端分离？二、为什么需要前后端分离？1、前后端职责不清2、开发效率不高三、前后端分离究竟分离了什么？1、开发职责的分离2、交互方式的分离3、代码组织方式的分离4、应用部署的分离四、为什么要加入Node中间层来实现前后端分离？1、反思前后端的定义2、加入Node中间层之后的系统架构图3、加入Node中...

前后端分离实践系列文章总目录目录一、统一的JSON数据返回格式1、JSON响应结构预览2、JSON响应结构与Java类的映射3、添加Springboot-web模块的Maven依赖4、新建一个Controller类编写JSON响应结构的测试方法5、测试JSON响应结构二、集成Swagger2进行在线接口文档维护1、添加Swagger2的Maven依赖2、在S...

前后端分离实践系列文章总目录目录一、搭建Nodejs开发环境1、什么是npm？2、下载安装npm3、查看node和npm版本号4、什么是cnpm？5、安装淘宝的cnpm6、添加cnpm的环境变量二、搭建Express开发环境1、什么是Express？2、安装express应用程序生成器3、创建一个名为fbsep-node的express应用4、进...

前后端分离实践系列文章总目录目录一、搭建一个Vue-cli脚手架应用1、全局安装vue-cli2、使用webpack初始化一个vue应用3、进入fbsep-vue应用目录启动应用4、浏览器访问fbsep-vue应用二、使用mock进行接口数据模拟1、安装mockjs2、安装Axios3、添加mock测试数据文件4、引用mock测试数据文件5、在ind...

前后端分离实践系列文章总目录目录一、前端服务层Nodejs应用与后端Springboot应用的集成1、启动Springboot应用访问/api/hello接口确保能正常访问2、在fbsep-node目录下安装axios3、在routes目录的api.js中添加访问Java接口的内容4、启动Node应用查看通过Node层获取到的接口数据二、前端展示层Vue应用与前端服务层...

前后端分离实践系列文章总目录 前后端分离也包括部署的分离，下面来简单说一下三层应用如何进行部署。Springboot应用可以打包成一个jar包直接上传到linux服务器上启动运行。Vue应用可以借助webpack打包工具将所有资源打包成一个dist文件夹，可以将dist目录中的文件放到nginx服务器的html目录下，通过访问nginx来访问静态资源。而Node应用的部署就相对比...