这是一篇关于使用 ASP.NET Core 2.0 和 Angular 5 创建 MVC Web 应用程序的教程,主要内容如下:
- 介绍:将创建一个员工记录管理系统,前端使用 Angular 5,后端使用 Web API 和 ADO.NET 从数据库获取数据,使用 Visual Studio 2017 和 SQL Server 2008。
- 前提条件:安装.NET Core 2.0 SDK、Visual Studio 2017 Community Edition 和 Node.js。
- 源代码:从 GitHub 获取源代码,然后使用 SQL Server 创建表和存储过程。
- 创建表和存储过程:创建
tblEmployee
表和用于增删改查的存储过程。 - 创建 MVC 应用程序:在 Visual Studio 2017 中创建 ASP.NET Core Web Application,选择 Angular 模板,创建
Controllers
和Views
文件夹,删除ClientApp/app/components
中的fetchdata
和counter
文件夹,创建Models
文件夹和相关类。 - 添加模型到应用程序:在
Models
文件夹中创建Employee
和EmployeeDataAccessLayer
类,处理数据库操作。 - 添加 Web API 控制器到应用程序:在
Controllers
文件夹中创建EmployeeController
类,处理 Web API 请求。 - 创建 Angular 服务:在
ClientApp/app/Services
文件夹中创建EmployeeService
类,将 Web API 响应转换为 JSON 并传递给组件。 - 创建 Angular 组件:在
ClientApp/app/components
文件夹中创建fetchemployee
和addemployee
组件,用于显示和编辑员工数据。 - 定义应用程序的路由和导航菜单:在
/app/app.module.shared.ts
文件中定义路由和导航菜单,包括home
、fetch-employee
、register-employee
和employee/edit/:id
等路由。 - 结论:创建了一个使用 Angular 5 前端和 Web API、ADO.NET 后端的 ASP.NET Core 应用程序,可以进行增删改查操作,还可参考相关文章学习更多 Angular 知识。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。