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,然后修改密码。