### 实战部分 部署后台静态页面模板及后台登录页面 * 前言 * 一、部署静态资源到项目 * * 1.新建后台静态资源文件夹 * 二、后台登录页面 * * 1\. 目录结构 * 2\. 模板字符串替换配置 * * * # 前言 网站后台一般是在基础静态页面上开发，将静态页面插入动态数据，首先我们先找一个后台网站模板，这里我使用的是`layuiAdmin 后台管理模板`，点击进入官网 ，这个框架是需要收费的，请购买正版商用。 # 一、部署静态资源到项目 ## 1.新建后台静态资源文件夹 在`public/static`目录下新建`admin`文件夹，将`layuiAdmin`的`dist`目录里的文件复制进来：  访问主页尝鲜：`http://tp6.com/static/admin/views/index.html`  # 二、后台登录页面 ## 1\. 目录结构  Login 控制器： ~~~php <?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`文件，新增字符串替换配置： ~~~php 'tpl_replace_string' => ['{__STATIC__}' => '/static/' ], ~~~ 上面配置表示在`模板引擎`中会将`{__STATIC__}`替换为`/static/`，使用模板字符串替换的功能主要是为了维护方便，可以方便一次配置所有静态文件的路径，而不用为了写多少个`../`而发愁。将login.html的内容复制到模板login的页面： 原来登录页面引用静态文件路径： ~~~html <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"> ~~~ 修改为： ~~~html <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`  * * * ⭐️重磅推荐：**免费商用电商系统** 😏想白嫖整个电商系统用来商用？ 🤑想有自己的商城实现财富自由？