• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

Nandtel/spring-boot-angular2-starter: Starter application. Spring Boot, Angular ...

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称(OpenSource Name):

Nandtel/spring-boot-angular2-starter

开源软件地址(OpenSource Url):

https://github.com/Nandtel/spring-boot-angular2-starter

开源编程语言(OpenSource Language):

TypeScript 60.1%

开源软件介绍(OpenSource Introduction):

Spring Boot Angular2 Starter Application

Build Status

The simple starter application on Spring Boot with AngularJS 2. This is my personal base application for Spring Boot + AngularJS 2 projects. I prefer to use gradle as a primary build system and gulp as a build system for front-end. All the interaction with compiling typescript, prefixing css and installing typings are handled by gulp. All the tasks for installing node, npm and gulp were implemented in the gradle for more convient introduction.

Motivation

My goal is basic, simple and configurated project for easy start with Spring Boor and AngularJS 2.

Demo

Demo at Heroku: https://springbootangular2.herokuapp.com
Wait a few seconds until the Heroku initializes app.

Installation

Necessary to install gulp and typings globally, if you don't have them:

npm install -g gulp
npm install -g typing

At first, install npm package for the project. I suppose, you have installed node globally, then just enter follow:

npm install

But if not – use this command for installing node and npm locally in project directory:

./gradlew npm_install

At first build will be downloaded typing, compiled typescript to javascript, concatenated lib.js from all javascript sources, prefixed css and replaced html files. More clearly this tasks you can see in gulpfile.js.

And run the server:

./gradlew bootRun

Now you can see the result at localhost.

Development mode

For front-end good practice is using gulp watch: when on change typescript, html or css files in webapp directory starts gulp handling task. For this just run:

gulp watch

Or you can each time start handling by yourself, using default gulp command:

gulp

In this way, all changes in webapp directory will be syncronized with static directory of Spring Boot.

Then install livereload extension for your browser and start the app with command:

./gradlew bootRun

Click to the extension and make sure that LiveReload is running on your page.

Now you can work in reactive style with LiveReload for static content and fast reloading for application.

Technologies

  • Spring Boot v.1.5.1
  • Gradle v.2.9
  • AngularJS v.2.4.0
  • Gulp v.3.9.1
  • package.json

License

The MIT License (MIT)




鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap