JHipster一知半解- 4.6.2 webapp-app根目錄

回文集目錄:JHipster一知半解

app根目錄

app目錄是一個相當(dāng)標(biāo)準(zhǔn)的angular工程根目錄癞谒,包含必須的ts文件

app.main.ts

使用platformBrowserDynamic啟動朱模塊JhipsterSampleApplicationNg2AppModule缕允。

app.module.ts

import './vendor.ts';

引入第三方css樣式著蛙,vendor.ts引入vendor.css,vendor.css引入boot-strap.css和font-awesome.css

import {
    JhiMainComponent,
    NavbarComponent,
    FooterComponent,
    ProfileService,
    PageRibbonComponent,
    ActiveMenuDirective,
    ErrorComponent
} from './layouts';

layout目錄并非子模塊,而是主模塊直接使用的,因此需要引入其定義的component回右,service等。

@NgModule({
    //引入其他子模塊
    imports: [
        BrowserModule, //angular 瀏覽器模塊漱挚,僅主模塊需要import
        JhipsterSampleApplicationNg2AppRoutingModule, //引入路由模塊
        Ng2Webstorage.forRoot({ prefix: 'jhi', separator: '-'}), //給存儲的cookie統(tǒng)一增加前綴翔烁,防止命名沖突
        JhipsterSampleApplicationNg2SharedModule, //共享模塊
        JhipsterSampleApplicationNg2HomeModule,  //首頁模塊
        JhipsterSampleApplicationNg2AdminModule, //管理員模塊
        JhipsterSampleApplicationNg2AccountModule, //賬號管理模塊
        JhipsterSampleApplicationNg2EntityModule, //實(shí)體模塊
        // jhipster-needle-angular-add-module JHipster will add new module here
    ],
    //主模塊自己的組件需要聲明(layout中的)
    declarations: [
        JhiMainComponent,
        NavbarComponent,
        ErrorComponent,
        PageRibbonComponent,
        ActiveMenuDirective,
        FooterComponent
    ],
    //主模塊自己的服務(wù)需要聲明(layout中的),根據(jù)注入器規(guī)則旨涝,這里聲明的service是整個工程都可以直接用的蹬屹。
    providers: [
        ProfileService,
        //這里替換了angular的http,用了自己實(shí)現(xiàn)的customHttpProvider
        customHttpProvider(),
        PaginationConfig,
        UserRouteAccessService
    ],
    //聲明引導(dǎo)模塊(僅主模塊才有)
    bootstrap: [ JhiMainComponent ]
})
export class JhipsterSampleApplicationNg2AppModule {}

TODO:加上angular模塊定義地址颊糜。

app-routing.module.ts(4.10還定義在layout里面,這里移出來了)

import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
//具體的路由ROUTES還是定義在layout中的
import { errorRoute, navbarRoute } from './layouts';

const LAYOUT_ROUTES = [
    navbarRoute,
    ...errorRoute
];

@NgModule({
    imports: [
        //根據(jù)layout中路由定義秃踩,初始化路由
        //設(shè)置了使用hash衬鱼,url中就會出現(xiàn)“#”,這樣兼容性更好些憔杨,用戶有多少人會去看url呢鸟赫?
        RouterModule.forRoot(LAYOUT_ROUTES, { useHash: true })
    ],
    exports: [
        //重新導(dǎo)出路由模塊給其他模塊用(forChild)
        RouterModule
    ]
})
export class JhipsterSampleApplicationNg2AppRoutingModule {}

app.route.ts

在4.12.0版本中并沒有用到,和navbar.route.ts重復(fù)了消别,之后也要從layout目錄移出來抛蚤?

app.constants.ts

這里定義了一些全局變量,程序中會用到寻狂,實(shí)際上在運(yùn)行webpack時候岁经,會根據(jù)具體設(shè)定,替換這里的默認(rèn)值(也就是說這里并不需要改)蛇券、
參見webpack.common.js的StringReplacePlugin

polyfills.ts

兼容性因子(據(jù)說兼容IE9會有問題)缀壤,暫略
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末樊拓,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子塘慕,更是在濱河造成了極大的恐慌筋夏,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,194評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件图呢,死亡現(xiàn)場離奇詭異条篷,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)蛤织,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,058評論 2 385
  • 文/潘曉璐 我一進(jìn)店門赴叹,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人瞳筏,你說我怎么就攤上這事稚瘾。” “怎么了姚炕?”我有些...
    開封第一講書人閱讀 156,780評論 0 346
  • 文/不壞的土叔 我叫張陵摊欠,是天一觀的道長。 經(jīng)常有香客問我柱宦,道長些椒,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,388評論 1 283
  • 正文 為了忘掉前任掸刊,我火速辦了婚禮免糕,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘忧侧。我一直安慰自己石窑,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,430評論 5 384
  • 文/花漫 我一把揭開白布蚓炬。 她就那樣靜靜地躺著松逊,像睡著了一般。 火紅的嫁衣襯著肌膚如雪肯夏。 梳的紋絲不亂的頭發(fā)上经宏,一...
    開封第一講書人閱讀 49,764評論 1 290
  • 那天,我揣著相機(jī)與錄音驯击,去河邊找鬼烁兰。 笑死,一個胖子當(dāng)著我的面吹牛徊都,可吹牛的內(nèi)容都是我干的沪斟。 我是一名探鬼主播,決...
    沈念sama閱讀 38,907評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼暇矫,長吁一口氣:“原來是場噩夢啊……” “哼币喧!你這毒婦竟也來了轨域?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,679評論 0 266
  • 序言:老撾萬榮一對情侶失蹤杀餐,失蹤者是張志新(化名)和其女友劉穎干发,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體史翘,經(jīng)...
    沈念sama閱讀 44,122評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡枉长,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,459評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了琼讽。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片必峰。...
    茶點(diǎn)故事閱讀 38,605評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖钻蹬,靈堂內(nèi)的尸體忽然破棺而出吼蚁,到底是詐尸還是另有隱情,我是刑警寧澤问欠,帶...
    沈念sama閱讀 34,270評論 4 329
  • 正文 年R本政府宣布肝匆,位于F島的核電站,受9級特大地震影響顺献,放射性物質(zhì)發(fā)生泄漏旗国。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,867評論 3 312
  • 文/蒙蒙 一注整、第九天 我趴在偏房一處隱蔽的房頂上張望能曾。 院中可真熱鬧,春花似錦肿轨、人聲如沸寿冕。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,734評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽驼唱。三九已至,卻和暖如春槐沼,著一層夾襖步出監(jiān)牢的瞬間曙蒸,已是汗流浹背捌治。 一陣腳步聲響...
    開封第一講書人閱讀 31,961評論 1 265
  • 我被黑心中介騙來泰國打工岗钩, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人肖油。 一個月前我還...
    沈念sama閱讀 46,297評論 2 360
  • 正文 我出身青樓兼吓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親森枪。 傳聞我的和親對象是個殘疾皇子视搏,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,472評論 2 348

推薦閱讀更多精彩內(nèi)容