做了一個前後臺分離式的前端,因為實驗室保密問題,所以特別摘錄出一個迷你版本,特點為,可以直接開啟瀏覽器觀看,也可以啟動自身的瀏覽器觀看.

通過以上程式碼,可以學習如何建立使用.vue檔案,以及如何寫table,如何使用e-charts,以及使用bootstrap

[工程架構]

工具: npm包管理工具,webpack打包工具

模型:vue MVVM模型

樣式:bootstrap佈局,vue-strap樣式

元件:echarts繪製圖表,vue-resource與伺服器互動

截長圖：snagit

[學習及工具網站]

編輯器：brackets

安裝方法：

sudo apt-add-repository ppa:webupd8team/brackets
sudo apt-get update
sudo apt-get install brackets

伺服器：nginx

安裝：

apt-get update
apt-get install nginx

配置：在http裡面新增：

server { listen 8001; server_name localhost; location / {         root /home/hadoop/Projects/code-clone-frontend-rf;         index index.html; } }

一點點感悟:

當自己不懂的時候看網上的資料,發現還是不懂,因為一些細節被隱藏了,本來希望自己做一個完全沒有隱藏細節的demo給大家,但是還是不能過如願,希望每個人都能夠不怕難地去摸索,這樣跌打滾爬後才會有一些美好的結果.