二、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 ：未經授權，不得轉載

有問題的小夥伴請在下方留言，喜歡就點個贊吧