本文将带你了解WEBAPP开发之JHipster一知半解- 4.6.9 webapp-home目录，希望本文对大家学WEBAPP有所帮助。

回文集目录:JHipster一知半解
该目录包含了首页的显示内容，是最简单的一个子模块。
home.module.ts
@NgModule({
//引入共享模块，并且初始化HOME_ROUTE，由于HOME_ROUTE的path是''，所以默认会加载这个页面进来。
imports:[
JhipsterSampleApplicationNg2SharedModule,
RouterModule.forChild([HOME_ROUTE])
],
//声明主页组件
declarations:[
HomeComponent,
],
entryComponents:[
],
providers:[
],
schemas:[CUSTOM_ELEMENTS_SCHEMA]
})
exportclassJhipsterSampleApplicationNg2HomeModule{}

HomeComponent组件
exportclassHomeComponentimplementsOnInit{
account:Account;
modalRef:NgbModalRef;
//构造器，注入principal服务，loginModalService登录框服务，eventManager实际管理
constructor(
privateprincipal:Principal,
privateloginModalService:LoginModalService,
privateeventManager:JhiEventManager
){
}
//判断是否用户已登录，如
ngOnInit(){
this.principal.identity().then((account)=>{
this.account=account;
});
this.registerAuthenticationSuccess();
}
//向eventManager注册用户注册成功的消息
registerAuthenticationSuccess(){
this.eventManager.subscribe('authenticationSuccess',(message)=>{
this.principal.identity().then((account)=>{
this.account=account;
});
});
}
//判断用户是否已经登录
isAuthenticated(){
returnthis.principal.isAuthenticated();
}
//显示登录框
login(){
this.modalRef=this.loginModalService.open();
}
}

home.component.html








Welcome,JavaHipster!
Thisisyourhomepage