AI智能
改变未来

ThinkPHP6项目基操(11.实战部分 部署后台静态页面模板及后台登录页面)

实战部分 部署后台静态页面模板及后台登录页面

  • 前言
  • 一、部署静态资源到项目
  • 1.新建后台静态资源文件夹
  • 二、后台登录页面
    • 1. 目录结构
    • 2. 模板字符串替换配置

    前言

    网站后台一般是在基础静态页面上开发,将静态页面插入动态数据,首先我们先找一个后台网站模板,这里我使用的是

    layuiAdmin 后台管理模板

    ,点击进入官网 ,这个框架是需要收费的,请购买正版商用。

    一、部署静态资源到项目

    1.新建后台静态资源文件夹

    public/static

    目录下新建

    admin

    文件夹,将

    layuiAdmin

    dist

    目录里的文件复制进来:

    访问主页尝鲜:

    http://tp6.com/static/admin/views/index.html

    二、后台登录页面

    1. 目录结构


    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/

    ,使用模板字符串替换的功能主要是为了维护方便,可以方便一次配置所有静态文件的路径,而不用为了写多少个

    ../

    而发愁。将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

  • 赞(0) 打赏
    未经允许不得转载:爱站程序员基地 » ThinkPHP6项目基操(11.实战部分 部署后台静态页面模板及后台登录页面)