ABP (ASP.NET Core 5.x + Vue)小白基础入门（一）

需求: 搞个后台系统，要实现菜单功能权限控制 ，和数据权限控制。开发人员目前只有作者一人，经推荐，决定使用ABP的开源框架，前端选择了Vue。工具是VS和VS Code,数据库选用的SqlServer。

对框架之类完全是两眼摸黑，下面是小白入门的一点记录，有不对的地方欢迎各种大神斧正。

1.下载开源模板

下载地址：/Templates

这边选用的是.net core5.x，选择对应选项，填上项目名称，下载就可以了。

下载下来解压目录是这样的:,我们用到的后台和前台代码是这两个文件夹：

2. 数据库同步

VS打开aspnet-core文件夹里的后台代码，如下：

a.参考网上教程，首先右击解决方案，点击还原Nuget包

b.同步数据库，在appsettings.json里可以修改数据连接。我们默认使用本地的SqlServer，就不改了。

执行一下命令来生成abp一些默认表，菜单-工具-NuGet包管理器-程序包管理器控制台

默认项目选择EntityFrameworkCore,下面执行命令Update-Database，遇到报错锁死啥的不要慌，按提示再执行一次试试(*^▽^*)

Update-Database

执行完毕后再查看本地的SqlServer，这个项目的数据库已经可以看到了。

3.运行项目

后台项目很简单，设置Web.Host为启动项目，Ctrl+F5就可以运行了。运行成功你可以看到接口列表，长这样：

前台项目用Vs Code打开 vue文件夹，运行之前您需要安装Node.js，npm。网上对应安装教程搜一下哈~ 执行对应操作后遇到一点小问题：

建议大家用管理员运行Vs Code打开前端代码。按下面的命令查看下shell的当前执行策略，再重新设置一下，继续执行安装就好了，对应命令在下面：

get-ExecutionPolicyset-ExecutionPolicy RemoteSignednpm i yarn -gyarn installyarn serve

生成成功后打开连接，运行起来长这样：

用户名 / 密码： admin/123qwe 。登录上来我们就可以看到已经存在的用户，角色，租户三个页面了（可切换成中文）。

总结:以上就是运行ABP开源框架原生代码的的整个过程，下面我将会写一个简单的Demo来感受一下ABP，这一环节放到下一篇文章。