在PHP中使用AdminLTE

素颜马尾好姑娘i 2023-10-05 14:53 13阅读 0赞

## ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FsbHdheTI_size_16_color_FFFFFF_t_70][] ##

毫无疑问，AdminLTE是市场上最好的Bootstrap Admin主题之一。W3C验证的HTML和CSS3，引导响应设计，1000多个图标，6种外观，插件支持（当前有18个插件），与主要浏览器的兼容性和轻量级代码是其一些主要功能。

而且由于受欢迎，它有一个很大的社区可以得到支持。您可以从[开发人员的Github页面][Github]或我们的[Bootstrap论坛][Bootstrap]的[AdminLTE支持][AdminLTE]主题访问社区。

在我告诉您使用AdminLTE的热点之前，您必须下载AdminLTE引导程序管理模板的最新版本。您可以[从此处下载AdminLTE 3][AdminLTE 3]。

### 如何使用AdminLTE？ ###

您有许多选择可以在项目中使用AdminLTE。虽然您可以将其与任何编程语言一起使用，但我将向您解释并提供纯PHP的资源，稍后在下一篇文章中，我还将为Laravel框架和AngularJS对其进行解释。这些是AdminLTE的最常见用法。

让我们开始解释。不管使用哪种语言，都将使用AdminLTE。只有一个下载包（[在此处][AdminLTE 3]）。您下载HTML文件，然后根据需要对其进行编辑。下载AdminLTE之后，解压缩它，然后导航到根目录。

在根目录中，index.html，index2.html和index3.html文件是AdminLTE的不同设计。您可以从更适合您需求的其中一种开始。如果打开首选索引文件的代码，则会看到模板中使用了插件和dist目录中的文件。因此，我们在项目中需要这两个目录。

#### 如何在PHP中使用AdminLTE？ ####

如果我们将在PHP中使用AdminLTE，则可以将**插件**和**dist**目录复制到项目中的适当目录中。我通常创建以下结构：

![20201202201958473.png][]

如您所见，我在根目录中创建了一个**资产**目录。我复制了**plugins**目录和此**资产**目录内**dist**目录的内容。因此，我现在所有的资产实际上都放在一个地方。

我将index.html文件（首选文件）复制到了根目录，并将其重命名为index.php，因为我想在该文件中使用PHP代码。

现在，index.php中的CSS和JS链接显示了错误的目录。我们需要改变它们。您可以搜索并替换**插件/**与**/资产/插件/**

同样，将**dist /**替换为**/ assets /，**因为我们不再有dist目录了。**dist**目录的所有内容都在**assets**目录中。

我们已准备好在服务器上运行此页面。如果我们将文件上传到服务器或本地主机的根目录，则页面应正确显示。

我不知道您如何处理PHP文件，但是我通常在包含文件中使用设计的公共部分，因此我在页面上称这些包含文件。

这些包含文件有两个目的。一种是防止代码重复。第二个是 这些是站点范围的公共部分，当我们需要在这些部分中进行更改时，我们必须在所有文件中进行更改。如果它在包含文件中，我们将对其进行一次更改，然后在整个项目中进行更改。

我将解释我的操作方式。这不是必须的，您可以一如既往地做到。但是我总是这样。

我在**资产**目录中创建**inc**目录，并在其中创建3个php文件：**meta.php**，**nav.php**和**footer.php**

meta.php

我从``该`<head>`节的最后一行开始剪切了几行。在本`<head>`节中，我不讲前三行。因为<title>标签的内容在每个页面上都不同。因此，最好将其写在页面上，而不要在包含文件中。

我没有前两行是出于两个原因。不更改行顺序。第二个原因；这2行在所有页面中总是相同的，我们以后再也不会更改它们。因此，我们不需要将其包含在包含文件中。

现在，我们将此行写入`<title>`标记下的位置：`<?php include "assets/inc/meta.php"; ?>`此行在此处添加包含文件的内容。

nav.php

第二个包含文件是nav.php，其中包含站点导航的内容。项目中的导航经常更改。因此，最好将其放入包含文件中。

从行开始``直到``行（包括该行）都剪切到nav.php中。AdminLTE具有良好的描述性结构，您可以在第一眼中看到每个部分。

将此行写到剪切导航代码的位置： `<?php include "assets/inc/nav.php"; ?>`

footer.php

最后一个包含文件是footer.php。我们进入项目的页脚部分，并将javascript包含到我们的footer.php包含文件中，以便以后轻松更改它们。

从也`<footer class="main-footer">`直到`</footer>`包括该行的行开始剪切行。这是页脚部分。但是我们说过，我们还将javascript include包含到此include文件中。粘贴代码后，留出几行空间，并粘贴代码行，``直到也`<script src="dist/js/demo.js"></script>`包括该行为止。

将此行写入剪切页脚代码的位置（请注意，它将被写入剪切`<footer>`标签的位置）：`<?php include "assets/inc/footer.php"; ?>`

现在，我们的系统已准备就绪。要创建页面，只需使用index.php作为模板。复制并粘贴新名称并使用。这是最简单的方法。无论何时需要组件，都可以从AdminLTE软件包> pages目录中打开相关的示例文件，然后复制并粘贴该组件的代码。

如果要使用AdminLTE软件包（在pages目录中）中示例页面之一的确切结构，请再次使用index.php作为模板，但将示例页面的内部内容复制并粘贴到模板文件中。所有人都应该工作顺利。

#### 结论 ####

因此，您学习了如何在PHP项目中使用AdminLTE。这是许多开发人员最常用的用法。如果您知道做事的简便方法，请在评论部分中分享。

您可以使用我在您的文章，视频或任何其他地方提供的信息。我相信分享很重要。如果您喜欢该帖子，请不要忘记与您的同事分享。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FsbHdheTI_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20201202201930777.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FsbHdheTI=,size_16,color_FFFFFF,t_70
[Github]: https://github.com/almasaeed2010/AdminLTE/issues
[Bootstrap]: https://forum.usebootstrap.com/
[AdminLTE]: https://forum.usebootstrap.com/threads/adminlte-bootstrap-theme.26/
[AdminLTE 3]: https://usebootstrap.com/theme/adminlte-v3
[20201202201958473.png]: https://img-blog.csdnimg.cn/20201202201958473.png