代码可恢复HTML UI元素PHP


Code Resuable HTML UI elements PHP

我是PHP新手,目前正在为大学的一项任务创建一个PHP web应用程序。在开发过程中,我意识到用户界面中的许多元素正在我的应用程序的不同部分中复制。例如,我可能在客户端页面中有一个名为"新客户端"(<a class="bigbutton" href=".......">New Client</a>)的超链接按钮,而在项目页面中有另一个称为"新项目"(<a "bigbutton" href=".......">New Project</a>)的超级链接按钮。

通常,我只需复制构造客户端页面上按钮的html,然后更改内容以适应项目页面中的"新建项目"按钮。现在,如果我将超链接按钮转换为标签,我将不得不转到该特定按钮的每个实例,用标签替换标签,如果这个按钮存在于这么多页面上,那么更新将非常耗时。

这只是一个简单的例子,然后我必须考虑多个页面上的其他重复元素,如面包屑、列表表等。

有没有什么方法可以让我真正重用这些值得一看的UI元素?也许我可以尝试将这些元素中的每一个编码到类中,但现在我不确定。

任何提示、指示或资源都将非常有用,并将不胜感激。

谢谢大家。

您可以制作PHP函数,这些函数在调用时会回显HTML,还可以选择包含一些配置内容,例如

function make_button($id, $label) {
    echo '<button id="'.$id.'">'.$label.'</button>';
}

这可以用于页面的大块,也可以仅用于小部分。我使用过的一些系统有一个用于这类事情的html_writer类,而另一些系统则使用渲染方法,在其中传入一个对象,它会在页面上传回一个表示该对象的html字符串。

由你自己决定。制作小功能也很好,可以在较大的功能中重复使用,如:

function make_buttons_from array($array) {
    foreach ($array as $id => $label) {
        $this->make_button($id, $label);
    }
}

这里的例子呼应了它们的输出,但您也可以使用字符串串联来组装这些部分。再一次,你的电话。真的没有正确的方法。

您可以采用各种特定的途径,但基本方法是在一个类中拥有一组模板函数或方法,用于构建页面的所有公共元素。任何在页面之间共享(或只有微小变化)的东西都会在这些函数中定义一次,您只需从每个页面调用函数,就可以提供足够的信息,使函数根据调用它的页面的详细信息来区分它应该如何显示其内容。

如果您对一个公共元素进行了更改,只需转到函数并对其进行更改,就可以将其复制到所有页面中。