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)
