OsharpNS轻量级.net core快速开发框架简明入门教程

OsharpNS官方资源
项目地址:https://github.com/i66soft/osharp-ns20
演示地址:https://www.osharp.org 直接使用QQ登录可以查看效果
文档地址:https://docs.osharp.org 正在完善中....
发布博客:https://www.cnblogs.com/guomingfeng/p/osharpns-publish.html 大神看这个文档应该就能跑起来,从零开始启动Osharp基于此文档完成
VS生成器插件:https://marketplace.visualstudio.com/items?itemName=LiuliuSoft.osharp
官方交流QQ群:85895249

OsharpNS所需的基础环境

1.OSharpNS始终紧随微软的步伐,使用最新版本的 dotnetcore,请前往Download .NET (Linux, macOS, and Windows),"Download .NET (Linux, macOS, and Windows")点击Download .NET Core SDK下载并安装最新版本的dotnetcore
2.下载并安装.net core开发环境(本人使用VS2017/VS2019作为作为OsharpNS的开发环境,欢迎高手提供VS Code开发和调试.net core程序的方法,这环境太庞大)
3.下载并安装Angular6的前端开发环境(本人使用VS Code)

在正式开始之前,先看看最终能看到的效果
640?wx_fmt=png

使用OsharpNS项目模板创建项目

1.在任意空白目录,打开cmd或者powershell命令行窗口
640?wx_fmt=png

  1. 执行命令dotnet new -i OSharpNS.Template.Mvc_Angular
    640?wx_fmt=png

  2. 执行命令dotnet new osharp_cmd获取Osharp安装脚本,执行完成后,目录中出现cmd_build.bat文件
    640?wx_fmt=png

  3. 双击cmd_build.bat,并根据要求命名项目名称(也可以根据喜好对项目进行命名,本示例使用CanDoo.Test作为项目名称),完成项目创建
    640?wx_fmt=png

配置数据库连接串并启动项目

  1. 打开解决方案CanDoo.Test.sln后,各个工程之间的引用关系已配置好,osharp框架的类库已引用 nuget.org 上的相应版本,并将自动还原好
    640?wx_fmt=png

  2. 在解决方案上,右击,点击还原Nuget包,完成相关引用的还原
    640?wx_fmt=png

  3. 在解决方案上,右击,点击属性,更改启动项目为CanDoo.Test.Web
    640?wx_fmt=png

  4. 打开appsettings.Development.json,对数据库连接串根据实际进行修改(appsettings.json为正式发布时使用的配置文件,调试时使用的是appsettings.Development.json,请注意区分)
    640?wx_fmt=png

  5. 运行项目CanDoo.Test.Web,如果能看到Swagger说明运行成功(首次启动系统自动创建数据库,初始化相关参数,时间较久)
    640?wx_fmt=png
    补充说明:OsharpNS正在大力完善中,更新比较快,如果需要更新OsharpNS的引用,请点击在解决方案上,右击,点击管理解决方案的Nuget程序包...,切换到更新标签,勾选包括预发行版(因为OsharpNS处于预发行状态,只更新Osharp相关的即可,其他的预发行的包别去用

OsharpNS.Swagger使用实例(登录和授权)

  1. 将系统运行起来后,看到Swagger界面,找/api/Test/Test01,点击后展开查看接口信息

  2. 点击Try it out,再点击Excute调用接口
    640?wx_fmt=png

  3. Response body中显示用户注册成功,系统自动注册2个用户,其中用户名:admin 密码gmf31529019为超级管理员用户
    640?wx_fmt=png

  4. 找到接口/api/Identity/JwtokenJwt,点击后查看接口信息

  5. 点击Try it out,输入用户名和密码,再点击Excute调用接口

{
"Account": "admin",
"Password": "gmf31529019",
}

640?wx_fmt=png

  1. 查看Response body中反馈信息中Data的数据比较关键

{
"Type": 200,
"Content": "登录成功",
"Data": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJuYW1laWQiOiIxIiwidW5pcXVlX25hbWUiOiJhZG1pbiIsIm5iZiI6MTU1NTY3NDQyNywiZXhwIjoxNTU1NzYwODI3LCJpYXQiOjE1NTU2NzQ0MjcsImlzcyI6Im9zaGFycCBpZGVudGl0eSIsImF1ZCI6Im9zaGFycCBhbmd1bGFyIGRlbW8ifQ.gJ7QjyoO7VFCuvAW5iVDY2fm9Lt3OWCu4WdXwiUqMKE"
}

640?wx_fmt=png

  1. 回到Swagger最顶部,找到绿色的文字Authorize,点击后在弹出窗口的Value中输入Bearer加登录是反馈的Data

Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJuYW1laWQiOiIxIiwidW5pcXVlX25hbWUiOiJhZG1pbiIsIm5iZiI6MTU1NTY3NDQyNywiZXhwIjoxNTU1NzYwODI3LCJpYXQiOjE1NTU2NzQ0MjcsImlzcyI6Im9zaGFycCBpZGVudGl0eSIsImF1ZCI6Im9zaGFycCBhbmd1bGFyIGRlbW8ifQ.gJ7QjyoO7VFCuvAW5iVDY2fm9Lt3OWCu4WdXwiUqMKE

640?wx_fmt=png
640?wx_fmt=png

  1. 至此访问其他接口的时候 不会再提示未登录

Angular6的前端项目启动

  1. 下载并安装node.js,下载地址:https://nodejs.org/en/ ,建议下载LTS版本

  2. 进入前端目录CanDoo.Test\src\ui\ng-alain,以管理员身份打开PowerShell
    640?wx_fmt=png

  3. 设置npm的淘宝镜像仓库:由于npm的国外仓储会很慢,所以最好把npm仓库地址指定国内镜像,推荐淘宝镜像npm config set registry https://registry.npm.taobao.org

  4. 安装全局Angular/Cli:如果Angular/Cli没有安装,执行如下命令全局安装Angularnpm install -g @angular/cli,Angular的快速启动,请参考Angular官方文档:https://angular.cn/guide/quickstart

  5. 执行NodeJS包安装命令npm install
    640?wx_fmt=png

  6. 包安装完成后,输入项目启动命令npm start,如果运行成功,在浏览器中输入http://localhost:4201/就能看到界面了

  7. 重新安装Angular的方法:https://blog.csdn.net/qq_37692642/article/details/79372105

  8. 执行npm install时候出现错误,注意看下Python的Path路径是否配置了(我本地是装好Python并且配置好Path的),但是安装时候还是出错了,解决时参考的文档:https://blog.csdn.net/ztz87/article/details/81734916 ,查看错误信息是node-sass安装失败,我执行了设置淘宝镜像npm set SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/,再次运行npm install node-sass,安装成功
    640?wx_fmt=png

  9. 直接使用用户名:admin 密码:gmf31529019就能进入后台了

  10. 非官方的VUE界面,后期会跟随作者的脚步更新

原文地址:https://www.cnblogs.com/candoo/p/10773735.html


 

.NET社区新闻,深度好文,欢迎访问公众号文章汇总 http://www.csharpkit.com 
640?wx_fmt=jpeg

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值