从0开始，构建前后端分离应用

最近业余时间比较充足1，想开发一个小系统。作为自己的技术积累

后端使用Spring+SpringMVC+Mybatis框架、前端使用Vue+iView作为基础开发一个前后端分离的SPA应用

目录

1、环境搭建

1.1 Maven+Nexus搭建后台构建环境

1.2 前台工程搭建

2、前端开发

2.1基于iView的组件封装

3、后端开发

3.1拦截器的使用

3.2后台单元测试构建

环境简介

由于是个人练习的小项目，因此开发环境设计也很简单。物理环境包括一台dbServer、一台配置服务器、一台应用服务器

服务器名称	服务器IP	操作系统	部署内容
dbServer	192.168.0.112	CentOS7	Mysql5.7
运维服务器	192.168.0.110	CentOS7	nexus3.9
appServer	192.168.0.111	CentOS7	tomcat8、redis
个人PC	192.168.0.103	MacBook Pro	IDEA、WebStorm、DataGrip、MAVEN、tomcat8、VirtualBox、jdk8、Dash

基本就是这样，至于如何安装网上有大把的资料。推荐两款工具

DataGrip：作为数据库客户端工具，和以往用过的Sequel Pro、Navicat对比，它的提示功能非常强大，提供了很多提高工作效率的小功能，与IDEA同出一门，很赞！

WebStorm：同样也出自IntelliJ，前端开发利器。与它类似的还有apache出品的atom，这两款工具我都使用过。后者的定制性更强，有很多插件可以使用，但是需要花时间去研究。我比较懒因此选择了出厂就配置好的WebStorm。

技术选型

后端：

Spring+SpringMVC+MyBatis、对象序列化采用google的GSON、针对通过用的CRUD使用Mybatis的SqlBuilder进行封装

使用testNG进行单元测试

前端：

选择最近比较火热的Vue作为前端框架、使用官方推荐的iView作为UI库、路由同样使用Vue的Vue-Router、异步请求使用axios、less、es6