Fatal编程技术网
  • javascript/
  • PHP模板化javascript最佳实践？

PHP模板化javascript最佳实践？

javascript php templates

PHP模板化javascript最佳实践？,javascript,php,templates,standards,Javascript,Php,Templates,Standards,使用JavaScript的PHP（细枝等）模板的一些最佳实践是什么？在这些模板中包含JavaScript是好的还是坏的做法？JavaScript应该如何处理 比如,；我的当前设置是 something.php something.thtml // includes all templating and JavaScript 我在想可能是这样的： something.php something.thtml // no JS something.js // move index.thtml JS

使用JavaScript的PHP（细枝等）模板的一些最佳实践是什么？在这些模板中包含JavaScript是好的还是坏的做法？JavaScript应该如何处理

比如,；我的当前设置是

something.php
something.thtml // includes all templating and JavaScript
我在想可能是这样的：

something.php
something.thtml // no JS
something.js // move index.thtml JS out and into its own JS file which is loaded.
然而，从长远来看，这可能成为“意大利面”；因此，我想知道在PHP中创建模板时，为了便于维护，究竟应该遵循什么样的好标准。

通常情况下，您的js将与html文件分开，因此您应该尽量避免在模板文件中放入任何javascript，但这样做没有错

应该有一个像公共文件夹这样的东西来保存css、图像和js
然后，所有HTML或模板都分别交付

我想有很多不同的方法可以做到这一点，但我发现每个文件都有不同的角色是最好的

我发现最好在php脚本中创建html页眉和页脚，在这里可以调用任何javascript

function makeHTML($vTitle,$vMetaKeywords,$vMetaDescription,$vJavascripts,$vOnLoad,$vPage)
 {$vHTML = '<!DOCTYPE html">' . "\n";
  $vHTML.= '<html>' . "\n";
  $vHTML.= '<head>' . "\n";
  $vHTML.= '<title>' . $Title . '</title>' . "\n";
  $vHTML.= '<LINK HREF="css/style.css" REL="stylesheet" TYPE="text/css">' . "\n";
  $vHTML.= '<meta http-equiv="Content-Type" CONTENT="text/html; charset=utf-8">' . "\n";
  $vHTML.= '<link rel="stylesheet" href="css/style.css">';
  $vHTML.= ($vJavascripts == '' ? '' : $vJavascripts);
  $vHTML.= '</head>' . "\n";
  $vHTML.= '<body' . ($vOnLoad == '' ? '' : ' onLoad="' . $vOnLoad . '"') . '>' . "\n";
  $vHTML.= $vPage;
  $vHTML.= '</body>' . "\n";
  $vHTML.= '</html>' . "\n";
  return $vHTML;}

函数makeHTML（$vTitle、$vMetaKeywords、$vMetaDescription、$vJavascripts、$vOnLoad、$vPage）
{$vHTML='试试或

细枝模板的示例：


<!DOCTYPE html>
<html>
    <head>
        <title>My Webpage</title>
    </head>
    <body>
        <ul id="navigation">
        {% for item in navigation %}
            <li><a href="{{ item.href }}">{{ item.caption }}</a></li>
        {% endfor %}
        </ul>

        <h1>My Webpage</h1>
        {{ a_variable }}
    </body>
</html>




我的网页

    
{导航%中的项目的%1}

  • 
{%endfor%}


我的网页
{{a_变量}}

我会使用多个文件，并将它们按部分分解，不确定您的项目需要什么，但可能会将其分解为多个类别，然后您可以使用require.js之类的东西来处理太多的调用，并确保您的依赖关系井然有序