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
在这里插入图片描述


⭐️重磅推荐:免费商用电商系统

😏想白嫖整个电商系统用来商用?
🤑想有自己的商城实现财富自由?
🤓想学习最佳实践提升自己技术?

快来进入🚀 传送门 🚀,开源免费、完整示例带你快速入门,轻松二开,走上人生巅峰!👨‍🎓
在这里插入图片描述

  • 9
    点赞
  • 39
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 17
    评论
评论 17
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

优小U

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值