實戰(zhàn)部分 部署后臺靜態(tài)頁面模板及后臺登錄頁面

• 前言
• 一、部署靜態(tài)資源到項目
• • 1.新建后臺靜態(tài)資源文件夾
• 二、后臺登錄頁面
• • 1. 目錄結(jié)構(gòu)
  • 2. 模板字符串替換配置

---

前言

網(wǎng)站后臺一般是在基礎(chǔ)靜態(tài)頁面上開發(fā)，將靜態(tài)頁面插入動態(tài)數(shù)據(jù)，首先我們先找一個后臺網(wǎng)站模板，這里我使用的是layuiAdmin 后臺管理模板，點擊進入官網(wǎng) ，這個框架是需要收費的，請購買正版商用。

一、部署靜態(tài)資源到項目

1.新建后臺靜態(tài)資源文件夾

在public/static目錄下新建admin文件夾，將layuiAdmin的dist目錄里的文件復(fù)制進來：

訪問主頁嘗鮮：http://tp6.com/static/admin/views/index.html

二、后臺登錄頁面

1. 目錄結(jié)構(gòu)

Login 控制器：

<?phpnamespace app\admin\controller; use app\BaseController; use think\facade\View;class Login extends BaseController {public function index(){return View::fetch('index');} }

2. 模板字符串替換配置

修改在config文件夾下的view.php文件，新增字符串替換配置：

'tpl_replace_string' => ['{__STATIC__}' => '/static/' ],

上面配置表示在模板引擎中會將{__STATIC__}替換為/static/，使用模板字符串替換的功能主要是為了維護方便，可以方便一次配置所有靜態(tài)文件的路徑，而不用為了寫多少個../而發(fā)愁。將login.html的內(nèi)容復(fù)制到模板login的頁面：

原來登錄頁面引用靜態(tài)文件路徑：

<link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all"> <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all"> <link rel="stylesheet" href="../../layuiadmin/style/login.css" media="all">

修改為：

<link rel="stylesheet" href="{__STATIC__}/admin/layuiadmin/layui/css/layui.css" media="all"> <link rel="stylesheet" href="{__STATIC__}/admin/layuiadmin/style/admin.css" media="all"> <link rel="stylesheet" href="{__STATIC__}/admin/layuiadmin/style/login.css" media="all">

如果訪問出現(xiàn)使用模板報驅(qū)動錯誤Driver [Think] not supported.，原因是tp6默認只能支持PHP原生模板，但配置文件config/view.php配置使用的卻是Think。
解決辦法：

使用tp模板進行think-view安裝
composer require topthink/think-view

使用原生模板
到配置文件config/view.php里把'type' => 'Think'修改為'type' => 'php'

使用原生模板
return View::engine('php')->fetch(“index”);

登錄頁面訪問：http://tp6.com/admin/login/index

---

??重磅推薦：免費商用電商系統(tǒng)

😏想白嫖整個電商系統(tǒng)用來商用？
🤑想有自己的商城實現(xiàn)財富自由？
🤓想學習最佳實踐提升自己技術(shù)？

快來進入🚀 傳送門 🚀，開源免費、完整示例帶你快速入門，輕松二開，走上人生巔峰！👨?🎓

總結(jié)

以上是生活随笔為你收集整理的ThinkPHP6项目基操（11.实战部分 部署后台静态页面模板及后台登录页面）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。