H-ui.admin 模板引入与继承
一、H-ui.admin简介
官网首页 是这么描述的:
H-ui.admin是用H-ui前端框架开发的轻量级网站后台模版采用源生html语言,完全免费,简单灵活,兼容性好让您快速搭建中小型网站后台。
二、模板导入与资源文件替换
1. 模板导入
2. 修改 index.php
3. 资源文件替换
4. 访问localhost:8088/www.edu.com
此时访问www.edu.com已经可以看到模板了
三、模板分离
1. 对index.php进行修改
创建 Base.php 注意修改的时候命名空间的修改
2. 开始模板分离(分割 index.html)
对 meta 分离
对 header 分离
对 menu 分离
对 footer 分离
刷新页面并未报出任何错误
四、模板继承与区块设计
1. 创建父类 html 文件 base.html
从index.html将全部内容复制过来,用{block name=""}{/block}替代原来的代码
index.html 继承 base.html
{extend name="base" /}
用 block 将内容括起来
{block name=""}{/block}
其实也是网站中对页面中重复出现的内容的处理办法
刷新后页面仍然正常显示
2. 模板内容的引入
例如:
{block name=""}
{__block__}
{/block}
这样就可以引入父模板中的内容了。
3. 引入CSS和HTML
{load href="JS或CSS文件名称" /}
下面分别修改 footer.html 中的 JS 引入 和 meta.html 中的 CSS 引入;且查看网页源代码正常导入。
关注我,带你一起写bug
warning :未经授权,不得转载
有问题的小伙伴请在下方留言,喜欢就点个赞吧