在PHP中使用AdminLTE

 

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

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

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

如何使用AdminLTE?

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

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

 

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

如何在PHP中使用AdminLTE?

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

 

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

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

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

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

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

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

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

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

 

我在资产目录中创建inc目录,并在其中创建3个php文件:meta.phpnav.phpfooter.php

meta.php

我从<!-- Tell the browser to be responsive to screen width --><head>节的最后一行开始剪切了几行。在本<head>节中,我不讲前三行。因为<title>标签的内容在每个页面上都不同。因此,最好将其写在页面上,而不要在包含文件中。

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

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

nav.php

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

从行开始<!-- navbar -->直到<!-- /.navbar -->行(包括该行)都剪切到nav.php中。AdminLTE具有良好的描述性结构,您可以在第一眼中看到每个部分。

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

footer.php

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

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

将此行写入剪切页脚代码的位置(请注意,它将被写入剪切<footer>标签的位置):<?php include "assets/inc/footer.php"; ?>

 

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

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

结论

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

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

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值