从前端角度看LIferay？

Question

我的背景是一名网站设计师，使用 Drupal 制作网站并负责前端。在我的新工作中，我只是做前端，我的老板要求我从“前端角度”研究liferay(这里的大多数人都是java开发人员)。

那么，liferay 的主题化程度如何？您可以(轻松)控制输出的确切 html 吗？

我知道这是一个开放式问题，但我不太确定如何更具体......谢谢

Answer 1

你没有太多的控制权，因为 LR html 页面很大。它是门户页面和特定 portlet 的 html 部分的组合。一个页面上可以有 3 - 10 个，你可以在巨大的门户页面中对它们进行样式设置...这就是为什么 CSS 层次结构相当复杂，你应该对 CSS 有一点熟练，才能在这样的环境中感到舒适，另外，即使您关闭 tomcat 和属性文件上的缓存，有时您也必须手动清空浏览器缓存才能正确重新加载页面。

但我必须说 LR UX 开发人员是我所认识的最优秀的开发人员，而且做得非常专业。很高兴与它合作。

有 4 个要点:

1. 与java开发人员合作相对容易进入。因为您必须学习如何在 Web 服务器 (tomcat) 上设置它 - 最简单的方法是安装 bundle 并运行它。但你还需要查看LR的源代码，看themes (登录访客，密码为空)并进行一些逆向工程。主题被部署(通过 Ant)到 LR 的运行实例中。即使没有任何 Java 开发者的帮助，这也是相对可行的。在主题目录中运行“$ant create”后，它会在您创建主题并部署它们时构建一个模板主题。但在文件系统上的 PATH 方面必须有一些特定于 Ant 的设置。

2. 主题开发很简单，您只需创建经典 LR 主题的 _diff - 修改已经完成的主题。目的是，LR javascript & CSS 框架和 CSS 层次结构相当复杂，这是最好的方法。

3. 在tomcat/webapps/ROOT/WEB-INF/classes/中创建portal-ext.properties，添加此行include-and-override=portal-developer-ext .properties 并在与此内容相同的位置创建portal-developer-ext.properties，这使得UI开发JS和CSS更加友好。

   主题.css.fast.load=false

   主题.images.fast.load=false

   javascript.fast.load=false

   javascript.log.enabled=false

   com.liferay.portal.servlet.filters.strip.StripFilter=false

   com.liferay.portal.servlet.filters.minifier.MinifierFilter=false

   layout.template.cache.enabled=false

   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

4. 此外，还有构建在 YUI CSS 和 JS 框架之上的合金框架，为您提供了大量可供使用的“小部件”和插件。

简单地说，这是一件非常有趣的事情，一个人可以学到很多东西，但必须愿意花一些时间来投入其中。