kendo app & spring integration after Angular fullstack builds app

modify loacle static files load pah before build

 

grunt build--->dist

 

copy dist/public folder to spring project folder securityResources ,note:Don't have to copy bower_components folder if no new bower components were added!

copy client/assets/css&js folder to assets folder

copy i18n folder to app folder

 

edit index.html-->home.jsp

 

modify relative path to absolute path

1)app/---->/BookingSystem/app/  in index.html;  assets/js-------->/BookingSystem/assets/js in index.html; ../../assets/images--->/BookingSystem/assets/images in index.html

2)bower_components/---->/BookingSystem/bower_components/ in index.html

3)The path of [angularjs library:anguar.js,angular-resource.js,angular-cookie.js,angular-sanitize.js] will be changed  when angular-fullstack building app,Please update version of angular

[

    <script src="bower_components/angular/angular.js"></script>

    <script src="bower_components/angular-resource/angular-resource.js"></script>

    <script src="bower_components/angular-cookies/angular-cookies.js"></script>

    <script src="bower_components/angular-sanitize/angular-sanitize.js"></script>

]

will be changed to

 

[

    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.min.js"></script>

    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular-resource.min.js"></script>

    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular-cookies.min.js"></script>

    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular-sanitize.min.js"></script>

]

Now stable version is 1.4.9,please change 1.4.4 to 1.4.9   

 

3)../../assets/images---->/BookingSystem/assets/images in app.js

4)app/i18n---->/BookingSystem/app/i18n in app.js

5)bower_components/kendo-ui ------------------> /BookingSystem/bower_components/kendo-ui in app.js

6)http://192.168.88.14:8400/BookingSystem------------>/BookingSystem in app.js

 

7)../../assets/images---->/BookingSystem/assets/images  in app.css

8)modify date format --->yyyy/M/d  in cultrue-en_US.js and cultrue-zh-HK.js and cultrue-zh-CN.js

9)close button x---A~ problem:securityResources\bower_components\angular-prompt\dist\angular-prompt.js save as UTF-8 file.

10)kendo culture chinese fonts encoding problem solved:copy original culture json file,as as utf-8 encoding file.