thinkphp5结合H-ui.admin搭建项目后台模板的步骤整理

深藏阁楼爱情的钟 2022-12-28 00:34 20阅读 0赞

### thinkphp5结合H-ui.admin搭建项目后台模板的步骤整理 ###

*   *  下载thinkphp
     *  下载H-ui.admin
     *  拷贝H-ui.admin公用文件到thinkphp目录中
     *  新建admin后台目录
     *  修改视图文件中的外部文件路径

## 下载thinkphp ##

[点我下载][Link 1]

## 下载H-ui.admin ##

[点我下载][Link 2]

## 拷贝H-ui.admin公用文件到thinkphp目录中 ##

解压下载好的H-ui.admin\_v3.1.3.1 文件  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2d1b19xaWFuZ3FpYW5n_size_16_color_FFFFFF_t_70]  
将公用文件static和lib拷贝到thinkphp的public/static目录下，并创建名称为hadmin的目录，如下图  
![在这里插入图片描述][20201212151858524.png]

## 新建admin后台目录 ##

在application目录中创建admin目录，作为后台目录  
![在这里插入图片描述][20201212152124684.png]  
修改index.php控制器文件

<?php
    
    namespace app\admin\controller;
    
    use think\Controller;
    
    class Index extends Controller
    { 
        public function index()
        { 
            //加载视图文件
            return $this->fetch();
        }
    }

新建view视图文件，将H-ui.admin\_v3.1.3.1中的index.html文件拷贝到当前目录 结构如下图:  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2d1b19xaWFuZ3FpYW5n_size_16_color_FFFFFF_t_70 1]

## 修改视图文件中的外部文件路径 ##

修改index.html文件中的static/和lib/路径  
如下图所示：  
![在这里插入图片描述][20201212152542779.png]  
注意：

> **STATIC**/ 为thinkphp的常量，值为：thinkphp目录下的public/static

再留浏览器中访问就如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2d1b19xaWFuZ3FpYW5n_size_16_color_FFFFFF_t_70 2][点我查看报错解决方案][Link 3]

[Link 1]: https://blog.csdn.net/guo_qiangqiang/article/details/111060045
[Link 2]: https://blog.csdn.net/guo_qiangqiang/article/details/111062088
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2d1b19xaWFuZ3FpYW5n_size_16_color_FFFFFF_t_70]: /images/20221120/755691ea4ca249538127f60a338d2496.png
[20201212151858524.png]: /images/20221120/e48783d84f1845bcaa28cc4e70c988d4.png
[20201212152124684.png]: https://img-blog.csdnimg.cn/20201212152124684.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2d1b19xaWFuZ3FpYW5n_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20201212152308246.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2d1b19xaWFuZ3FpYW5n,size_16,color_FFFFFF,t_70
[20201212152542779.png]: https://img-blog.csdnimg.cn/20201212152542779.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2d1b19xaWFuZ3FpYW5n_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20201212152722480.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2d1b19xaWFuZ3FpYW5n,size_16,color_FFFFFF,t_70
[Link 3]: https://blog.csdn.net/guo_qiangqiang/article/details/111061554