PWA很容易。 你好joomla

Joomla具有模板的概念-一组用于演示级别的Web资源。 模板位于/ templates目录中，我们的标准“开箱即用”称为protostar。

在一般情况下，Joomla在收到浏览器请求后，启动引擎，做自己的事情，然后将请求的执行转移到/templates/protostar/index.php，后者已经在生成HTML给客户端。 该文件是一个简单的PHP文件，其中还可以使用两个指令：

<jdoc:include type="component" /> <jdoc:include type="modules" name="position-id" style="..." /> 

第一个插入的是与所请求的URL（组件）相对应的主要材料，第二个插入了管理员为指定位置指定的模块。 Joomla中的任何页面都包含一个组件和模块。

如果查看站点模板 ，则可以在页面的中心部分看到主要材料的块，并且周围没有模块。 顶部菜单是位置1，带有两个模块“较旧的帖子”和“最常阅读的帖子”的右列是位置7，依此类推。



Joomla具有特殊性-如果接收到的 GET请求中有一个带有somePage值的tmpl参数，则Joomla不会将请求执行的内容传输到index.php到模板文件，而是传输到somePage.php。 我们在下面使用它。

 //   url  HTML  el function loadData(el, url){ url.indexOf("?") >= 0 ? url += "&" : url += "?"; url = url + 'mode=nocache&tmpl=' + el; fetch(url) .then( function(response) { if (response.status == 200) { response.text().then(function(data) { document.getElementById(el).innerHTML = data; }); } }) .catch(); return false; } //    <a>    function handleLinks() { var links = document.querySelectorAll('a'); for (var i = 0; i < links.length; ++i) { links[i].removeEventListener("click", handleLink); links[i].addEventListener("click", handleLink); } } //   function handleLink(e) { e.preventDefault(); loadData("main-content", this.href); loadData("module-2", this.href); handleLinks(); return false; } //      function DOMLoaded() { loadData("main-content", location.pathname); loadData("module-2", location.pathname); loadData("module-7", location.pathname); handleLinks(); } document.addEventListener('DOMContentLoaded', DOMLoaded, true);