OsharpNS轻量级.net core快速开发框架简明入门教程
OsharpNS官方資源
項(xiàng)目地址:https://github.com/i66soft/osharp-ns20
演示地址:https://www.osharp.org 直接使用QQ登錄可以查看效果
文檔地址:https://docs.osharp.org 正在完善中....
發(fā)布博客:https://www.cnblogs.com/guomingfeng/p/osharpns-publish.html 大神看這個(gè)文檔應(yīng)該就能跑起來,從零開始啟動(dòng)Osharp基于此文檔完成
VS生成器插件:https://marketplace.visualstudio.com/items?itemName=LiuliuSoft.osharp
官方交流QQ群:85895249
OsharpNS所需的基礎(chǔ)環(huán)境
1.OSharpNS始終緊隨微軟的步伐,使用最新版本的 dotnetcore,請(qǐng)前往Download .NET (Linux, macOS, and Windows),"Download .NET (Linux, macOS, and Windows")點(diǎn)擊Download .NET Core SDK下載并安裝最新版本的dotnetcore
2.下載并安裝.net core開發(fā)環(huán)境(本人使用VS2017/VS2019作為作為OsharpNS的開發(fā)環(huán)境,歡迎高手提供VS Code開發(fā)和調(diào)試.net core程序的方法,這環(huán)境太龐大)
3.下載并安裝Angular6的前端開發(fā)環(huán)境(本人使用VS Code)
在正式開始之前,先看看最終能看到的效果
使用OsharpNS項(xiàng)目模板創(chuàng)建項(xiàng)目
1.在任意空白目錄,打開cmd或者powershell命令行窗口
執(zhí)行命令dotnet new -i OSharpNS.Template.Mvc_Angular
執(zhí)行命令dotnet new osharp_cmd獲取Osharp安裝腳本,執(zhí)行完成后,目錄中出現(xiàn)cmd_build.bat文件
雙擊cmd_build.bat,并根據(jù)要求命名項(xiàng)目名稱(也可以根據(jù)喜好對(duì)項(xiàng)目進(jìn)行命名,本示例使用CanDoo.Test作為項(xiàng)目名稱),完成項(xiàng)目創(chuàng)建
配置數(shù)據(jù)庫(kù)連接串并啟動(dòng)項(xiàng)目
打開解決方案CanDoo.Test.sln后,各個(gè)工程之間的引用關(guān)系已配置好,osharp框架的類庫(kù)已引用 nuget.org 上的相應(yīng)版本,并將自動(dòng)還原好
在解決方案上,右擊,點(diǎn)擊還原Nuget包,完成相關(guān)引用的還原
在解決方案上,右擊,點(diǎn)擊屬性,更改啟動(dòng)項(xiàng)目為CanDoo.Test.Web
打開appsettings.Development.json,對(duì)數(shù)據(jù)庫(kù)連接串根據(jù)實(shí)際進(jìn)行修改(appsettings.json為正式發(fā)布時(shí)使用的配置文件,調(diào)試時(shí)使用的是appsettings.Development.json,請(qǐng)注意區(qū)分)
運(yùn)行項(xiàng)目CanDoo.Test.Web,如果能看到Swagger說明運(yùn)行成功(首次啟動(dòng)系統(tǒng)自動(dòng)創(chuàng)建數(shù)據(jù)庫(kù),初始化相關(guān)參數(shù),時(shí)間較久)
補(bǔ)充說明:OsharpNS正在大力完善中,更新比較快,如果需要更新OsharpNS的引用,請(qǐng)點(diǎn)擊在解決方案上,右擊,點(diǎn)擊管理解決方案的Nuget程序包...,切換到更新標(biāo)簽,勾選包括預(yù)發(fā)行版(因?yàn)镺sharpNS處于預(yù)發(fā)行狀態(tài),只更新Osharp相關(guān)的即可,其他的預(yù)發(fā)行的包別去用
OsharpNS.Swagger使用實(shí)例(登錄和授權(quán))
將系統(tǒng)運(yùn)行起來后,看到Swagger界面,找/api/Test/Test01,點(diǎn)擊后展開查看接口信息
點(diǎn)擊Try it out,再點(diǎn)擊Excute調(diào)用接口
Response body中顯示用戶注冊(cè)成功,系統(tǒng)自動(dòng)注冊(cè)2個(gè)用戶,其中用戶名:admin 密碼gmf31529019為超級(jí)管理員用戶
找到接口/api/Identity/JwtokenJwt,點(diǎn)擊后查看接口信息
點(diǎn)擊Try it out,輸入用戶名和密碼,再點(diǎn)擊Excute調(diào)用接口
"Account": "admin",
"Password": "gmf31529019",
}
查看Response body中反饋信息中Data的數(shù)據(jù)比較關(guān)鍵
"Type": 200,
"Content": "登錄成功",
"Data": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJuYW1laWQiOiIxIiwidW5pcXVlX25hbWUiOiJhZG1pbiIsIm5iZiI6MTU1NTY3NDQyNywiZXhwIjoxNTU1NzYwODI3LCJpYXQiOjE1NTU2NzQ0MjcsImlzcyI6Im9zaGFycCBpZGVudGl0eSIsImF1ZCI6Im9zaGFycCBhbmd1bGFyIGRlbW8ifQ.gJ7QjyoO7VFCuvAW5iVDY2fm9Lt3OWCu4WdXwiUqMKE"
}
回到Swagger最頂部,找到綠色的文字Authorize,點(diǎn)擊后在彈出窗口的Value中輸入Bearer加登錄是反饋的Data
至此訪問其他接口的時(shí)候 不會(huì)再提示未登錄
Angular6的前端項(xiàng)目啟動(dòng)
下載并安裝node.js,下載地址:https://nodejs.org/en/ ,建議下載LTS版本
進(jìn)入前端目錄CanDoo.Test\src\ui\ng-alain,以管理員身份打開PowerShell
設(shè)置npm的淘寶鏡像倉(cāng)庫(kù):由于npm的國(guó)外倉(cāng)儲(chǔ)會(huì)很慢,所以最好把npm倉(cāng)庫(kù)地址指定國(guó)內(nèi)鏡像,推薦淘寶鏡像npm config set registry https://registry.npm.taobao.org
安裝全局Angular/Cli:如果Angular/Cli沒有安裝,執(zhí)行如下命令全局安裝Angularnpm install -g @angular/cli,Angular的快速啟動(dòng),請(qǐng)參考Angular官方文檔:https://angular.cn/guide/quickstart
執(zhí)行NodeJS包安裝命令npm install
包安裝完成后,輸入項(xiàng)目啟動(dòng)命令npm start,如果運(yùn)行成功,在瀏覽器中輸入http://localhost:4201/就能看到界面了
重新安裝Angular的方法:https://blog.csdn.net/qq_37692642/article/details/79372105
執(zhí)行npm install時(shí)候出現(xiàn)錯(cuò)誤,注意看下Python的Path路徑是否配置了(我本地是裝好Python并且配置好Path的),但是安裝時(shí)候還是出錯(cuò)了,解決時(shí)參考的文檔:https://blog.csdn.net/ztz87/article/details/81734916 ,查看錯(cuò)誤信息是node-sass安裝失敗,我執(zhí)行了設(shè)置淘寶鏡像npm set SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/,再次運(yùn)行npm install node-sass,安裝成功
直接使用用戶名:admin 密碼:gmf31529019就能進(jìn)入后臺(tái)了
非官方的VUE界面,后期會(huì)跟隨作者的腳步更新
原文地址:https://www.cnblogs.com/candoo/p/10773735.html
.NET社區(qū)新聞,深度好文,歡迎訪問公眾號(hào)文章匯總?http://www.csharpkit.com?
總結(jié)
以上是生活随笔為你收集整理的OsharpNS轻量级.net core快速开发框架简明入门教程的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 你必须知道的 SmartSql
- 下一篇: .net core 注入机制与Autof