ABP文档 - 选择ASP.NET Core & Angular frameworks建立单页面应用SPA(Single Page Application)

前后端分离的解决方案，基于ASP.NET Zero 6.2 和 .NET Core(Cross Platform) 2.1 的单租户应用。

快速上手指南

后端应用(ASP.NET Core)

下载的模板中，Angular文件夹为Angular前端应用，使用angular-cli编译；aspnet-core文件夹为ASP.NET Core后端解决方案，使用Visual Studio(2017+)编译。前后端能够独立运行。

在后端文件夹中，*.Web.sln解决方案管理后端应用，*.Mobile.sln解决方案管理基于Xamarin工程的移动端跨平台应用，可以通过*.All.sln解决方案同时加载两个应用。

设置.Web.Host为启动项目，编译解决方案，等待还原nuget包完成编译。

---

数据库连接

打开.Web.Host项目中的appsettings.json文件，设置正确的默认连接字符串ConnectionStrings:

"ConnectionStrings": { "Default": "Server=localhost; Database=PhoneBookDemoDb; Trusted_Connection=True;"}

---

数据库迁移

第一种方法是使用a.Migrator项目生成的工具(Migrator.exe)，可以在开发和生成场景使用。

另一种方法是使用Entity Framework Migration命令行工具，打开Visual Studio的程序包管理器控制台，设置**.**EntityFrameworkCore为默认项目，运行命令执行数据库迁移。

Update-Database

也可以使用在开发场景中使用Entity Framework Migration命令行工具，在生产场景中使用Migrator.exe。Migrator.exe工具支持同时对多个数据库进行迁移，这对多租户应用非常有用。

---

单租户设置

多租户是被默认启用的，可以通过设置.Core.Shared项目AbpZeroTemplateConsts文件中的MultiTenancyEnabled为false来关闭。

---

运行API Host

运行应用程序，后端应用只包含API接口， 可以通过默认的swagger UI页面查看。

前端应用(Angular)

Angular应用需要安装好运行环境：

nodejs6.9+ with npm 3.10+

Typescript 2.0+

yarn

---

还原包

打开命令行工具转到Angular目录下，运行还原命令: 

yarn

---

运行应用

打开命令行工具转到Angular目录下运行命令：

npm start

应用编译完成后在浏览器中就可以访问应用页面。

ASP.NET Zero支持热更新HMR(Hot Module Replacement)。运行下列命令在开发时开启应用程序热更新:

npm run hmr

---

登录

在第一次登录时输入默认用户名admin和密码123qwe，然后修改密码。