Technologie de base WebForms en PHP-tutoriel php-php.cn

WebForms Core est une nouvelle technologie révolutionnaire créée par Elanat en 2024. Avec la technologie WebForms Core, vous n'avez plus besoin d'utiliser JavaScript et le développement front-end car cette technologie vous permet de gérer toutes les balises HTML dans le back-end.

Vous pouvez désormais utiliser cette technologie de haut niveau dans le langage de programmation PHP.
Chez Elanat, nous avons testé avec succès la technologie WebForms Core sur PHP.

Étapes de test

Tout d'abord, téléchargez la classe WebForms du langage de programmation PHP à partir du lien suivant :
https://github.com/elanatframework/Web_forms_classes

Téléchargez ensuite la bibliothèque WebFormsJS à partir du lien suivant et ajoutez-la à la section d'en-tête de la page HTML :

https://github.com/elanatframework/Web_forms

Créer un fichier PHP

L'image suivante montre la vue d'une page PHP. Il s'agit de la vue qui est demandée en premier au navigateur.

WebForms Core Technology in PHP

Le code HTML de l'image ci-dessus est affiché avec le code PHP ci-dessous.

index.php

<?php
include 'WebForms.php';

if (!empty($_POST['btn_SetBodyValue']))
{
    $Name = $_POST['txt_Name'];
    $BackgroundColor = $_POST['txt_BackgroundColor'];
    $FontSize = (int) $_POST['txt_FontSize'];

    $form = new WebForms();

    $form->setFontSize('<form>', $FontSize . 'px');
    $form->setBackgroundColor('<form>', $BackgroundColor);
    $form->setDisabled('(btn_SetBodyValue)', true);

    $form->addTag('<form>', 'h3');
    $form->setText('<h3>', "Welcome " . $Name . "!");

    echo $form->response();
    exit();
}
?>
<!DOCTYPE html>
<html>
<head>
  <title>Using WebForms Core</title>
  <script type="text/javascript" src="/script/web-forms.js"></script>
</head>
<body>
    <form method="post" action="/" >

        <label for="txt_Name">Your Name</label>
        <input name="txt_Name">



<p>As you can see, the WebFormsJS script has been added in the header section of the View file above.</p>

<p>In the upper part of the View file, it is first checked whether the submit button has been clicked or not, if it has been clicked, an instance of the WebForms class is created, then the WebForms methods are called, and then the response method is printed on the screen, and other parts Views are not displayed. Please note that if the submit button is not clicked (initial request), the view page will be displayed completely for the requester.</p>

<p>The following image shows the view of the PHP page after clicking on the button.</p>

<p><img src="https://img.php.cn/upload/article/000/000/000/173583910161566.jpg" alt="WebForms Core Technology in PHP"></p>

<blockquote>
<p><strong>Note:</strong> Please note that you need to add the PHP WebForms class next to the index.php file and also place the WebFormsJS library in the script directory and then add this directory next to the index.php file.</p>
</blockquote>

<p><img src="https://img.php.cn/upload/article/000/000/000/173583910262242.jpg" alt="WebForms Core Technology in PHP"></p>

<p>WebForms Core is a faithful HTML technology. In this example, it is clear that the data is sent via the POST method. After clicking on the button, the following data is sent based on the HTTP protocol.</p>

<p><strong>Request</strong><br>
</p>

<pre class="brush:php;toolbar:false">txt_BackgroundColor=mediumpurple&txt_FontSize=32&txt_Name=Adriano&btn_SetBodyValue=Click to send data

Copier après la connexion

Le code suivant est également la réponse du serveur qui est envoyée au client via le protocole HTTP. Les codes de réponse sont générés par la classe WebForms sur le serveur et sont interprétés (rendus) par WebFormsJS puis appliqués à la page HTML.

Réponse

[web-forms]
fs<form>=32px
bc<form>=mediumpurple
sd(btn_SetBodyValue)=1
nt<form>=h3
st<h3>=Welcome Adriano!

Copier après la connexion

Remarque : Dans cet exemple simple, nous envoyons des données du client au serveur et le serveur répond. Veuillez noter que la technologie WebForms Core a un haut niveau de performances et qu'en utilisant ses différentes fonctionnalités, vous pouvez bénéficier de plus de performances que JavaScript sans avoir à envoyer de données au serveur.

Avantages principaux des formulaires Web

Gestion backend des balises HTML : Avec WebForms Core, vous pouvez gérer les balises HTML directement depuis le backend, ce qui simplifie le processus de développement. Cela élimine le besoin d'écrire du JavaScript pour les interactions frontales.

Développement simplifié : Comme WebForms Core gère à la fois le backend et le frontend au sein de PHP, il réduit la complexité de la gestion des différentes technologies. Cela peut rendre le processus de développement plus simple et moins sujet aux erreurs.

Dépendance réduite à l'égard de JavaScript : En minimisant le besoin de JavaScript, WebForms Core réduit le risque de problèmes frontaux courants et peut conduire à de meilleures performances et sécurité. Ceci est particulièrement bénéfique pour les développeurs qui sont plus à l'aise avec les langages backend comme PHP.

Performances améliorées : Comme l'illustre l'exemple, WebForms Core peut gérer efficacement la soumission de données et les réponses du serveur. En gérant les interactions avec les formulaires côté serveur, il peut potentiellement offrir de meilleures performances par rapport au rendu traditionnel côté client.

Rendu HTML cohérent : Étant donné que le HTML est géré côté serveur, vous pouvez garantir un rendu cohérent des éléments HTML sur différents navigateurs et appareils. Cela peut simplifier les tests et la maintenance.

Facilité d'intégration : Pour les équipes utilisant déjà PHP, l'intégration de WebForms Core peut être transparente, car elle exploite les connaissances existantes de PHP et de son écosystème.

Gestion simplifiée de l'état : La gestion de l'état sur le serveur peut simplifier le flux de données et réduire les problèmes liés à la gestion de l'état côté client, tels que les problèmes de synchronisation et la complexité de la gestion des cycles de vie des composants dans des frameworks comme React ou Vue.

Code backend PHP : Le code côté serveur gère les soumissions de formulaires, met à jour les éléments HTML et renvoie les réponses au client.

Facilité d'apprentissage : Pour les développeurs déjà familiers avec PHP, WebForms Core peut avoir une courbe d'apprentissage plus courte que les frameworks front-end, qui nécessitent souvent une connaissance de JavaScript, des syntaxes spécifiques des frameworks et du front-end. outillage.

Commentaires immédiats : Le modèle de réponse et de rendu côté serveur permet une manipulation directe du DOM en fonction des entrées de l'utilisateur, ce qui peut fournir un retour immédiat sans avoir besoin de scripts approfondis côté client.

Complexité côté client réduite : En gérant tout sur le serveur, la base de code côté client peut être considérablement simplifiée, ce qui entraîne potentiellement moins de bugs et une maintenance plus facile.

Robustesse et sécurité : En limitant la quantité de code côté client, il peut y avoir moins de vulnérabilités aux attaques JavaScript courantes (par exemple, XSS), car l'entrée est gérée et validée côté serveur .

Bibliothèque JavaScript : La bibliothèque WebFormsJS interprète les réponses du serveur et met à jour le code HTML en conséquence.

Architecture consolidée : Avoir un point de gestion unique (le serveur) pour l'interface utilisateur et la logique peut conduire à une architecture plus cohérente, facilitant sa maintenance et son extension.

Pas besoin d'API Contrairement aux frameworks frontaux qui nécessitent la création de plusieurs API côté serveur pour gérer les requêtes, WebForms Core gère toutes les interactions côté serveur sans nécessiter de points de terminaison d'API distincts. Cela réduit les frais de développement et simplifie la gestion des données.

Demande de serveur unique : Les frameworks frontaux nécessitent généralement plusieurs requêtes au serveur pour les mises à jour de contenu dynamiques. En revanche, WebForms Core n'effectue qu'une seule requête, après quoi il traite les commandes côté client, minimisant ainsi la charge du serveur et améliorant les temps de réponse.

Pression du serveur réduite : Étant donné que WebForms Core génère des commandes qui sont exécutées côté client sans dépendre fortement de JavaScript, il allège la pression sur le serveur par rapport aux frameworks traditionnels qui nécessitent souvent une communication constante avec le serveur pour les mises à jour. .

Gestion automatique de la compatibilité : Les mises à jour dans les frameworks front-end peuvent entraîner des problèmes de compatibilité et des défis de maintenance accrus. WebForms Core gère automatiquement la compatibilité entre sa structure côté serveur et les scripts côté client, réduisant ainsi les charges de maintenance associées aux mises à jour du framework.

Approche HTML fidèle : WebForms Core maintient une structure HTML pure, minimisant les données superflues envoyées au serveur et garantissant que l'application reste légère et efficace. Cela contraste avec de nombreux frameworks front-end qui peuvent surcharger les applications avec une complexité inutile.

Avantages du noyau WebForms par rapport à des technologies similaires :

Cela ne dépend d'aucun framework back-end ou front-end.
C'est automatique et ne nécessite pas de balisage dans les balises HTML.
Il effectue plusieurs actions en une seule réponse.
Les données envoyées et reçues entre le serveur et le client sont très légères.
Il est très simple à mettre en place.

La technologie WebForms Core est disponible dans tous les langages de programmation (ou frameworks) suivants :

C# (.Net)
Élixir
PARTIR
JAVA
NodeJS
PHP
Python
R
Rubis
Rouille
Rapide

Conclusion

WebForms Core offre une approche moderne du développement Web en se concentrant sur la gestion côté serveur des éléments HTML, ce qui simplifie le processus de développement, améliore les performances, garantit la compatibilité et réduit les erreurs. Cela en fait une alternative attrayante pour les développeurs cherchant à rationaliser leurs applications Web sans se plonger profondément dans JavaScript ou dans des frameworks front-end complexes.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!