本文演示如何用JHipster生成一个单体架构风格的应用。
环境需求:安装好JHipster开发环境的CentOS 7.4(参考这里)
应用名:app1
实体名:role
主机IP:192.168.220.120html
$ mkdir app1
进入app1目录,输入命令后回车:前端
$ cd app1/ $ jhipster
选择生成的应用类型
这是一个单选题,有4个选项,使用上下键切换选项。
由于这个例子是生成单体架构的应用,因此这里选择默认选项Monolithic application
,也就是单体架构的应用。java
单击回车继续。node
输入应用的名称
默认名称是当前目录名app1
,也能够本身输入名称;这里使用默认名称。
注意:名称只能是大小写字母,数字和下划线的任意组合,不容许任何其它字符。mysql
单击回车继续。webpack
输入应用的java包名
默认java包名是com.mycompany.myapp
,也能够本身输入包名;这里使用默认包名。
注意:包名要符合Java标准规范的要求。git
单击回车继续。github
是否须要使用JHipster Registry来实现应用的配置,监控和弹性缩放?
这是一个单选题,有2个选项,使用上下键切换选项。
由于这个例子是生成单体架构的应用,不须要以上特性,因此这里选择默认选项No
。web
单击回车继续。spring
选择应用的认证类型
这是一个单选题,有3个选项,使用上下键切换选项。
对于无状态的单体应用,JWT最适合,因此这里选择默认选项JWT authentication
。
单击回车继续。
选择使用的数据库类型
这是一个单选题,有4个选项,使用上下键切换选项。
能够看到支持的数据库类型不少,这里选择默认选项SQL
。
单击回车继续。
选择生产环境中使用的数据库
这是一个单选题,有5个选项,使用上下键切换选项。
能够看到目前支持5种SQL数据库,这里选择默认选项MySQL
。
单击回车继续。
选择开发环境中使用的数据库
这是一个单选题,有3个选项,使用上下键切换选项。
H2调试起来简单,但为了和生产环境保持一致性,这里选择MySQL
。
单击回车继续。
是否须要使用Spring Cache?
这是一个单选题,有5个选项,使用上下键切换选项。
对于单体架构的应用,不考虑多个实例的场景,使用本地缓存最简单,因此这里选择Yes, with the Ehcache implementation (local cache, for a single node)
。
单击回车继续。
是否须要使用Hibernate二级缓存?
默认选择是Y
,若是不须要使用,输入n
;这里选择默认选项Y
。
注意:这个问题和上一个问题(1.9)的选择有关联性,上一个问题的不一样选择,会致使后续不一样问题的出现。
单击回车继续。
选择使用Maven仍是Gradle来构建应用
这是一个单选题,有2个选项,使用上下键切换选项。
根据本身的开发环境须要,选择相应的构建工具,这里选择默认选项Maven
。
单击回车继续。
选择须要用到的技术组件
这是一个多选题,有4个选项,使用上下键切换选项,使用空格键选中选项,使用a键全选,使用i键取消全选。
根据本身的技术架构规划,选择相应的技术组件,也能够都不选择。
单击回车继续。
选择前端框架
这是一个单选题,有2个选项,使用上下键切换选项。
根据本身的技术架构规划,选择相应的前端框架,这里选择默认选项Angular 6
。
单击回车继续。
是否须要启用样式表预处理来支持SASS?
默认选择是N
,若是须要启用,输入y
;这里选择默认选项N
。
单击回车继续。
是否须要国际化支持?
默认选择是Y
,若是不须要,输入n
;这里选择默认选项Y
。
单击回车继续。
选择国际化支持中的母语
这是一个单选题,有37个选项,使用上下键切换选项。
注意:这个问题和上一个问题(1.15)的选择有关联性,上一个问题若是选择n
,这个问题不会出现。
单击回车继续。
选择国际化支持中的其它语言
这是一个多选题,有37个选项,使用上下键切换选项,使用空格键选中选项,使用a键全选,使用i键取消全选。
根据本身的业务规划,选择相应的语言,也能够都不选择。
单击回车继续。
选择单元测试工具
这是一个多选题,有2个选项,使用上下键切换选项,使用空格键选中选项,使用a键全选,使用i键取消全选。
根据本身的技术架构规划,选择相应的技术组件,也能够都不选择。
单击回车继续。
是否须要从JHipster市场中安装其它的开发工具?
默认选择是N
,若是须要启用,输入y
;这里选择默认选项N
。
单击回车继续。
这个过程可能会有点长,根据电脑性能和网速的不一样,一般须要3-5分钟。
至此,生成工程代码成功完成。能够在app1根目录下查看全部生成的文件。
接下来,建立一个实体表role,并生成相关的后端代码和前端资源。
在开始以前,一般须要先把数据库设计完成,通常状况下不须要手工添加id字段,JHipster默认会生成一个自增的int类型的id主键。
进入app1目录,输入命令后回车:
$ cd app1/ $ jhipster entity role
是否须要添加一个字段到实体?
默认选择是Y
,若是不须要添加,输入n
;这里选择默认选项Y
。
单击回车继续。
输入字段名
这里输入第一个字段名roleName
,字段名要符合以前所选择的数据库的命名规范。
注意:这个问题和上一个问题(2.1)的选择有关联性,上一个问题若是选择n,这个问题不会出现。
单击回车继续。
选择字段类型
这是一个单选题,有12个选项,使用上下键切换选项。
根据你的数据库设计,选择相应类型,这里选择String
类型。
单击回车继续。
是否须要为这个字段添加规则?
默认选择是N
,若是须要添加,输入y
;这里选择默认选项N
。
单击回车继续。
是否须要继续添加字段?
成功添加完一个字段后,从新回到了第一个问题(2.1)。若是选择Y
,会重复2.1 ~ 2.4的过程;若是选择n
,则进入新的问题;这里输入n
。
单击回车继续。
是否须要添加一个与别的实体的关联关系?
默认选择是Y
,若是不须要添加,输入n
;由于目前尚未生成别的实体,这里输入n
。
单击回车继续。
是否须要使用独立的service层来封装业务逻辑?
这是一个单选题,有3个选项,使用上下键切换选项。
三个选项的意思分别是不用service层,使用service类,使用service接口和实现类;这里选择Yes, generate a separate service class
。
单击回车继续。
是否须要使用DTO?
这是一个单选题,有2个选项,使用上下键切换选项。
若是选择No, use the entity directly
,可能会带来一些先后端耦合和传输效率的问题;因此这里选择[BETA] Yes, generate a DTO with MapStruct
,虽然仍是BETA版本,但实际项目中使用没出现什么问题。
单击回车继续。
是否须要添加筛选功能?
这是一个单选题,有2个选项,使用上下键切换选项。
若是选择添加筛选功能,代码中会添加JPA动态查询的逻辑,但实际代码还须要手动修改,也许未来新版本会不断完善这个功能;这里为了简单起见,选择Not needed
。
单击回车继续。
是否须要分页功能?
这是一个单选题,有3个选项,使用上下键切换选项。
第2个选项适合Web UI,第3个选项适合Mobile UI;这里选择Yes, with pagination links
。
单击回车继续。
这个过程当中会提示与已有文件有冲突,须要选择处理方式,提示的输入选项是Ynaxdh
,说明以下:
Y: yes (Default) n: no a: yes to this question and all others (or always yes). x: abort (exit) d: show the differences between the old and the new file h: help, list all options
这里选择a
;
单击回车。实体代码生成过程比较快,一般1-2分钟就能完成。
至此,生成实体代码成功完成。能够执行maven测试命令来验证整个工程代码(若是生成工程代码时选择的构建工具是Maven)
$ mvn test
若是一切正常,命令行会输出成功信息:
以前在生成工程代码时选择的前端组件是Angular,因此前端资源会按以下流程生成:
a, 生成工程代码或者实体代码的任务完成后,会自动触发执行yarn install
;
b, yarn install
执行完成后,会自动触发执行webpack:build
;
c, webpack:build
执行完成后,全部前端资源就已经生成了,默认是在app1/target/www目录下。
进入app1目录,输入命令后回车:
$ cd app1/ $ yarn start
若是一切正常,会启动Webpack dev-server;
可经过浏览器访问http://192.168.220.120:9000
查看前端调试页面。此时全部前端资源的修改,都会同步更新到浏览器上。
在命令行,任意目录下,启动一个mysql容器;若是本地没有mysql:5的镜像,容器启动时会自动去docker store下载镜像。
$ docker container run --name app1-mysql -e MYSQL_ROOT_PASSWORD=my-secret-pw -d -p 32768:3306 mysql:5
经过客户端链接上刚启动的数据库容器,添加一个名为app1
的schema。应用启动时会自动在这个schema里面建立数据表。
spring.datasource.url中的端口号32768
,与步骤4.1中-p参数指定的值保持一致。
spring.datasource.url中的schema名称app1
,与步骤4.2中添加的schema名称保持一致。
spring.datasource.password的值my-secret-pw
,与步骤4.1中MYSQL_ROOT_PASSWORD
参数指定的值保持一致。
$ cd app1/ $ vi src/main/resources/config/application-dev.yml # 修改数据库链接相关配置 spring: datasource: url: jdbc:mysql://localhost:32768/app1?useUnicode=true&characterEncoding=utf8&useSSL=false username: root password: my-secret-pw
进入app1目录,输入命令后回车:
$ cd app1/ $ mvn -Pdev package
若是一切正常,命令行会输出构建成功信息:
进入app1目录,输入命令后回车:
nohup ./target/app-1-0.0.1-SNAPSHOT.war &
经过tail命令,查看启动日志:
$ tail -f nohup.out
若是一切正常,日志会输出启动成功信息:
经过浏览器访问http://192.168.220.120:8080
,进入应用的首页:
点击右上角帐号 - 登陆, 默认用户名和密码都是admin
。
登陆以后能够看到页头上的菜单,数据菜单下就是全部实体的操做页面,这里能看到生成的实体role的子菜单:
点击role子菜单,进入role实体的操做页面,这里已经生成了基本的增删改查功能,若是须要更多功能,就要定制开发了:
这里包括了以下功能页面:
页面功能都很直观,点进去看一看就知道了。
这里就是国际化支持的页面,生成工程代码时选择了哪些语言,这里就会提供哪些语言的子菜单: