ASP.NET Core 2 MVC+EF Core 2与Angular5能否实现同等效果？Angular5如何实现？

绝对没问题！ASP.NET Core 2 MVC + EF Core 2 能实现的业务效果，Angular 5 配合 ASP.NET Core Web API 完全可以达成——只是两者的架构模式不同，一个是服务器端渲染的传统MVC，一个是客户端主导的单页应用（SPA）。针对你的场景（对接50多表的关系型库+专有库、CRUD操作），我给你梳理一套高层级的实现方案，结合你已经熟悉的ASP.NET Core，上手会很顺畅：

一、先搞定后端：ASP.NET Core 2 + EF Core 2（你熟悉的部分） #

• 数据访问层封装：
  对于已有的50多表关系型数据库，直接用EF Core 2的Database First模式生成实体类和DbContext，省得手动写大量代码；对于专有数据库，如果它提供.NET驱动，要么用EF Core适配（如果支持），要么用ADO.NET封装一套数据操作方法。最后把两种数据库的操作都用Repository模式统一起来，定义通用的CRUD接口，这样后续API层调用起来更规范。
• 构建RESTful Web API：
  放弃MVC的视图部分，专注写API控制器。给每个业务实体创建对应的[ApiController]控制器，注入你封装好的Repository，实现GET（列表/详情）、POST（新增）、PUT（更新）、DELETE（删除）接口。这里要注意：用DTO（数据传输对象）替代直接返回EF实体类，既能避免循环引用的序列化问题，又能只返回前端需要的字段，减少数据传输量。
• 基础保障：认证、异常与日志：
  如果需要权限控制，用ASP.NET Core的JWT认证生成Token，前端请求时携带Token，接口用[Authorize]标记需要权限的操作；全局配置异常过滤器，捕获API的异常并返回友好的JSON错误信息；同时添加日志（比如用Serilog），方便排查生产环境的问题。

二、再搭建前端：Angular 5（新手友好的步骤） #

• 项目初始化：
  安装对应版本的Angular CLI（Angular 5需要@angular/cli@1.7.x），用ng new your-app创建项目，自动生成基础的模块、组件结构。
• 封装API请求服务：
  导入HttpClientModule，创建一个通用的数据服务，把调用后端API的逻辑都封装在这里——比如getEntities()、createEntity(entity)、updateEntity(id, entity)等方法。记得在请求头里带上JWT Token（如果做了认证），同时统一处理请求失败的情况（比如弹出错误提示）。
• 构建UI组件与路由：
  根据业务需求创建组件：比如列表展示组件、表单编辑组件、详情查看组件。用Angular的双向绑定（[(ngModel)]）处理表单数据，用RouterModule配置路由，实现页面跳转。如果需要复杂的表格功能，用Angular 5兼容的第三方组件（比如ngx-bootstrap的table），快速搞定分页、筛选这些常用功能。
• 状态管理（可选）：
  如果你的应用组件间数据交互比较多，比如多个组件需要共享同一套数据，可以用简单的服务来做全局状态管理，或者入门级的NgRx（如果后续复杂度提升）。

三、关键细节注意 #

• 跨域配置：因为Angular前端和后端API大概率不在同一个端口运行，要在ASP.NET Core后端配置CORS，允许前端域名的请求。
• 性能优化：针对50多表的复杂查询，后端要给数据库加合适的索引；前端实现分页加载或者懒加载，避免一次性请求大量数据导致页面卡顿。
• 版本兼容：Angular 5比较老，要注意依赖包的版本匹配——比如@angular/material、ngx-bootstrap这些第三方库要选支持Angular 5的版本。

总的来说，你已经熟悉ASP.NET Core，后端部分可以快速搭建起来；前端Angular 5的部分从基础的组件和服务入手，逐步扩展功能，完全能满足你的CRUD需求。两种架构各有侧重，但达成的业务效果是一致的。

内容的提问来源于stack exchange，提问作者Lokked