ABP框架（asp.net core 2.X+Vue）模板項目學習之路（一）

前言：

　　第一次接觸ABP的項目是在2018年6月份，可是當時沒有深刻具體的研究，而今天由於工做的須要，須要學習、瞭解這個框架，在時隔半年以後，今天從新下載了這個項目，雖然在園子裏有不少前輩們寫的這類的文章，可是我仍是會在博客園中記錄一下學習的過程，一是但願可以幫助到有須要的人，二是也算是本身學習的一個歷程，雖然原先的時候，偶爾也會寫一些隨筆，因爲文采的緣由，寫的可能不是特別的詳細，主要也是以代碼爲主，可是在這個學習的過程當中，會發布一些代碼，發佈一些截圖，同時也會寫一些本身的心得！

 

正文：

本篇內容主要說的是從ABP官網下載項目到項目可以在瀏覽器中正式運行起來的一個過程！

1. 前期準備工做，具體詳細的安裝步驟，在園子裏有不少大佬和前輩都有介紹，再次就不一一寫出來了
   • 根據本身系統的須要去選擇安裝Node.js(官網地址：https://nodejs.org/en/download/)驗證是否安裝成功，在windos命令窗口輸入：node -v
   • 經過npm安裝VUE腳手架(vue-cli)：npm install -g vue-cli //-g是全局安裝，驗證是否安裝成功，在windos命令窗口輸入：vue -V
   • 安裝npm安裝yarn：npm install -g yarn，驗證是否安裝成功，在windos命令窗口輸入：yarn -v
2. 從官網下載ABP項目（官網地址:https://aspnetboilerplate.com/Templates)

3. 下載項目壓縮包後的文件列表展現
4. 首先咱們先運行aspnet-core項目，經過vs2017打開後，會自動去下載相關的dll字符串，在項目從新生成所有成功後更改MyABPProject.Web.Host這個項目中appsettings.json中的數據庫鏈接字符串，改爲本身的字符串，而後進行數據庫還原。
5. 數據庫還原方式：
   • 將MyABPProject.EntityFrameworkCore這個項目設置成啓動項目（不然會報錯：

     The specified framework version '2.1' could not be parsed
     The specified framework 'Microsoft.NETCore.App', version '2.1' was not found.

     ）
   • 打開程序包管理器控制檯（工具->NuGet包管理器->程序包管理器控制檯）
   • 通「Update-Database」這個命令進行數據庫還原，等待還原完成後，直接F5啓動，在端口號後面加上「/swagger」會在瀏覽器中看到如下界面運行到此，說明asp.net core服務器端項目已正式啓動完成
6. 接下來咱們來運行vue的客戶端程序
   • vue項目的列表信息詳細如同所示：
     
   • 在終端中打開vue項目的目錄地址（D:\項目管理\MyABPProject\4.3.1\vue>），經過命令「yarn install」進行安裝項目依賴，恢復安裝完成後以下圖顯示：
   • 經過命令「yarn serve --open」直接運行客戶端項目，「--open」的做用是，項目啓動後，直接在瀏覽器中打開，不須要手動輸入地址，命令「yarn serve」也能夠啓動項目，可是須要手動在瀏覽器中輸入地址
   • 瀏覽器中打開客戶端項目地址（http://localhost:8080/#/）顯示如下界面：
   • 用戶名：admin  密碼：123qwe 點擊登陸後成功進入系統：

　　直至到此，項目運行完成，在上面能夠根據本身的需求進行更改，在之後的日子裏，我會詳細的記錄這個項目的前端和後端，但願你們可以監督，若是在文章中發現錯誤信息，請您及時聯繫我，我收到後會第一時間進行改正，謝謝

　　您的承認是我最大的動力，若是可以幫助到您，但願您可以點下推薦