從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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM