WebForms Core は、2024 年に Elanat によって作成された革新的な新しいテクノロジーです。WebForms Core テクノロジーを使用すると、バックエンドですべての HTML タグを管理できるため、JavaScript やフロントエンド開発を使用する必要がなくなりました。
この高度なテクノロジーを PHP プログラミング言語で使用できるようになりました。
私たち Elanat チームは、PHP での WebForms コア テクノロジーのテストに成功しました。
まず、次のリンクから PHP プログラミング言語の WebForms クラスをダウンロードします。
https://github.com/elanatframework/Web_forms_classes
次に、次のリンクから WebFormsJS ライブラリをダウンロードし、HTML ページの head セクションに追加します。
https://github.com/elanatframework/Web_forms
次の画像は、PHP ページのビューを示しています。これは、ブラウザから最初に要求されるビューです。
上の画像の HTML コードは、以下の PHP コードとともに示されています。
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
次のコードも、HTTP プロトコル経由でクライアントに送信されるサーバー応答です。応答コードはサーバー上の WebForms クラスによって生成され、WebFormsJS によって解釈 (レンダリング) されて、HTML ページに適用されます。
応答
[web-forms] fs<form>=32px bc<form>=mediumpurple sd(btn_SetBodyValue)=1 nt<form>=h3 st<h3>=Welcome Adriano!
注: この単純な例では、クライアントからサーバーにデータを送信し、サーバーが応答します。 WebForms Core テクノロジーは高いパフォーマンスを備えており、そのさまざまな機能を使用することで、サーバーにデータを送信せずに JavaScript よりも高いパフォーマンスを体験できることに注意してください。
HTML タグのバックエンド管理: WebForms Core を使用すると、HTML タグをバックエンドから直接管理できるため、開発プロセスが簡素化されます。これにより、フロントエンド対話用の JavaScript を記述する必要がなくなります。
開発の簡素化: WebForms Core は PHP 内でバックエンドとフロントエンドの両方を処理するため、さまざまなテクノロジを管理する複雑さが軽減されます。これにより、開発プロセスがより簡単になり、エラーが発生しにくくなります。
JavaScript への依存度の削減: JavaScript の必要性を最小限に抑えることで、WebForms Core は一般的なフロントエンドの問題のリスクを軽減し、パフォーマンスとセキュリティの向上につながります。これは、PHP などのバックエンド言語に慣れている開発者にとって特に有益です。
パフォーマンスの向上: この例が示すように、WebForms Core はデータ送信とサーバー応答を効率的に処理できます。フォームのインタラクションをサーバー側で管理することで、従来のクライアント側のレンダリングと比較してパフォーマンスが向上する可能性があります。
一貫した HTML レンダリング: HTML はサーバー側で管理されるため、さまざまなブラウザーやデバイス間で HTML 要素の一貫したレンダリングを保証できます。これにより、テストとメンテナンスが簡素化されます。
統合の容易さ: すでに PHP を使用しているチームの場合、PHP とそのエコシステムに関する既存の知識を活用するため、WebForms Core の統合はシームレスに行えます。
簡素化された状態管理: サーバー上で状態を処理すると、データ フローが簡素化され、同期の問題や React などのフレームワークでのコンポーネントのライフサイクル管理の複雑さなど、クライアント側の状態管理に関連する問題が軽減されます。または Vue。
PHP バックエンド コード: サーバー側のコードは、フォームの送信を管理し、HTML 要素を更新し、クライアントに応答を送り返します。
学習のしやすさ: すでに PHP に精通している開発者にとって、WebForms Core は、JavaScript、フレームワーク固有の構文、およびフロントエンドの知識が必要となることが多いフロントエンド フレームワークよりも学習曲線が短い場合があります。ツール。
即時フィードバック: サーバー側の応答およびレンダリング モデルにより、ユーザー入力に基づいて DOM を直接操作できるため、クライアント側で広範なスクリプトを作成する必要がなく、即時フィードバックを提供できます。
クライアント側の複雑さの軽減: サーバー上ですべてを管理することにより、クライアント側のコードベースが大幅に簡素化され、潜在的にバグが減り、メンテナンスが容易になります。
堅牢性とセキュリティ: クライアント側のコードの量を制限することで、入力がサーバー側で管理および検証されるため、一般的な JavaScript 攻撃 (XSS など) に対する脆弱性が少なくなる可能性があります。 .
JavaScript ライブラリ: WebFormsJS ライブラリはサーバーの応答を解釈し、それに応じて HTML を更新します。
統合アーキテクチャ: UI とロジックを単一の管理ポイント (サーバー) で管理すると、より一貫したアーキテクチャが実現し、保守と拡張が容易になります。
API は不要 リクエストを処理するために複数のサーバー側 API の作成が必要なフロントエンド フレームワークとは異なり、WebForms Core は個別の API エンドポイントを必要とせずにサーバー側ですべてのインタラクションを管理します。これにより、開発オーバーヘッドが削減され、データ処理が簡素化されます。
単一サーバー リクエスト: フロントエンド フレームワークでは通常、動的コンテンツ更新のためにサーバーへの複数のリクエストが必要です。対照的に、WebForms Core は 1 つのリクエストのみを作成し、その後クライアント側でコマンドを処理することで、サーバーの負荷を最小限に抑え、応答時間を改善します。
サーバーへの負荷の軽減: WebForms Core は、JavaScript に大きく依存せずにクライアント側で実行されるコマンドを生成するため、更新のためにサーバーとの継続的な通信が必要になることが多い従来のフレームワークと比較して、サーバーへの負荷が軽減されます。 .
自動互換性管理: フロントエンド フレームワークの更新により、互換性の問題が発生し、メンテナンスの課題が増加する可能性があります。 WebForms Core は、サーバー側の構造とクライアント側のスクリプト間の互換性を自動的に管理し、フレームワークの更新に伴うメンテナンスの負担を軽減します。
HTML に忠実なアプローチ: WebForms Core は純粋な HTML 構造を維持し、サーバーに送信される無関係なデータを最小限に抑え、アプリケーションの軽量性と効率性を確保します。これは、不必要な複雑さでアプリケーションを肥大化させる可能性がある多くのフロントエンド フレームワークとは対照的です。
同様のテクノロジーと比較した WebForms コアの利点:
WebForms Core テクノロジーは、次のすべてのプログラミング言語 (またはフレームワーク) で利用できます:
WebForms Core は、HTML 要素のサーバー側管理に焦点を当てた Web 開発への最新のアプローチを提供します。これにより、開発プロセスが簡素化され、パフォーマンスが向上し、互換性が確保され、エラーが減少します。このため、JavaScript や複雑なフロントエンド フレームワークに深く入り込むことなく Web アプリケーションを合理化したいと考えている開発者にとって、これは魅力的な代替手段となります。
以上がPHP の WebForms コア テクノロジの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
