基于angular material的hoteler-web, 其后端同样使用spring boot.推荐参考这个作为入门。

截止2018年7月25日，该demo已经有26个star、13个fork了，谢谢大家的支持，只是当时自己刚入前端，很多都不懂，再加上Angular6已经发布，真的没有必要再参考该demo。 如果继续参考，推荐各位初学者可以看看我另外一个demo，同样是基于Angular + Spring Boot。这个demo里的angular部分可能更合适你们。

这个demo是我用三周时间学习Angular2的一个小小练习。前端使用了Angular技术，后端则使用Spring Boot，使用数据库为mysql，采用maven进行构建项目。

• src
• -- main
• -- -- angular
• -- -- java
• -- -- resources
• -- test
• sql
• pom.xml

 git clone https://github.com/damingerdai/web-qq.git

进入angular目录下，执行：

npm install
ng build

然后可以发现在resources目录下会多出一个

说明：该步骤需要安装npm和angular cli工具

• init.sql
• init-user.sql

说明：

• init.sql用于初始化数据库结构，init-user.sql用于初始化用户数据。
• 初始化用户可以使用单独的用户注册模块。

在pom.xml中将mysql.jdbc.username和mysql.jdbc.password设置为自己本地mysql数据库的账号和密码。

在主目录下执行：

mvn spring-boot:run

• 前端：Visual Studio Code
• 后端：IntelliJ IDEA Community Edition

Chrome、Microsoft Edge

Winodwos10 企业版

jdk版本必须在1.8以上