ThinkPhp5开发实战1：搭建环境配置TP5框架(持续更新收藏关注)

末蓝、 2023-10-01 16:20 11阅读 0赞

#### 文章目录 ####

*  前言
 *  一、下载thinkphp5.0.10和安装本地环境
 *  二、下载H-UI后端模板
 *  三、静态文件引入
 *  四、创建后台页面首页

## 前言 ##

php框架有助于促进快速应用开发，不仅节省时间，有助于建立更稳定的应用，而且，减少了重复代码。本文章采用图文模式将记录学习thinkphp5的开发，一定做到最详细，最适合新手，本文章适用于对php、HTML有一定基础的同学，由于需要适合新手该系列更新将非常慢，如果对于有错误的还请指出，本文仅对tp5做一个大体的认识

--------------------

## 一、下载thinkphp5.0.10和安装本地环境 ##

[Thinkphp5.0.10下载][Thinkphp5.0.10]  
[小皮phpStudy下载][phpStudy]  
下载Sublime Text3(开发工具无所谓)

下载完成后将thinkphp5压缩包解压到桌面，如图：  
![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5b635a6P5o-S55y85aSn6a2U546L_size_20_color_FFFFFF_t_70_g_se_x_16]  
将下载的应用程序安装打开如图：  
![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5b635a6P5o-S55y85aSn6a2U546L_size_19_color_FFFFFF_t_70_g_se_x_16]  
然后将网站目录改为框架目录并指向public文件夹  
![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5b635a6P5o-S55y85aSn6a2U546L_size_11_color_FFFFFF_t_70_g_se_x_16]

## 二、下载H-UI后端模板 ##

[下载H-UI后端模板][H-UI]  
![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5b635a6P5o-S55y85aSn6a2U546L_size_20_color_FFFFFF_t_70_g_se_x_16 1]

## 三、静态文件引入 ##

打开tp5\\public\\static文件夹将下载好的文件样式放入此文件夹中 如图：  
![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5b635a6P5o-S55y85aSn6a2U546L_size_20_color_FFFFFF_t_70_g_se_x_16 2]

## 四、创建后台页面首页 ##

首先我们先在tp5文件夹tp5\\application\\index里面新建view文件夹，再在view里面新建Index文件夹  
![在这里插入图片描述][d5d2348cc89146aab4204c30a1675e21.png]  
**这里说一下重点：**  
控制器中的文件名Index对应 该文件内class名Index以及view视图中的Index文件夹；该类方法名index对应view视图文件（作者没有还原最初的状态大家只需要看框着的部分就好，对于tp5来说其实不需要的，但是tp6就需要严格按照标准来）  
![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5b635a6P5o-S55y85aSn6a2U546L_size_18_color_FFFFFF_t_70_g_se_x_16]  
接着将H-Ui的index.html 放入view/Index中 如图：

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5b635a6P5o-S55y85aSn6a2U546L_size_20_color_FFFFFF_t_70_g_se_x_16 3]  
修改控制器controller下的Index.php为：

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

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5b635a6P5o-S55y85aSn6a2U546L_size_15_color_FFFFFF_t_70_g_se_x_16]  
接下来修改首页样式文件，先找到刚刚view下的index.html  
将lib、static替换为\_\_STATIC\_\_/static 或者\_\_STATIC\_\_/lib![在这里插入图片描述][002fd7e7e22940a9b92af030d42f677f.png]  
替换完成后打开phpstudy  
![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5b635a6P5o-S55y85aSn6a2U546L_size_13_color_FFFFFF_t_70_g_se_x_16]  
在浏览器输入localhost  
![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5b635a6P5o-S55y85aSn6a2U546L_size_20_color_FFFFFF_t_70_g_se_x_16 4]  
可以看到页面内容已经加载出来了

**这里对路由说明一下：  
例如 http://localhost/index.php/index/Index/index  
主机名/入口文件/index文件夹/Index控制器/index方法**

--------------------

\*\* 以上就是对tp5的基本用法，下一章将会开展登录以及注销Session的教程\*\*

[Thinkphp5.0.10]: https://www.thinkphp.cn/down/1015.html
[phpStudy]: https://www.xp.cn/
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5b635a6P5o-S55y85aSn6a2U546L_size_20_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/31ee10802c41480a8bc9e3a6b4eaddf3.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5b635a6P5o-S55y85aSn6a2U546L,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5b635a6P5o-S55y85aSn6a2U546L_size_19_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/863dd10ed5a64e15a81a11bfc2b7556b.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5b635a6P5o-S55y85aSn6a2U546L,size_19,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5b635a6P5o-S55y85aSn6a2U546L_size_11_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/b1b0bb0db8a545e98266d82769cd4b21.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5b635a6P5o-S55y85aSn6a2U546L,size_11,color_FFFFFF,t_70,g_se,x_16
[H-UI]: http://www.h-ui.net/H-ui.admin.shtml
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5b635a6P5o-S55y85aSn6a2U546L_size_20_color_FFFFFF_t_70_g_se_x_16 1]: https://img-blog.csdnimg.cn/1ff2510899bf4bc484a079c29d27ba21.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5b635a6P5o-S55y85aSn6a2U546L,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5b635a6P5o-S55y85aSn6a2U546L_size_20_color_FFFFFF_t_70_g_se_x_16 2]: https://img-blog.csdnimg.cn/64415ed49fb24c408dd14beabbb16d40.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5b635a6P5o-S55y85aSn6a2U546L,size_20,color_FFFFFF,t_70,g_se,x_16
[d5d2348cc89146aab4204c30a1675e21.png]: https://img-blog.csdnimg.cn/d5d2348cc89146aab4204c30a1675e21.png
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5b635a6P5o-S55y85aSn6a2U546L_size_18_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/17327bbf3274438f9e56abdc61c975a0.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5b635a6P5o-S55y85aSn6a2U546L,size_18,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5b635a6P5o-S55y85aSn6a2U546L_size_20_color_FFFFFF_t_70_g_se_x_16 3]: https://img-blog.csdnimg.cn/873c7328c3e44108921ba6f3710ec8ce.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5b635a6P5o-S55y85aSn6a2U546L,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5b635a6P5o-S55y85aSn6a2U546L_size_15_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/b2eec76a394b464088aa5debf49de300.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5b635a6P5o-S55y85aSn6a2U546L,size_15,color_FFFFFF,t_70,g_se,x_16
[002fd7e7e22940a9b92af030d42f677f.png]: https://img-blog.csdnimg.cn/002fd7e7e22940a9b92af030d42f677f.png
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5b635a6P5o-S55y85aSn6a2U546L_size_13_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/da679cf5558d4f469a68e8d7ee5cd689.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5b635a6P5o-S55y85aSn6a2U546L,size_13,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5b635a6P5o-S55y85aSn6a2U546L_size_20_color_FFFFFF_t_70_g_se_x_16 4]: https://img-blog.csdnimg.cn/1a866189d12b47b0ab22a889e544829d.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5b635a6P5o-S55y85aSn6a2U546L,size_20,color_FFFFFF,t_70,g_se,x_16