不少小夥伴都比較疑問，咱們學習了不少的技術庫，看了不少的官方文檔，怎麼才能獨立作一個小的項目呢？把咱們的知識運用到實戰當中呢？別急，本教程會一步一步的帶領你們，作一套先後端分離的項目，最後上線部署到阿里雲服務。（騰訊雲、百度雲同理，關鍵看哪一個便宜。哈哈，開個玩笑，言歸正傳。）前端
首先來介紹下本教程用到的技術棧，用的是比較流行的React架構做爲前端頁面渲染，有的小夥伴可能用的是Vue或者是AngularJS,不要緊，我後面系列教程涉及的。那咱們後端用的技術是JAVA語言，java自從Sun Microsystems公司於1995年5月推出以來，收到了普遍的歡迎，連續評爲使用最多、最普遍的語言。Spring有做爲java中最優秀的架構，你沒有理由拒絕它。java
技術簡介
（1）React 是一個用於構建用戶界面的 JAVASCRIPT 庫。React主要用於構建UI，不少人認爲 React 是 MVC 中的 V（視圖）。React 起源於 Facebook 的內部項目，用來架設 Instagram 的網站，並於 2013 年 5 月開源。React 擁有較高的性能，代碼邏輯很是簡單，愈來愈多的人已開始關注和使用它。git
React特色spring
| 1 | 聲明式設計 | React採用聲明範式，能夠輕鬆描述應用。 |
| 2 | 高效 | React經過對DOM的模擬，最大限度地減小與DOM的交互。 |
| 3 | 靈活 | React能夠與已知的庫或框架很好地配合。 |
| 4 | JSX | JSX 是 JavaScript 語法的擴展。React 開發不必定使用 JSX ，但咱們建議使用它。 |
| 5 | 組件 | 經過 React 構建組件，使得代碼更加容易獲得複用，可以很好的應用在大項目的開發中。 |
| 6 | 單向響應的數據流 | React 實現了單向響應的數據流，從而減小了重複代碼，這也是它爲何比傳統數據綁定更簡單。 |
（2）Spring Boot是構建全部基於Spring的應用程序的起點。Spring Boot旨在儘量快地啓動和運行，只需最少的Spring前端配置。
npm
環境搭建
欲先攻其事，必先利其器（不說明本身使用的環境行爲都是耍流氓），網上的工具備不少，每一個人都有每一個人的愛好，我不勉強，在這裏我只介紹我這邊用的一些比較好用的一些工具。（再次聲明，本教程是實戰教程，不是入門教程，下面工具自行下載安裝，若是安裝問題能夠在下邊評論我，我會統一回復！）後端
一、vscode(Visual Studio Code)+Node.js+git緩存
二、JDK1.8(springboot 要求最低版本)+intellij idea+mavenspringboot
三、Oracle 11g （或者更高，不過會有一些函數語法差別）+ Redis server(緩存)架構
裝好以後，查看JAVA環境是否安裝成功，打開DOC命令行工具，輸入java -version框架
C:\Users\hp>java -version
java version "1.8.0_161"
Java(TM) SE Runtime Environment (build 1.8.0_161-b12)
Java HotSpot(TM) 64-Bit Server VM (build 25.161-b12, mixed mode)
查看NODE.JS環境是否安裝成功，打開DOC命令行工具，輸入npm -version
C:\Users\hp>npm -version
5.6.0
還有童鞋會問intellij idea不是收費的嗎？不要急，這裏給你們介紹一個網站，把裏面的註冊服務地址粘貼進去就能夠了。