ThinkPHP_layout模版布局

最新推荐文章于 2023-08-10 10:27:50 发布

黑狗向前跑

最新推荐文章于 2023-08-10 10:27:50 发布

阅读量938

点赞数 3

分类专栏： ThinkPHP 文章标签： php html

本文链接：https://blog.csdn.net/weixin_42137574/article/details/120283338

版权

这篇博客介绍了如何在ThinkPHP中配置并使用`layout.html`模板布局，通过在模块的`config.php`中添加相关代码，实现所有视图共享公共布局。布局文件中的页面素材应存放在`public/static`下，并注意调整CSS、JS及图片的路径。若要禁用特定视图的布局，可在跳转方法中设置。

摘要由CSDN通过智能技术生成

在自己模块的config.php里添加如下代码

    'template' =>[
        'layout_on' => true, //开启模版布局
        'layout_name' => 'layout' //模版的文件位置
    ]

在这里插入图片描述

layout.html 的文件位置
在这里插入图片描述

layout.html 的内容
在这里插入图片描述
配置了 layout布局的config 只在本config模块起作用本模块的所有view 共用layout.html 里的代码

layout.html 代码参考:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>后台管理系统</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link href="/static/admin/css/main.css" rel="stylesheet" type="text/css"/>
    <link href="/static/admin/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="/static/admin/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/>
    <script src="/static/admin/js/jquery-1.8.1.min.js"></script>
    <script src="/static/admin/js/bootstrap.min.js"></script>
    <script src="/static/admin/js/highcharts.js"></script>
    <script src="/static/admin/js/exporting.js"></script>
    <script