How to use PHP and Smarty to achieve front-end and back-end separation development-PHP Tutorial-php.cn

Home

Backend Development

PHP Tutorial

How to use PHP and Smarty to achieve front-end and back-end separation development

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 25, 2023 pm 01:46 PM

phpsmartySeparation of front and back ends

In modern web development, the separation of front-end and back-end has become a very popular trend, which allows developers to better organize projects and improve the efficiency of project development. PHP and Smarty are two very commonly used technologies, which can be used to achieve front-end and back-end separation development. This article will introduce how to use PHP and Smarty to achieve front-end and back-end separation development.

What is front-end and back-end separation development

In traditional web development, the front-end is mainly responsible for the presentation of the page and the logic of interaction with the back-end. The backend is mainly responsible for business logic, database operations and other background work. However, traditional development methods often have some problems, such as inflexible front-end and back-end interaction and high code maintenance costs. These problems can be solved through separate front-end and front-end development.

Separate front-end and back-end development refers to separating the front-end and the back-end. The front-end is responsible for page display and user interaction, and the back-end is responsible for data processing and logic control. Data interaction between the front-end and the back-end is carried out through the API interface, so that the front-end and the back-end are decoupled, each focusing on their own fields, thus improving work efficiency and code maintainability.

Why use PHP and Smarty

PHP is a popular server-side scripting language that can help us implement background logic processing and API interface writing. In PHP, we can use some commonly used frameworks, such as Laravel, CodeIgniter, etc., to accelerate application development.

Smarty is a powerful template engine that can be used to simplify the writing of HTML and PHP code, making front-end development more efficient. Smarty has rich template syntax, including template inheritance, variable output, loops, conditional judgments, etc. These functions can effectively simplify the template development process.

Using PHP and Smarty to implement front-end and back-end separation development

The specific process of implementing front-end and front-end separation development is as follows:

Front-end developers use HTML, CSS, JavaScript, etc. Technology for page design and obtaining data from the backend through Ajax requests.
Back-end developers use PHP to develop API interfaces and implement business logic processing through database operations.
Use Smarty to template the front-end page and separate HTML and PHP code to make the page design clearer.
Call the Ajax interface in the Smarty template to bind the back-end data to the front-end page to update the page.

You can refer to the following code for the specific way to realize the separation of front-end and back-end.

Front-end code

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>前后端分离开发示例</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        $(function() {
            // 调用后端API接口
            $.ajax({
                type: "POST",
                url: "api.php",
                dataType: "json",
                success: function(data) {
                    // 处理后端返回的数据
                    if(data.code == 200) {
                        $("#username").text(data.data.username);
                        $("#useremail").text(data.data.email);
                    }
                }
            });
        });
    </script>
</head>
<body>
    <h1 id="欢迎来到前后端分离开发示例">欢迎来到前后端分离开发示例</h1>
    <p>用户名：<span id="username"></span></p>
    <p>邮箱：<span id="useremail"></span></p>
</body>
</html>

Back-end code

<?php
// 连接数据库
$conn = mysqli_connect("localhost", "root", "password", "test");

// 查询用户信息
$query = "SELECT * FROM users WHERE id = 1";
$result = mysqli_query($conn, $query);
$row = mysqli_fetch_assoc($result);

// 构建API接口返回数据
$data = [
    "code" => 200,
    "msg" => "SUCCESS",
    "data" => [
        "username" => $row['username'],
        "email" => $row['email']
    ]
];

// 返回JSON格式的数据
header('Content-Type:application/json');
echo json_encode($data);

Smarty template

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>前后端分离开发示例</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        $(function() {
            // 调用后端API接口
            $.ajax({
                type: "POST",
                url: "api.php",
                dataType: "json",
                success: function(data) {
                    // 处理后端返回的数据
                    if(data.code == 200) {
                        $("#username").text(data.data.username);
                        $("#useremail").text(data.data.email);
                    }
                }
            });
        });
    </script>
</head>
<body>
    <h1 id="欢迎来到前后端分离开发示例">欢迎来到前后端分离开发示例</h1>
    <p>用户名：<span id="username">{$username}</span></p>
    <p>邮箱：<span id="useremail">{$email}</span></p>
</body>
</html>

PHP code

<?php
// 连接数据库
$conn = mysqli_connect("localhost", "root", "password", "test");

// 查询用户信息
$query = "SELECT * FROM users WHERE id = 1";
$result = mysqli_query($conn, $query);
$row = mysqli_fetch_assoc($result);

// 构建$smarty数据
$smartyData = [
    "username" => $row['username'],
    "email" => $row['email']
];

// 载入Smarty模板
require 'smarty/libs/Smarty.class.php';
$smarty = new Smarty();
$smarty->template_dir = 'templates/';
$smarty->compile_dir = 'templates_c/';

// 将数据传递给Smarty模板
$smarty->assign($smartyData);

// 显示模板
$smarty->display('index.tpl');

Summary

As can be seen from the above code examples, it is very simple to use PHP and Smarty to achieve front-end and back-end separation development. Separate development of front-end and back-end allows developers to focus on their own areas, improving work efficiency and code maintainability. Therefore, in actual development, we should try and explore more this development method to improve the success rate and quality of the project.

The above is the detailed content of How to use PHP and Smarty to achieve front-end and back-end separation development. 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

PHP's Purpose: Building Dynamic WebsitesApr 15, 2025 am 12:18 AM

PHP is used to build dynamic websites, and its core functions include: 1. Generate dynamic content and generate web pages in real time by connecting with the database; 2. Process user interaction and form submissions, verify inputs and respond to operations; 3. Manage sessions and user authentication to provide a personalized experience; 4. Optimize performance and follow best practices to improve website efficiency and security.

PHP: Handling Databases and Server-Side LogicApr 15, 2025 am 12:15 AM

PHP uses MySQLi and PDO extensions to interact in database operations and server-side logic processing, and processes server-side logic through functions such as session management. 1) Use MySQLi or PDO to connect to the database and execute SQL queries. 2) Handle HTTP requests and user status through session management and other functions. 3) Use transactions to ensure the atomicity of database operations. 4) Prevent SQL injection, use exception handling and closing connections for debugging. 5) Optimize performance through indexing and cache, write highly readable code and perform error handling.

How do you prevent SQL Injection in PHP? (Prepared statements, PDO)Apr 15, 2025 am 12:15 AM

Using preprocessing statements and PDO in PHP can effectively prevent SQL injection attacks. 1) Use PDO to connect to the database and set the error mode. 2) Create preprocessing statements through the prepare method and pass data using placeholders and execute methods. 3) Process query results and ensure the security and performance of the code.

PHP and Python: Code Examples and ComparisonApr 15, 2025 am 12:07 AM

PHP and Python have their own advantages and disadvantages, and the choice depends on project needs and personal preferences. 1.PHP is suitable for rapid development and maintenance of large-scale web applications. 2. Python dominates the field of data science and machine learning.

PHP in Action: Real-World Examples and ApplicationsApr 14, 2025 am 12:19 AM

PHP is widely used in e-commerce, content management systems and API development. 1) E-commerce: used for shopping cart function and payment processing. 2) Content management system: used for dynamic content generation and user management. 3) API development: used for RESTful API development and API security. Through performance optimization and best practices, the efficiency and maintainability of PHP applications are improved.

PHP: Creating Interactive Web Content with EaseApr 14, 2025 am 12:15 AM

PHP makes it easy to create interactive web content. 1) Dynamically generate content by embedding HTML and display it in real time based on user input or database data. 2) Process form submission and generate dynamic output to ensure that htmlspecialchars is used to prevent XSS. 3) Use MySQL to create a user registration system, and use password_hash and preprocessing statements to enhance security. Mastering these techniques will improve the efficiency of web development.

PHP and Python: Comparing Two Popular Programming LanguagesApr 14, 2025 am 12:13 AM

PHP and Python each have their own advantages, and choose according to project requirements. 1.PHP is suitable for web development, especially for rapid development and maintenance of websites. 2. Python is suitable for data science, machine learning and artificial intelligence, with concise syntax and suitable for beginners.

The Enduring Relevance of PHP: Is It Still Alive?Apr 14, 2025 am 12:12 AM

PHP is still dynamic and still occupies an important position in the field of modern programming. 1) PHP's simplicity and powerful community support make it widely used in web development; 2) Its flexibility and stability make it outstanding in handling web forms, database operations and file processing; 3) PHP is constantly evolving and optimizing, suitable for beginners and experienced developers.

See all articles