一:軟體安裝
1.1 檢測node 是否安裝
1.2 安裝**映象 cnpm
1.3 安裝vue-cli
1.4 檢查是否安裝vue-cli腳手架成功
1.5安裝webpack 模組管理工具
二:建立vue專案
2.1 建立乙個基於webpack專案
2.2 進入專案檔案
2.3以生產環境啟動專案
2.4開啟瀏覽器
三:安裝外掛程式
3.1 安裝ajax外掛程式axios (vue-resource在2.0以後就不在更新了)
3.2 安裝狀態管理工具vuex (元件間資料傳輸)
3.3 安裝框架element ui
3.4 安裝less外掛程式
3.5安裝animate外掛程式
四:配置外掛程式
4.1 配置axios外掛程式
4.2 配置vuex
4.3 配置element ui
4.5 配置使用animate外掛程式
五:開始首頁(頭部尾部)
5.1:home主頁
5.2 頭部
5.3 尾部
六:模擬資料
6.1 裝外掛程式 mockjs,乙個模仿介面的小東西
6.2 配置外掛程式
正式寫資料
前後端分離專案
由於目前公司需要為已經存在的專案統一單點登入,而技術選型後採用的是apereo的cas。但是由於官方cas文件的混亂性 你懂得!並且其官方的例項和網上的例項教程都是基於傳統的專案 也就是非前後端分離專案 因此對於前後端分離的專案整合cas的可參考的資料就比較少,於是就有了下面的前後端分離專案基於ca...
用Delphi開發前後端分離的Web專案
delphi傳統上是開發cs軟體和windows服務端應用的利器。在過去10年間,delphi已發展為跨平台開發工具,全面支援window android ios linux等32 64位平台。在web開發領域,從傳統的靜態html,到動態伺服器頁面 類似asp jsp php等 再到現代的前後端分...
用nginx實現前後端分離的專案的前後端訪問
現在幾乎都是前後端分析的專案,在開發和線上一般都會使用nginx做 來實現跨域和負債均衡。nginx安裝前面已經講過,現在寫寫如何配置,前端技術為vue。server location web server location web 前端 在路徑 var www html yanwei privat...