<input id="0qass"><u id="0qass"></u></input>
  • <input id="0qass"><u id="0qass"></u></input>
  • <menu id="0qass"><u id="0qass"></u></menu>

    ThinkPHP6項目基操(11.實戰部分 部署后臺靜態頁面模板及后臺登錄頁面)


    前言

    網站后臺一般是在基礎靜態頁面上開發,將靜態頁面插入動態數據,首先我們先找一個后臺網站模板,這里我使用的是layuiAdmin 后臺管理模板點擊進入官網 ,這個框架是需要收費的,請購買正版商用。

    一、部署靜態資源到項目

    1.新建后臺靜態資源文件夾

    public/static目錄下新建admin文件夾,將layuiAdmindist目錄里的文件復制進來:
    在這里插入圖片描述
    訪問主頁嘗鮮:http://tp6.com/static/admin/views/index.html
    在這里插入圖片描述

    二、后臺登錄頁面

    1. 目錄結構

    在這里插入圖片描述
    Login 控制器:

    <?php
    
    namespace 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/,使用模板字符串替換的功能主要是為了維護方便,可以方便一次配置所有靜態文件的路徑,而不用為了寫多少個../而發愁。將login.html的內容復制到模板login的頁面:

    原來登錄頁面引用靜態文件路徑:

    <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">
    

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

    1. 使用tp模板進行think-view安裝
      composer require topthink/think-view
    2. 使用原生模板
      到配置文件config/view.php里把'type' => 'Think'修改為'type' => 'php'
    3. 使用原生模板
      return View::engine('php')->fetch(“index”);

    登錄頁面訪問:http://tp6.com/admin/login/index
    在這里插入圖片描述

    已標記關鍵詞 清除標記
    ??2020 CSDN 皮膚主題: 擼擼貓 設計師:設計師小姐姐 返回首頁
    多乐彩