Pengembangan tema untuk portal Liferay 7

Pengembangan situs web di portal seperti Liferay saat ini mungkin sesederhana menggunakan pembuat situs web dan bahkan bisa lebih mudah dan lebih cepat daripada menggunakan cms populer di PHP. Pada saat yang sama, Anda tetap memiliki kontrol atas semua data Anda dengan kebebasan untuk menempatkannya di mana saja dan tidak bergantung pada penyedia layanan, serta kemampuan untuk merevisi kerumitan apa pun menggunakan pustaka berkualitas tinggi tanpa terlalu banyak melanggar fitur independen teknologi "ringan".

Kemudahan bekerja dengan materi web dibentuk oleh faktor-faktor seperti:

mengembangkan sistem penerbitan dan tata letak seperti pada konstruktor

kemampuan untuk membuat tema dengan sedikit atau tanpa kode

Anda dapat dengan mudah memverifikasi validitas poin pertama dengan mengunduh kit distribusi portal dari sf.net:

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

Kemudian buka paketnya dan jalankan startup.bat (atau .sh) dari subdirektori 

tomcat-xyz / bin

Untuk memulai, Anda tidak perlu menginstal apa pun selain Java yang sudah diinstal.

Selama permulaan pertama, portal akan menentukan beberapa pengaturan, membuat administrator dan meminta untuk memulai ulang portal; untuk menghentikan, skrip shutdown.bat digunakan.

Setelah masuk sebagai administrator, panel dengan dua panel samping geser akan muncul di atas, yang memungkinkan Anda membuat situs dan materi, jika diinginkan, tanpa menulis kode apa pun.

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

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

Struktur proyek topik

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

Anda dapat membaca tentang cara mengembangkan aplikasi untuk portal seperti Liferay dari artikel saya yang lain, misalnya yang ini:

Pengembangan aplikasi web di portal tertanam




All Articles