SpringMVC簡單整合Angular2的示例-創(chuàng)新互聯(lián)

本文介紹了SpringMVC簡單整合Angular2的示例,分享給大家,具體如下:

創(chuàng)新互聯(lián)公司專注于成都網(wǎng)站建設(shè)、做網(wǎng)站、網(wǎng)頁設(shè)計(jì)、網(wǎng)站制作、網(wǎng)站開發(fā)。公司秉持“客戶至上,用心服務(wù)”的宗旨,從客戶的利益和觀點(diǎn)出發(fā),讓客戶在網(wǎng)絡(luò)營銷中找到自己的駐足之地。尊重和關(guān)懷每一位客戶,用嚴(yán)謹(jǐn)?shù)膽B(tài)度對(duì)待客戶,用專業(yè)的服務(wù)創(chuàng)造價(jià)值,成為客戶值得信賴的朋友,為客戶解除后顧之憂。

angular使用的是官方的快速開始的例子

SpringMVC簡單整合Angular2的示例

將文件全部拷貝到springmvc的項(xiàng)目中,拷貝過程中可能出現(xiàn)文件路徑太長而失敗,那就先對(duì)整個(gè)文件壓縮,然后拷貝壓縮過后的文件,然后解壓縮即可。目錄結(jié)構(gòu)如下,我是拷貝到angular目錄下的

SpringMVC簡單整合Angular2的示例

spring配置文件設(shè)置路徑

SpringMVC簡單整合Angular2的示例

然后再html頁面中如angular官方所示,引入文件

SpringMVC簡單整合Angular2的示例

這里面需要對(duì)這些文件的路徑進(jìn)行配置

主要是systemjs.config文件中需要修改兩個(gè)地方

SpringMVC簡單整合Angular2的示例

這樣項(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)行簡單的配置即可(前提是本機(jī)安裝了nodejs與Typescript依賴)

File-》Settings-》Languages&Frameworks-》node.js and NPM  選擇本機(jī)已經(jīng)安裝的node.js

SpringMVC簡單整合Angular2的示例

File-》Settings-》Languages&Frameworks-》TypeScript

SpringMVC簡單整合Angular2的示例

typescript version最好選擇本機(jī)下載的npm的typescript依賴,選擇lib文件夾即可

-p web\WEB-INF\angular 這個(gè)命令是表示編譯制定的目錄,若果沒有,則搜索項(xiàng)目根路徑,由于我們放在angular目錄中,所以需要進(jìn)行設(shè)置

做到這一步就可以在編輯器里進(jìn)行編譯了,但是還做不到自動(dòng)編譯

我們熱部署到tomcat的步驟,一般都是make,然后打包,然后啟動(dòng)項(xiàng)目,做到自動(dòng)編譯,只需要在make之前,對(duì)Typescript進(jìn)行編譯即可

SpringMVC簡單整合Angular2的示例

以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持創(chuàng)新互聯(lián)建站。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站muchs.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、建站服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

網(wǎng)站題目:SpringMVC簡單整合Angular2的示例-創(chuàng)新互聯(lián)
網(wǎng)站網(wǎng)址:http://muchs.cn/article34/djhsse.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)網(wǎng)站制作、移動(dòng)網(wǎng)站建設(shè)網(wǎng)站營銷、小程序開發(fā)、外貿(mào)建站ChatGPT

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)頁設(shè)計(jì)公司