ThinkPHP6 template engine usage guide: Create an exquisite front-end interface-ThinkPHP-php.cn

Home

PHP Framework

ThinkPHP

ThinkPHP6 template engine usage guide: Create an exquisite front-end interface

PHPz

Aug 26, 2023 pm 11:09 PM

thinkphptemplate engineFront-end interface

ThinkPHP6 template engine usage guide: Create an exquisite front-end interface

Introduction:
With the development of Web applications, the design and development of front-end interfaces have become increasingly important. As a developer, we need to use a powerful template engine to help us create and manage front-end interfaces. ThinkPHP6's template engine is a powerful tool to meet this need. This article will introduce how to use the ThinkPHP6 template engine to create a beautiful front-end interface.

Part 1: Install the ThinkPHP6 template engine

Using the ThinkPHP6 template engine is very simple. You only need to execute the following command in the directory where the project is located to install:

composer require topthink/think-template

Installation completed Finally, find the view.php file in the config directory and change the value of engine to thinkTemplateEngine.

Part 2: Creation and Management of Template Files

Creating Template Files
Create a file named after the controller in the view directory of the project folder, such as index. Create a template file named after the action method in this folder, for example index.html. This template file will be used to render the corresponding operation method in the controller.
Basic structure of template files
Each template file should contain the following structure:

{__NOLAYOUT__}  // 如果不需要布局, 可以在渲染模板的时候使用这个替代
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>标题</title>
    <link rel="stylesheet" href="样式文件的链接">
    <script src="脚本文件的链接"></script>
</head>
<body>
    <header>头部内容</header>
    
    <!-- 主体内容 -->
    {block name="content"}这里是主体内容{/block}

    <footer>底部内容</footer>
</body>
</html>

In the above code, {block} is used To define labels for replaceable code blocks, you can use the assign method in the controller to replace them.

Part 3: Use of template variables and labels

Assignment of template variables
In the controller, we can use the assign method to assign The data is passed to the template file. For example:

$this->assign('name', 'ThinkPHP');
$this->assign('age', 6);

In the template file, use {$name} and {$age} to access these variables.

Process control statements
ThinkPHP6's template engine supports common process control statements, such as if, foreach, etc.

{if $name == 'ThinkPHP'}
    <h1 id="name">{$name}</h1>
{elseif $name == 'PHP'}
    <h2 id="name">{$name}</h2>
{else}
    <h3 id="name">{$name}</h3>
{/if}

<ul>
    {foreach $array as $item}
        <li>{$item}</li>
    {/foreach}
</ul>

Template inheritance and rewriting
In the template basic structure code mentioned earlier, we use {block} to define replaceable code blocks . In child templates, we can use {block} to override these code blocks.

{extend name="index/layout"}  // 继承父模板

{block name="content"}  // 重写content代码块
    <div>这是子模板中的内容</div>
{/block}

In the above code, the child template inherits the parent template index/layout and rewrites the content code block in the parent template.

Conclusion:
Using the template engine of ThinkPHP6 can help us create and manage the front-end interface more conveniently. This article briefly introduces how to install the template engine of ThinkPHP6, and explains in detail the creation and management of template files, as well as the use of template variables and tags. By flexibly using the features of the template engine, we can easily implement a beautiful front-end interface. I hope this article can be helpful to you when using the template engine of ThinkPHP6!

The above is the detailed content of ThinkPHP6 template engine usage guide: Create an exquisite front-end interface. For more information, please follow other related articles on the PHP Chinese website!

Statement

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

thinkphp是不是国产框架Sep 26, 2022 pm 05:11 PM

thinkphp是国产框架。ThinkPHP是一个快速、兼容而且简单的轻量级国产PHP开发框架，是为了简化企业级应用开发和敏捷WEB应用开发而诞生的。ThinkPHP从诞生以来一直秉承简洁实用的设计原则，在保持出色的性能和至简的代码的同时，也注重易用性。

一起聊聊thinkphp6使用think-queue实现普通队列和延迟队列Apr 20, 2022 pm 01:07 PM

本篇文章给大家带来了关于thinkphp的相关知识，其中主要介绍了关于使用think-queue来实现普通队列和延迟队列的相关内容，think-queue是thinkphp官方提供的一个消息队列服务，下面一起来看一下，希望对大家有帮助。

thinkphp的mvc分别指什么Jun 21, 2022 am 11:11 AM

thinkphp基于的mvc分别是指：1、m是model的缩写，表示模型，用于数据处理；2、v是view的缩写，表示视图，由View类和模板文件组成；3、c是controller的缩写，表示控制器，用于逻辑处理。mvc设计模式是一种编程思想，是一种将应用程序的逻辑层和表现层进行分离的方法。

thinkphp扩展插件有哪些Jun 13, 2022 pm 05:45 PM

thinkphp扩展有：1、think-migration，是一种数据库迁移工具；2、think-orm，是一种ORM类库扩展；3、think-oracle，是一种Oracle驱动扩展；4、think-mongo，一种MongoDb扩展；5、think-soar，一种SQL语句优化扩展；6、porter，一种数据库管理工具；7、tp-jwt-auth，一个jwt身份验证扩展包。

实例详解thinkphp6使用jwt认证Jun 24, 2022 pm 12:57 PM

本篇文章给大家带来了关于thinkphp的相关知识，其中主要介绍了使用jwt认证的问题，下面一起来看一下，希望对大家有帮助。

一文教你ThinkPHP使用think-queue实现redis消息队列Jun 28, 2022 pm 03:33 PM

本篇文章给大家带来了关于ThinkPHP的相关知识，其中主要整理了使用think-queue实现redis消息队列的相关问题，下面一起来看一下，希望对大家有帮助。

thinkphp 怎么查询库是否存在Dec 05, 2022 am 09:40 AM

thinkphp查询库是否存在的方法：1、打开相应的tp文件；2、通过“ $isTable=db()->query('SHOW TABLES LIKE '."'".$data['table_name']."'");if($isTable){...}else{...}”方式验证表是否存在即可。

thinkphp3.2怎么关闭调试模式Apr 25, 2022 am 10:13 AM

在thinkphp3.2中，可以利用define关闭调试模式，该标签用于变量和常量的定义，将入口文件中定义调试模式设为FALSE即可，语法为“define('APP_DEBUG', false);”；开启调试模式将参数值设置为true即可。

See all articles

Hot AI Tools

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress images for free

Clothoff.io

AI clothes remover

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)

2 weeks agoBy尊渡假赌尊渡假赌尊渡假赌

How Long Does It Take To Beat Split Fiction?

1 months agoByDDD

R.E.P.O. Save File Location: Where Is It & How to Protect It?

1 months agoByDDD

R.E.P.O. Best Graphic Settings

2 weeks agoBy尊渡假赌尊渡假赌尊渡假赌

Assassin's Creed Shadows: Seashell Riddle Solution

1 weeks agoByDDD

Hot Tools

MinGW - Minimalist GNU for Windows

This project is in the process of being migrated to osdn.net/projects/mingw, you can continue to follow us there. MinGW: A native Windows port of the GNU Compiler Collection (GCC), freely distributable import libraries and header files for building native Windows applications; includes extensions to the MSVC runtime to support C99 functionality. All MinGW software can run on 64-bit Windows platforms.

mPDF

mPDF is a PHP library that can generate PDF files from UTF-8 encoded HTML. The original author, Ian Back, wrote mPDF to output PDF files "on the fly" from his website and handle different languages. It is slower than original scripts like HTML2FPDF and produces larger files when using Unicode fonts, but supports CSS styles etc. and has a lot of enhancements. Supports almost all languages, including RTL (Arabic and Hebrew) and CJK (Chinese, Japanese and Korean). Supports nested block-level elements (such as P, DIV),