项目
版本

本文档有多个版本。请选择最适合您的选项。

UI
Database
Tiered

入门教程

本文档假设你更喜欢使用 Angular 作为 UI 框架, 使用 MongoDB 作为数据库提供程序. 对于其他选项, 请更改本文档顶部的首选项.

创建数据库

连接字符串

检查在 .HttpApi.Host 项目 中 appsettings.json 文件里的连接字符串.

"ConnectionStrings": {
  "Default": "mongodb://localhost:27017/BookStore"
}

该解决方案配置为在本地计算机中使用 MongoDB, 因此你需要启动并运行 MongoDB 服务器实例, 或者将连接字符串更改为另一台 MongoDB 服务器.

种子初始数据

该解决方案带有 .DbMigrator 的控制台程序用于 初始化种子数据. 它在开发生产环境中都很有用.

.dbMigator 项目有自己的 appsettings.json. 因此, 如果你更改了之前的连接字符串, 那么也应该更改这个连接字符串.

右键单击 .dbMigration 项目, 然后选择 设置为启动项目

set-as-startup-project

按F5(或Ctrl + F5) 运行应用程序. 它将具有如下所示的输出:

db-migrator-output

初始的种子数据在数据库中创建了 admin 用户(密码为1q2w3E*) 用于登录应用程序. 所以, 对于新数据库至少使用 .DbMigrator 一次.

运行应用程序

运行 HTTP API 主机(服务器端)

确保 .HttpApi.Host 项目是启动项目, 然后运行应用程序将打开 Swagger UI 的:

在 Visual Studio 中使用 Ctrl+F5(而不是F5) 在不进行调试的情况下运行应用程序. 如果你没有调试目的, 这会更快.

swagger-ui

你可以在这里查看应用程序的API并测试它们. 获取Swagger UI的更多信息.

运行 Angular 应用程序 (客户端)

转到 Angular 文件夹, 打开命令行终端, 键入 yarn 命令(我们建议使用 yarn 软件包管理器, 而 npm install 也可以使用)

yarn

当所有node模块加载完毕后, 执行 yarn start (或 npm start) 命令:

yarn start

初次构建可能需要更长的时间. 完成后, 它会在默认浏览器中使用 localhost:4200 地址打开 Angular UI.

bookstore-login

输入用户名 admin 和 密码 1q2w3E* 登录应用程序. 应用程序已启动并正在运行. 你可以根据此启动模板开始开发应用程序.

另请参见

在本文档中