從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