您好,登錄后才能下訂單哦!
本文介紹了SpringMVC簡(jiǎn)單整合Angular2的示例,分享給大家,具體如下:
angular使用的是官方的快速開(kāi)始的例子
將文件全部拷貝到springmvc的項(xiàng)目中,拷貝過(guò)程中可能出現(xiàn)文件路徑太長(zhǎng)而失敗,那就先對(duì)整個(gè)文件壓縮,然后拷貝壓縮過(guò)后的文件,然后解壓縮即可。目錄結(jié)構(gòu)如下,我是拷貝到angular目錄下的
spring配置文件設(shè)置路徑
然后再html頁(yè)面中如angular官方所示,引入文件
這里面需要對(duì)這些文件的路徑進(jìn)行配置
主要是systemjs.config文件中需要修改兩個(gè)地方
這樣項(xiàng)目就可以運(yùn)行了
但是這樣能運(yùn)行,是因?yàn)槲覀円呀?jīng)把Typescript編譯成js文件了,我們不可能每次修改ts文件,然后編譯一下,再運(yùn)行項(xiàng)目,所以我們需要自動(dòng)編譯Typescript為javascript
由于我使用的idea編輯器,有自帶的編輯轉(zhuǎn)換工具,所以只需要進(jìn)行簡(jiǎn)單的配置即可(前提是本機(jī)安裝了nodejs與Typescript依賴(lài))
File-》Settings-》Languages&Frameworks-》node.js and NPM 選擇本機(jī)已經(jīng)安裝的node.js
File-》Settings-》Languages&Frameworks-》TypeScript
typescript version最好選擇本機(jī)下載的npm的typescript依賴(lài),選擇lib文件夾即可
-p web\WEB-INF\angular 這個(gè)命令是表示編譯制定的目錄,若果沒(méi)有,則搜索項(xiàng)目根路徑,由于我們放在angular目錄中,所以需要進(jìn)行設(shè)置
做到這一步就可以在編輯器里進(jìn)行編譯了,但是還做不到自動(dòng)編譯
我們熱部署到tomcat的步驟,一般都是make,然后打包,然后啟動(dòng)項(xiàng)目,做到自動(dòng)編譯,只需要在make之前,對(duì)Typescript進(jìn)行編譯即可
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持億速云。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。