Abp生成模板项目

文章已阅读次

1.通过官网选择前后端语言，这里我后台语言选的是“ASP.NET Core”,前端语言选的是“Vue.js”

2.在“Choose your project’s name”栏输入项目名；“邮箱”选填可不填。

3.点击“Create my project!”便可生出abp模板项目后下载。

4.打开生成的文件夹，有个版本号（我这里是6.5.0）的文件夹，里面的文件夹“aspnet-core”也就是后台项目，可通过vs打开开发；而“vue”文件夹就是前端项目源文件，可通过vscode或Hbuilder等软件开发。

后台项目文件夹各项目的主要作用：

src路径下
.Application：应用服务层
.Core：领域层
.EntityFrameworkCore：基础层
.Migrator：abp数据库迁移项目
.Web.Core、.Web.Host：展现层
test路径下
.Tests：单元测试

5.生成数据库，让后台服务运行起来：

1）用vs2019（或其它版本的vs软件）打开后台项目；

2）在解决方案名上点击右键，然后点击执行：还原NuGet包

3）删除.EntityFrameworkCore下的Migrations默认的所有文件（数据库历史配置记录文件，这里后续重新生成我们需要的配置。）

4）在.Web.Host项目下修改appsettings.json中一下内容：

  "ConnectionStrings": {
//"Default": "Server=localhost; Database=abpblogDb; Trusted_Connection=True;"
"Default": "Data Source=localhost;Initial Catalog=abpBlogDb;user=dcxz2017;password=qqq;"
},

当然这里的数据库连接配置，需要修改成你想要的信息。

5）打开程序包管理器控制台（工具》NuGet 包管理器》程序包管理器控制台），输入数据库迁移命令前需要注意：

a.设置启动项目：在网站项目（这里是.Web.Host）上右键》设为启动项目
b.程序包管理器控制台：选择默认项目为刚刚删除数据库历史配置文件的那个项目（这里为：.EntityFrameworkCore）

然后依次执行以下命令：

（1）新增数据迁移执行命令：Add-Migration first_init

（2）执行更新数据库命令：Update-Database

执行完后，数据库中就生成了相应的数据库表信息。

这时候就可启动后台服务项目了（一个swagger接口可视化的网站）。

6.启动前端项目

在vue文件夹下打开cmd依次执行以下命令：

1
2
3

yarn install

yarn serve --open

如果是npm则依次执行：

1
2
3

npm install

npm run dev

如果启动后出现控制台提示跨域的错误则在appsettings.json中节点App的“CorsOrigins”属性中添加对应可跨域的服务网址，例如本项目是：

  "App": {
"ServerRootAddress": "https://localhost:44311/",
"ClientRootAddress": "http://localhost:4200/",
"CorsOrigins": "http://localhost:4200,http://localhost:8080,http://localhost:8081,http://localhost:3000"
},

默认的账号密码：admin/123qwe