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 theview.phpfile in theconfigdirectory and change the value ofenginetothinkTemplateEngine.

Part 2: Creation and Management of Template Files

1. Creating Template Files
   Create a file named after the controller in theviewdirectory of the project folder, such asindex. Create a template file named after the action method in this folder, for exampleindex.html. This template file will be used to render the corresponding operation method in the controller.
2. Basic structure of template files
   Each template file should contain the following structure:

{__NOLAYOUT__} // 如果不需要布局, 可以在渲染模板的时候使用这个替代        
  
头部内容
  {block name="content"}这里是主体内容{/block}   

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

Part 3: Use of template variables and labels

1. Assignment of template variables
   In the controller, we can use theassignmethod 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.

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

{if $name == 'ThinkPHP'} 
{$name}
 {elseif $name == 'PHP'} 
{$name}
 {else} 
{$name}
 {/if} 
 {foreach $array as $item} 
{$item}
 {/foreach} 

3. 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代码块 
这是子模板中的内容
 {/block}

In the above code, the child template inherits the parent templateindex/layoutand rewrites thecontentcode 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!