用vue前後端分離專案開發記錄

2022-08-10 09:33:15 字數 1373 閱讀 7901

一:軟體安裝

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...