abp＆ng-alain 改造前端四——登录页面改造

介绍

ABP 是 ASP.NET Boilerplate Project(Asp.net 样板项目)的简称，网址:http://aspnetboilerplate.com/。ng-alain 是基于 antd 中后台前端解决方案,网址:https://ng-alain.com/。官方网页下载的项目的angular项目是基于(AdminBSB:https://github.com/gurayyarar/AdminBSBMaterialDesign)

目录:https://www.jianshu.com/p/589af988637c

源代码:https://github.com/ZhaoRd/abp-alain

修改文件

登录界面

主要修改的文件如下图

修改 ，内容如下

修改 ，修改内容如下

代码如下，主要是修改了默认的调整登录路径

运行结果

登录成功，显示主页面

登录失败

总结

通过对登录页的改造，现在可以正常使用abp后端提供的账号(admin)和密码(123qwe)进行登录。在改造过程中，主要使用了[(ngModel)]对输入框进行双向绑定的改造。

我的公众号

源代码

源代码:https://github.com/ZhaoRd/abp-alain