1,打開ABP官網下載下傳模闆頁面
2,根據下圖選擇對應的選項及輸入項目名
注:上圖驗證碼下方的選擇框打鈎表示下載下傳最新穩定版,不打鈎表示下載下傳最新版本(有可能是預覽版)
3,解壓下載下傳的壓縮包
解壓之後是個abp版本号命名的檔案夾如下圖
啟動服務端項目步驟如下
1,vs2017打開服務端項目xxx.sln,打開之後右鍵解決方案還原Nuget包(vs2017打開之後放着會自動還原其他版本有些需要下圖的操作)
2,項目打開之後解決方案分層分析定義如下
3.1删除基礎層xxx.EntityFrameworkCore下的Migrations預設的所有檔案(項目下載下傳完之後第一次需要删掉裡面自帶的曆史記錄)
3.2打開工具>程式控制台
①先設定遷移層xxx.migrator為啟動項
然後打開展現層xxx.Web.Host下的appsettings.json修改資料庫連接配接字元串ConnectionStrings(這裡有個疑問?遷移層下也有個配置資料庫的檔案,但是沒有效果後續研究看看---疑問可以忽略不看)
連接配接字元串Data Source=ip;Initial Catalog=資料庫名稱;user=使用者名;password=密碼;
②新增資料遷移執行指令Add-Migration first_init結果如下圖表示成功
③執行更新資料庫指令Update-Database結果如下圖表示成功(執行完之後可以看到根據EF模型Model自動建立了資料庫和表)
④設定展現層xxx.Web.Host為啟動項f5運作可以看到如下界面
啟動前端vue項目步驟如下
1,前提是有vue運作環境(nodejs下載下傳安裝+yarn類似npm包管理)
2,運作cmd→進入vue前端項目的目錄
3,①執行yarn install
②執行yarn serve --open
啟動之後在浏覽器看到的是空白頁面如果是用chrome浏覽器按f12就可以看到如下圖的報錯,這說明存在跨域問題看下面第③步我們來解決這個問題
③停止服務端運作,就是停止vs;然後打開展現層xxx.Web.Host項目下的appsettings.json檔案找到CorsOrigins在這個值加上,http://localhost:8082這裡是控制有哪些域名端口可通路,根據實際情況設定
修改之後重新運作服務端,然後重新整理頁面可看到頁面如下表示成功運作(預設賬号是admin密碼是123qwe)
有夢想一定要去做
但是未必一定要實作