Entwicklung von Themen für das Portal Liferay 7

Die Entwicklung von Websites auf Portalen wie Liferay ist heutzutage vielleicht so einfach wie die Verwendung von Site Buildern und kann sogar noch einfacher und schneller sein als die Verwendung beliebter SMS in PHP. Gleichzeitig behalten Sie sowohl die Kontrolle über alle Ihre Daten mit der Freiheit, sie an einem beliebigen Ort zu platzieren und nicht vom Dienstanbieter abhängig zu sein, als auch die Möglichkeit, die Komplexität mithilfe hochwertiger Bibliotheken zu überarbeiten, ohne zu viel über die unabhängigen Funktionen von „Licht“ -Technologien zu verlieren.

Die einfache Arbeit mit Webmaterialien wird durch folgende Faktoren bestimmt:

entwickeltes Veröffentlichungs- und Layoutsystem wie bei Konstruktoren

die Fähigkeit, Themen mit wenig oder keinem Code zu erstellen

Sie können die Gültigkeit des ersten Punkts einfach überprüfen, indem Sie das Portal Distribution Kit von sf.net herunterladen:

https://sourceforge.net/projects/lportal/files/Liferay%20Portal/

Entpacken Sie es dann und führen Sie startup.bat (oder .sh) aus dem Unterverzeichnis aus 

Kater-xyz / bin

Zu Beginn müssen Sie nichts anderes als das installierte Java installieren.

Beim ersten Start gibt das Portal einige Einstellungen an, erstellt einen Administrator und fordert Sie auf, das Portal neu zu starten. Zum Beenden wird das Skript shutdown.bat verwendet.

Nachdem Sie sich als Administrator angemeldet haben, wird oben ein Bereich mit zwei verschiebbaren Seitenbereichen angezeigt, in dem Sie auf Wunsch Websites und Materialien erstellen können, ohne Code schreiben zu müssen.

" ", "" . . , , .. .

, ant gradle, gulp. , . yeoman,

npm install -g yeoman generator-liferay-theme

7.1.

-

npm install -g generator-liferay-theme@8.x.x

7.x.x

, , . Liferay, gradle , 3 , 7.3+. . . .

yo liferay-theme

- - {_}-theme

-

-

- tomcat-x.y.z .

FontAwesome .

.

npm install

IntelliJ IDEA liferay .

build.

gulp build

dist/ .war deploy/ . 

deploy, .

“ ” .

(/) , .

build/, war’ . templates/ .. , src/ .

Thema Projektstruktur

portal_normal.ftl -

navigation.ftl -

portlet.ftl -

init_custom.ftl - , init.ftl

. .. , .

, .

src/css/_custom.scss

.

:

/o/{__}/{__src}/{_}.{}

.. :

http://localhost:8080/o/my-theme/images/heder.jpg

- , , , portal-ext.properties .

theme.css.fast.load=false
theme.images.fast.load=false
javascript.fast.load=false
layout.template.cache.enabled=false
browser.launcher.url=
combo.check.timestamp=true
freemarker.engine.cache.storage=soft:1
freemarker.engine.modification.check.interval=0
openoffice.cache.enabled=false
velocity.engine.resource.manager.cache.enabled=false
com.liferay.portal.servlet.filters.cache.CacheFilter=false
com.liferay.portal.servlet.filters.themepreview.ThemePreviewFilter=true
com.liferay.filters.strip.StripFilter=false
com.liferay.portal.servlet.filters.header.HeaderFilter=false
javascript.single.page.application.enabled=false

.

. node_modules, .war . gulpfile.js :

var gulp = require('gulp');
var liferayThemeTasks = require('liferay-theme-tasks');
var copy = require('gulp-copy');
gulp.task('copy-key-toggler', function() {   
  return gulp.src('./node_modules/key-toggler/src/key-toggler.js')
  .pipe(gulp.dest('./build/js/'));
});
liferayThemeTasks.registerTasks({   gulp,});
gulp.task('build:war', gulp.series('copy-key-toggler', 'build:war'));

Informationen zum Entwickeln von Anwendungen für Portale wie Liferay finden Sie in meinen anderen Artikeln, zum Beispiel in diesem:

Entwicklung von Webanwendungen auf dem eingebetteten Portal




All Articles