Desarrollo de temas para el portal Liferay 7

El desarrollo de sitios en portales como Liferay hoy en día es quizás tan simple como usar creadores de sitios e incluso puede ser incluso más fácil y rápido que usar SMS populares en PHP. Al mismo tiempo, conserva el control sobre todos sus datos con la libertad de colocarlos en cualquier lugar y no depender del proveedor de servicios, así como la capacidad de realizar revisiones de cualquier complejidad utilizando bibliotecas de alta calidad sin romper demasiado con las características independientes de las tecnologías "ligeras".

La facilidad para trabajar con materiales web está determinada por factores como:

sistema desarrollado de publicación y maquetación como en constructores

la capacidad de crear temas con poco o ningún código

Puede verificar fácilmente la validez del primer punto descargando el kit de distribución del portal de sf.net:

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

Luego descomprimiéndolo y ejecutando startup.bat (o .sh) desde el subdirectorio 

tomcat-xyz / bin

Para comenzar, no necesitará instalar nada más que el Java instalado.

Durante el primer inicio, el portal especificará algunas configuraciones, creará un administrador y solicitará reiniciar el portal, para detener el script shutdown.bat se utiliza.

Después de iniciar sesión como administrador, aparecerá un panel con dos paneles laterales deslizantes en la parte superior, que le permitirá crear sitios y materiales, si lo desea, absolutamente sin escribir ningún código.

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

, 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/ .

Estructura del proyecto temático

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'));

Puede leer sobre cómo desarrollar aplicaciones para portales como Liferay en mis otros artículos, por ejemplo, este:

Desarrollo de aplicaciones web en el portal integrado




All Articles