jhipster的用户界面库
我想创建一个由很棒的jhipster支持的富UI web应用程序。我一直在使用默认的jipster应用程序,我可以看到它默认使用ng引导 我需要使用高级组件,如“芯片”、“树”等,这些组件在ng引导程序中不可用,但在“prime ng”中可用。所以我做了一些研究,发现jhipster中有一个模块用于“启动”和“引导材料设计”。我尝试过“prime ng”,但不太喜欢它,因为在安装过程中它要求主题,我以后无法更改 对于“引导材料设计”,jhipster模块很旧,我不确定它是否适合angular 6和jhipster>5.x 我的问题是:jhipster的用户界面库,jhipster,primeng,bootstrap-material-design,Jhipster,Primeng,Bootstrap Material Design,我想创建一个由很棒的jhipster支持的富UI web应用程序。我一直在使用默认的jipster应用程序,我可以看到它默认使用ng引导 我需要使用高级组件,如“芯片”、“树”等,这些组件在ng引导程序中不可用,但在“prime ng”中可用。所以我做了一些研究,发现jhipster中有一个模块用于“启动”和“引导材料设计”。我尝试过“prime ng”,但不太喜欢它,因为在安装过程中它要求主题,我以后无法更改 对于“引导材料设计”,jhipster模块很旧,我不确定它是否适合angular 6
npm install generator-jhipster:modules
但同样的错误
----------------更新-------------------
这就是我使用Priming时的错误。css有一些问题。所有按钮看起来都一样。为什么
这是我的vendor.scss文件:
最后,按照这个答案手动添加了预涂,效果很好
忘记“引导材料设计”jhipster模块吧,它太旧了(引导3和jhipster 3)。现在回答你的问题:1。是的,但它不提供仅具有行为样式的真实组件,2。我只使用了他们的引导主题,3。JHipster不支持UI库,Priming只是社区经常使用的一种。对于Priming的CSS问题,您是否在vendor.CSS中导入了CSS?见Hi Gaël Marziou,感谢您的快速回复。我已决定使用“预涂”。我已经使用thr jhipster模块添加到我的jhipster项目中。是的,主题文件在“vender.scss”中。我需要更多的步骤吗??此外,一些组件没有按预期工作,但我会问一个单独的问题。使用vendor.scss屏幕截图更新问题您是否查看了我的提交?它显示了我必须更改的所有文件,尽管它是针对JHipster 4的。是的,我仔细检查了它,所有文件都或多或少与您的提交相同。我将供应商scss中的主题名称从“@import”~primeng/resources/themes/bootstrap/theme.css”更改为“@import”~primeng/resources/themes/nova light/theme.css”;还有Yeeee的颜色。。虽然有些组件没有按预期工作,但主题问题已经解决。看起来“引导”主题有些问题