Использование темы начальной загрузки на Jhispter? - PullRequest
0 голосов
/ 03 июля 2018

Я не профессионал в программировании jhipster и веб-приложений. Поэтому, возможно, мой вопрос глуп, я хотел бы знать, возможно ли использовать тему Bootstrap, подобную той, которую вы можете найти здесь: ссылка для домашней страницы Jhipster?

Если да, что я должен изменить, чтобы обновить CSS в Jhipster и как мне адаптировать файлы JavaScript?

Если это невозможно с Bootstrap, есть ли у вас что-то похожее, что можно использовать на Jhipster?

Вот моя версия Jhipster:

 {
  "generator-jhipster": {

    "promptValues": {
      "packageName": "com.mycompany.myapp"
    },
    "jhipsterVersion": "4.6.2",
    "baseName": "testdesign",
    "packageName": "com.mycompany.myapp",
    "packageFolder": "com/mycompany/myapp",
    "serverPort": "8080",
    "authenticationType": "jwt",
    "hibernateCache": "ehcache",
    "clusteredHttpSession": false,
    "websocket": false,
    "databaseType": "sql",
    "devDatabaseType": "h2Disk",
    "prodDatabaseType": "mysql",
    "searchEngine": "elasticsearch",
    "messageBroker": false,
    "serviceDiscoveryType": false,
    "buildTool": "maven",
    "enableSocialSignIn": false,
    "jwtSecretKey": "aba9f3a1b9b0feaa096db087cc1d692102a1f6b6",
    "clientFramework": "angularX",
    "useSass": true,
    "clientPackageManager": "yarn",
    "applicationType": "monolith",
    "testFrameworks": [],
    "jhiPrefix": "jhi",
    "otherModules": [
      {
        "name": "generator-jhipster-primeng",
        "version": "2.0.53"
      }
    ],
    "enableTranslation": false
  }
}

Ответы [ 2 ]

0 голосов
/ 06 июля 2018

Вам необходимо импортировать необходимые файлы темы, которую вы хотите. Большинство тем начальной загрузки состоят из файлов CSS, в основном из некоторых JS и т. Д.

Импортировать эти файлы в ваш проект jhipster можно через "vendor.ts" , выполнив следующие шаги.

  1. Перейти к "myprojectjh\src\main\webapp\content".
  2. Создайте папку для вашей темы. (например, "mytheme01") .
  3. Откройте созданную папку и скопируйте необходимые файлы темы (например: "theme.css") .
  4. Перейдите на "myprojectjh\src\main\webapp\app" и откройте файл "vendor.ts" .
  5. Введите следующую строку для импорта необходимых файлов (например: "theme.css") . import '../content/mytheme01/theme.css'.
  6. Сохраните изменения и снова запустите приложение.

Ваш файл vendor.ts может выглядеть так: vendor.ts

ПРИМЕЧАНИЕ: Кроме того, вы можете отредактировать файл "_ bootstrap-variables.scss" или "global.scss" , чтобы внести некоторые другие необходимые изменения, чтобы что ваша тема отображается правильно.

Надеюсь, это поможет вам.

0 голосов
/ 03 июля 2018

JHipster уже использует Bootstrap и ng-bootstrap для угловых виджетов. В сгенерированном проекте посмотрите на файл src/main/webapp/content/scss/vendor.scss, чтобы увидеть оператор импорта для начальной загрузки SCSS. Обновите эту ссылку, чтобы связать ее с файлами scss нужной темы и найти, куда добавить или заменить ссылки на дополнительные файлы javascript. Сначала убедитесь, что вы знакомы с файлами Angular и SCSS / SASS! :)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...