数据库地址修改

修改链接字符串中的数据库名称 Database

连接字符串配置

image.png image.png

数据库初始化

有两种方式:
第一种:使用Migrator项目
第二种:调用EF命令

这边只说第一种
切换默认项目到 Migrator

image.png

运行后会出现一个控制台 输入 y

切换默认项目为*.Web.Host

image.png

启动程序 完成服务端

image.png

angular前端

打开 angular 文件夹 (用vscode)
使用yarn还原安装包(不要用npm还原,官方说这个会有bug)

image.png

同步 前后端接口 nswag

abp前后端分离 但是angular又用ts 必须要知道接口参数和方法名称,所以官方给了个工具,如图

image.png

在运行服务端的情况下 , 调用这个工具

新建页面

ng generate component /admin/test/uploader

添加路由

根路由 : angular项目\src\app\app-routing.module.ts

子路由 : angular项目\src\app\admin\admin-routing.module.ts

添加导航条

angular项目\src\app\shared\layout\nav\app-navigation.service.ts

getMenu 方法中修改

image.png

注意:AppMenuItem 第一个参数不能重名

权限

服务端项目\src\Aibol2.Core\Authorization\AppPermissions.cs
服务端项目\src\Aibol2.Core\Authorization\AppAuthorizationProvider.cs

image.png image.png

注意:abp的权限 有限用户配置的权限 , 例如:用户去掉test权限,而他的admin 角色有test权限, 这个用户最终还是没有test权限

上传文件

属性结构