ABP.NET + VUE ts 从0开始入门学习，到实现增删改查，超级详细

ABP.NET 从0开始学习，超级详细，到模拟开发一个 桌台管理（DeskInformation）,支持查询、新增、编辑、删除

高层语言疯狂的封装后，发现很多老技术都用不上了，底层语言大多用不上了，比如abp框架，废话不多说了，下面直接上教程

一：下载 abp.net 模板，并且运行起来整个项目

1：下载abp.net模板， 我选的模板是 v5.x + vue

模板下载地址为： https://aspnetboilerplate.com/Templates

为防止以后地址打不开修改，如果下载不了，可以去我的资源中下载（我的资源中包含我下面所说的示例的部分代码，可以直接参考，无论下哪个都可以）

https://download.csdn.net/download/kimizhou_blog/87581117?spm=1001.2014.3001.5503

我把代码和环境需要的exe都打包在里面了.

如果你有gitee，也可以在https://toscode.gitee.com/shentuozhinengzhouyuqi/abp5-vue-introduction-project 中下载

（这个里面的示例代码是最全的）

2：解压源码

后端代码用VS打开

前端代码用VS Code打开

3：打开后端代码后，配置数据库地址

在appsettings.json 和 appsettings.Staging.json 设置数据库地址，我这里使用的是Sql Server 2016, 2012以下的版本会有少许兼容问题，但是也可以修正

4：运行 xxxxxx.Migrator 程序，在控制台页面输入Y后回车， 数据库则会自动生成

(

如果你是从我的仓库中下载的代码，因为我的代码我依旧做过修改了，可能出现错误信息“Remark”无效，这个时候你需要做的是： abp5vueProject.Core解决方案 ->Authorization文件夹->Users文件夹 ->User.cs

找到

public string Remark { get; set; } 把它注释 -> // public string Remark { get; set; }

Remark = remark 把他注释 -> //Remark = remark

编译后，再运行 abp5vueProject.Migrator项目 ，就不会报错了

）

5：运行abp5vueProject.Web.Host

（ 注意事项：

如果运行 abp5vueProject.Web.Host 项目的时候，如果出现数据库 报错 ，可以看下是否忘记修改数据库链接字符串

之前我们修改的是： abp5vueProject.Migrator ->appsettings.json

abp5vueProject.Web.Host 下面的->appsettings.json 也是需要修改的哦 ，改法和之前的一样

）

然后接口服务程序就跑起来了...

如果你遇见编译不通过问题，可能是环境问题，因为我用的是.net 5.0, 所以我需要安装 .net 5.0 sdk 和 .net 5.0 runtime 这2个

aspnetcore-runtime-5.0.17-win-x64.exe

dotnet-sdk-5.0.100-win-x64.exe

安装以上2个exe应该就可以编译通过了，不过如果你要在iis 上部署成功的话，需要安装exe更多了，你可以参考 我的另一个博客

abp.net 5.0 部署IIS10 https://blog.csdn.net/kimizhou_blog/article/details/129412827

以上2个exe的下载地址是:

https://dotnet.microsoft.com/zh-cn/download/dotnet/5.0

6:运行前端代码

你需要有vs code ，如果没有的话，可以去下载

https://code.visualstudio.com/

打开前端代码，打开后如下 ：

如果你的vscode 还没有安装node.js 那么你需要安装node.js

终端->新建终端->输入命令 ： yarn serve

打开图上地址，就可以了

默认账号admin,密码 123qwe

如果你出现错误，可能是你的电脑没安装node.js ，

安装node.js 教程： https://blog.csdn.net/m0_67392931/article/details/126113784

如果输入yarn serve后还会报错来，你复制错误信息去百度查找，按照方法即可解决，这里就不再做过多的介绍。

如果你下载的是我仓库里的代码：yarn server输入报错以后，可能出现错误信息为：

This relative module was not found:

* ../views/setting/tenant/deskInformation.vue in ./src/router/router.ts