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

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

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

目录

一、环境搭建

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

1.2 前台工程搭建

二、前端开发

2.1基于iView的组件封装

 

三、后端开发

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	tomcat八、redis
我的PC	192.168.0.103	MacBook Pro	IDEA、WebStorm、DataGrip、MAVEN、tomcat八、VirtualBox、jdk八、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