ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

NCF 如何通过WebApi实现前后端分离

2021-06-06 11:34:52  阅读:232  来源: 互联网

标签:WebApi 分离 生成器 Senparc 生成 模块 NCF


简介

昨天参加了《Best Of Microsoft Build》上海专场 

NCF 模块化 WebApi 系统开发 + 容器化部署实战

的小伙伴们,昨天有些没有记住的,今天我在这里给大家把步骤再详细的一步步阐述一下,如果中间有些环节大家不太清楚的,可以及时找我沟通

下面我们就来说一说昨天谈到的NCF 如何写WebApi

 

步骤

1.拉取NCF仓库WebApi分支

2.修改数据库连接字符串

3.运行Senparc.Web项目,初始化基础数据库

4.登录后台进入模块管理界面

5.安装模块生成器模块

6.安装本地的Xncf Module Template

7.使用模块生成器生成你想生成的任意的模块

8.生成数据库所需要的表

9.进入演示完全分离的前后端及WebApi

 

实施

1.拉取NCF仓库WebApi分支

首先我们得知道NCF的仓库在什么地方,推荐大家Star

NCF仓库地址:https://github.com/NeuCharFramework/NCF

NCF依赖库仓库地址:https://github.com/NeuCharFramework/NcfPackageSources

NCF开发文档仓库地址:https://gitee.com/NeuCharFramework/NcfDocs

找到仓库,使用git工具拉取到本地后,直接使用宇宙第一IDE(Visual Studio)打开项目,如图所示

 

 

 2.修改数据库连接字符串

找到Senparc.Web项目下面的SenparcConfig.config

 

 

 打开文件,修改连接字符串

 

 

 修改完连接字符串以后,就可以直接运行咯,见证奇迹的时候到来了

3.运行Senparc.Web项目,初始化基础数据库

 

 点击立即安装,可以看到出现了登录的页面,保存好这个账号密码,以便后续使用

 

4.登录后台进入模块管理界面

点击登录,并输入账号密码,进入后台管理

5.安装模块生成器模块

 点击模块管理进入

 

 如果在这里未发现模块生成器,则双击Senparc.Web,进入文件编辑,增加XncfBuilder

<PackageReference Include="Senparc.Xncf.XncfBuilder" Version="0.8.127.20-beta1" />

 

 然后重新编译,即可看到模块生成器

6.安装本地的Xncf Module Template

首先检查一下本地是否安装了Xncf Module Template

进入cmd 或 powershell,输入一下命令

dotnet new

看下是否会有图中所示内容

 

 如果有就跳过此步骤,如果没有则执行以下命令

dotnet new --install Senparc.Xncf.XncfBuilder.Template::0.1.19

安装完成后效果如上图所示

7.使用模块生成器生成你想生成的任意的模块

安装模块生成器后,点击开启

 

 

 

 点击执行生成模块

 

 弹出生成需要的条件参数

 

 

 

 执行后,则生成了项目中的

 

 然后把生成的模块及Senparc.Xncf.Swagger模块,加入到Senparc.Web的引用中

在模块管理中,则可以看到2个引入的模块

 

8.生成数据库所需要的表 

安装WorkShop.Xncf.WebApiDemo01模块,并开启,则能看到如下图所示

 

 同时数据库中就已经生成了

9.进入演示完全分离的前后端及WebApi

在Senparc.Web/wwwroot/下面,我放了一个demo的文件夹

如果你的访问首页地址为:https://localhost:44311/

则访问demo的地址为:https://localhost:44311/demo/index.html

 

以上就是昨天演示Demo的所有内容

 

下一篇预告:(NCF WebApi中 Controller的全解析)

 

标签:WebApi,分离,生成器,Senparc,生成,模块,NCF
来源: https://www.cnblogs.com/zhao365845726/p/14854797.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有