循序渐进VUE+Element 前端应用开发(23）--- 基于ABP实现前后端的附件上传，图片或者附件展示管理

本文链接：https://blog.csdn.net/wangquana/article/details/137414808

1、ABP后端附件管理接口

=========================================================================

ABP框架是基于最新.net core 的技术方向，应用非常广泛的一个技术框架系列，它整合了很多.net core 领域相关开发技术，后端主要是发布Web API方式实现数据和前端的交互的，因此前端可以基于Web API基础上实现多种平台的对接，可以是常规的BS框架，如Vue+Element 前端路线，也可以是Winform/WPF的前端框架接入等。

在这里插入图片描述

ABP+Swagger UI 负责API接口的开发和公布，如下是附件上传模块的API接口的管理界面。

在这里插入图片描述

ABP框架后端接口的常规处理，如增删改查等接口命名都一致，参数方面也比较一致，而我们附件上传，则可以自定义一个自己喜欢名称的一个API接口名称，如这里定义一个PostUpload的方法，除了文件信息外，还包括一些参数来说明附件信息的。上传成功后，返回对应的路径集合。

在这里插入图片描述

ABP后端定义的接口实现，我们为了获得上下文对象的文件对象信息，我们在构造函数注入一个IHttpContextAccessor 对象。

///

/// 上传附件信息，应用层服务接口实现

///

[AbpAuthorize]

public class FileUploadAppService : MyAsyncServiceBase<FileUpload, FileUploadDto, string, FileUploadPagedDto, CreateFileUploadDto, FileUploadDto>, IFileUploadAppService

{

private AppConfig config = new AppConfig();

private readonly IRepository<FileUpload, string> _repository;//业务对象仓储对象

private readonly IRepository<User, long> _userRepository;//用户信息仓储对象

private IHttpContextAccessor _httpContext;//上下文对象

public FileUploadAppService(IRepository<FileUpload, string> repository, IRepository<User, long> userRepository, IHttpContextAccessor httpContext) : base(repository)

{

_repository = repository;

_userRepository = userRepository;

_httpContext = httpContext;

}

在附件上传处理的时候，我们就可以通过这样获得请求的文件对象了，如下代码所示。

在这里插入图片描述