后端程序员学习vue|第一章 前后端分离

前言

因为自己的项目前端是基于vue的，导致很多同学看不懂前端代码，这边我简单的介绍一下我学习vue的过程，加快后端同学对前端的学习理解。

什么是前后端分离

已经懂前后端分离和RestfulAPI意义的可以跳过这个章节。
早些时候的web开发是基于servelet的jsp，前后端冗余，那时候的前端和现在含义并不一样，以前的前端更适合叫UI，开发大都还是后端来写。但是这种开发模式有几个问题，一是开发压力很大，既要考虑后端代码，也要考虑前端实现，二是随着小程序，混合app开发，传统的jsp里的接口都要重写，功能明明一样，但是代码却2份，三就是维护问题，jsp项目后期的维护难度很大，四是代码逻辑冗余，需要解耦等。
各种问题爆发之后，前后端分离刻不容缓，java开发最适合的技术选择就是springboot+vue，这里推荐看下我“Springboot单体架构搭建”系列文章（RestfulAPI在那里有介绍，这里就不介绍了）。Springboot是最适合java后端RestfulAPI开发的框架，目前没有之一。前端的选择则很多，只要支持请求RestfulAPI都行，目前主流是vue，react，angular（老版本angular.js，不推荐学习了）。我选择vue的原因很简单，因为简单易学。
前后端分离之后，前端代码也可以直接单独部署（通常部署到nginx，建议看下我docker系列文章），如果你前端代码都不能单独运行，你们项目肯定不是分离的了。当然也不是一定要分离，如果你们确实没有前端人员，为了方便也可以选择后端模版引擎，jsp真心已经过时不要再为难自己和后续接手开发了，这里推荐thymleaft和freemarker，开发模式和jsp很像，简单易学。

前后端分离注意点

前后端分离之后的权限验证也需要重新设计，这里推荐jwt模式（JSON Web Tokens），简单理解就是登陆请求之后给前端发一个token，之后每次前端请求都要带上token头来证明自己的权限，我在自己“Springboot单体架构搭建”系列文章有实现一个简单的jwt模式。
不支持ie低版本，比如Vue 不支持 IE8 及以下版本。
对于爬虫支持不是很好，不太适合做官网首页展示等需要百度爬虫的业务，推荐使用模版引擎。

学习资料

官网https://cn.vuejs.org/不多说，先速通一轮官网教程，知道有哪些功能在哪找到，不需要全部记住，开发时候能找到位置就行。
优秀的开源项目，目前只推荐https://github.com/PanJiaChen/vue-element-admin
适合的UI框架，web端element-ui（强推），app端iview（暂时不推荐vue直接开发app，react和angular更成熟）