angular - 带有 Asp.Net Core WebAPI 的 Angular 具有模棱两可的模型
问题描述
我使用 Angular 8 作为前端,使用 Asp.Net Core WebAPI 作为后端。
我有一个用于在 Angular 中呈现/绑定/验证 UI 元素的模型。我有一个模型,用于在 WebAPI 中使用 Entity Framework Core 对数据库运行 CRUD 操作。
提交 UI 表单后,我需要在捕获的字段上添加一些业务逻辑,然后将其添加/更新到数据库。
我的问题是:
我应该以哪种模型格式将数据传递给 WebAPI?数据库模型还是我需要在 WebAPI 中创建相同的视图模型并发送在 UI 上捕获的数据并在 WebAPI 中添加业务逻辑?
如果我在 WebAPI 中创建视图模型,那么将有 2 个相同的模型,一个在 Angular 项目中,另一个在 WebAPI 中,这将导致单个实体有 3 个模型(2 个视图模型和 1 个数据库模型)。
在这种情况下,最好的方法是什么?
解决方案
这并不是说您将拥有一个实体的 3 个模型。角度和 webApi 中的视图模型是相同的,因此应该被视为一个模型。使用这些视图模型将数据传递到服务器是一种常见且非常合乎逻辑的方法。
推荐阅读
- python - 如何将变量传递给 pd.read_excel 的“use_cols”参数
- java - Spring Test中的@Transactional注解
- javascript - React.js mdbottstrap 通过点击显示模态
- azure - 如何将 URL 映射到 uksouth.cloudapp.azure.com 网站
- javascript - 如何使弹出窗口仅在实际提交表单时调用javascript
- javascript - R reactable _如何截断单元格内容并在悬停时显示?
- nlp - 使用 Dialogflow 检测任意数量的意图
- javascript - CORS 策略已阻止从源“http://localhost:3000”访问“https://www.cloudflare.com/cdn-cgi/trace”获取
- ios - 如何以编程方式使用 myapp 文件夹打开默认文件应用程序?
- javascript - React 和 Express 在不同的 localhost 端口上运行,但 CORS 没有阻止 fetch 调用