PHPによるWebページの自動作成

生活のなかで、単にWebページにいるだけではなく、何かをするためにWebページが必要になる場合があります。 あなたはそれを維持するためにそれを必要とします。 これを行うXNUMXつの方法は、それを機能させることです。そのため、すべての更新またはページMODを手動でコーディングする必要はありません。 このようなことを行う最も簡単な方法は、実際にそれを行うことです。この記事の残りの部分では、新しいWebページを直接作成するシステムを実装するXNUMXつの方法を紹介します。ボタン。

このシナリオでは、クライアントが年間を通じてさまざまな特別な機会にクーポンを提供したいと考えているレストランであると想定します。 しかし、もちろん、彼らはそれを更新するためにあなたにお金を払うことを望んでいないので、あなたは彼らのために更新を行うこの自動化システムのために十分に彼らに請求することを確認する方が良いでしょう

1.まず、基本的なWebページテンプレートを作成する必要があります。

これは単なる標準的なWebページのスケルトンです。 「pageBuilder.php」などの名前を付けることができます。 このためにPHPを使用する必要はありません。 別のプログラミング言語を使用することもできますが、この例では、物事をシンプルに保ち、すべてPHPで実行します。

2016 05-30-1.56.52 AMでのスクリーンショット

2.ブートストラップを追加する

これにより、余分な作業をせずにフォームの見栄えを良くすることができます。 もちろん、これを機能させるにはBootstrapが必要です。

2016 05-30-1.56.56 AMでのスクリーンショット

3.コンテナーをセットアップする

すべてを整頓しておくために、ページのコンテンツを格納するコンテナを定義する必要があります。

2016 05-30-1.56.48 AMでのスクリーンショット

4. Webフォームを作成する

Webフォームを定義します。また、フォームにファンシーなタイトルを追加します。これはオプションですが、良い方法です。

2016 05-30-1.56.43 AMでのスクリーンショット

5.フォームフィールドを追加する

これは本当に簡単です。 ロボットが新しいWebページを作成するために使用するいくつかの基本的な詳細を収集するだけです。 私たちが知る必要があるデータには、次のものが含まれます。

  • ページの背景画像
  • 祝われているイベントの名前
  • 見出し
  • 冒頭陳述
  • ちょっとした引用や追加のステートメント
  • 陳腐な引用の帰属
  • (個別に)XNUMXつのフレームテキスト要素のそれぞれに使用するフォントスタイル。
  • バウチャーが有効になる日付範囲
  • クーポンで宣伝されるオファー1およびオファー2。
  • 追加のバウチャーメッセージ(契約条件など)
  • 生成されるバウチャーQRコードのデータ

これがどのように見えるかです:

2016 05-30-1.56.00 AMでのスクリーンショット

2016 05-30-1.55.54 AMでのスクリーンショット

2016 05-30-1.55.36 AMでのスクリーンショット

そして、このすべての努力の結果、次のようなページができあがります。

2016 05-30-1.55.22 AMでのスクリーンショット

良いニュースは、仕事の半分が完了し、最も困難で時間のかかる半分だったということです。 残りははるかに簡単です。

6.フォームプロセッサフ​​ァイルを作成する

フォームを作成した後、送信されたデータを処理してそれを処理するソフトウェアが必要です。 この場合、送信されたデータを使用して新しい HTML のページをご覧ください。

これは、データがリアルタイムで使用され、ユーザーに動的に反映される通常のPHP応答と同じではないことに注意してください。 代わりに、上書きするまで永続的に存在する静的ページを作成しています。

ファイルには、同じ名前を付ける必要があります アクション フォーム宣言の属性値なので、この例では voucherGen.php、そしてパスを指定しなかったので、同じ場所に保存する必要があります pageBuilder.php それが機能するために。

7.変数を初期化する

から提出されたデータ pageBuilder.php という連想配列として返されました $ _ POST、および配列内のすべてのデータ値は、HTMLフォームコントロールを介してアクセスできます。 属性。 したがって、変数の初期化は実際には非常に簡単です。 これもオプションですが、コードが少し整然としていて読みやすくなります。 あなたは確かに直接 $ _ POST 必要に応じて値。

2016 05-30-1.55.15 AMでのスクリーンショット

8.条件文を使用してフォントを正しい値に変更します

これを早期に行うことで、時間と手間を省くことができます。 選択された値を確認し、実際のフォント名に置き換えます。

2016 05-30-1.55.10 AMでのスクリーンショット9. ジェネレーター文字列の作成を開始する

本当にここで行う必要があるのは、新しいページを作成するために必要なすべてを含む非常に長い文字列をXNUMXつ作成することだけです。 文字列連結を使用して、文字列を読みやすくし、データ値が挿入された場所を簡単に確認できるようにします。 これは、基本的なHTMLページの設定から始まります。

2016 05-30-1.55.06 AMでのスクリーンショット

おそらく、これでどこへ行くのかわかるでしょう。 最後のセミコロンに注意してください。 それは重要です。 また、(CSS宣言またはクライアント側スクリプトの一部として)テキスト内に出現するセミコロンは、引用符で囲む必要があります。

10.ジェネレータ文字列へのページ本体の追加を開始します

この文字列を作成する効率的な方法はいくつかありますが、読みやすくするためにコードを整然としています。 簡単な方法でこれを行うことができます。また、手順9とは別のプロセスとして行う必要もありません。ページのさまざまなセクションがこのように分割されていると、理解しやすいと思います。

2016 05-30-1.55.00 AMでのスクリーンショット

11. HTMLにジェネレーター文字列を書き込む

この場合、ファイル名をハードコーディングしていますが、これをpageBuilderフォームのフィールドにすることができます(おそらくそうする必要があります)。

2016 05-30-1.54.55 AMでのスクリーンショット

12.テストリンクを追加する

BUILD ITボタンをクリックすると、通常のPHPプログラムのようにWebページにリダイレクトされないため、リンクまたは何かを追加して、結果を確認する必要があります。

2016 05-30-1.54.50 AMでのスクリーンショット

13.カスタムCSSファイルを作成する

このファイルには追加のスタイリング指示を格納できますが、現時点では唯一の重要なものは、 メイン DIV。

2016 05-30-1.54.45 AMでのスクリーンショット

14. wrap.pngを作成してアップロードする

これが適切に機能するためには、単一の半透明ピクセル画像を作成して名前を付ける必要があります wrap.png 次に、指定したパスにアップロードします custom.cssは ファイル。

15.適切な背景画像をアップロードし、pageBuilderをテストします

あなたは私たちがほとんど終わっていることを知ってワクワクするでしょう、そして実際には今やそれはテストと発生したエラーの修正の問題です。 忙しすぎず、特別なイベントや行事に関連するのに適した素敵なシンプルな画像をいくつか選択します(この例では、母の日と父の日に行ってきました)。 ウェブサイトの画像を保存するパスに画像をアップロードします。 次に、フォームに入力し、ボタンをクリックして、何が起こるかを確認します。 すべてのデータフィールドが入力されたフォームの例を次に示します。

Picture1

これにより、次のようなものが作成されます。

2016 05-30-1.54.11 AMでのスクリーンショット

すべてを最初から入力するのは望ましくないだろうとすでに推測しているので、pageBuilder.phpとvoucherGen.phpのソースコードをダウンロードできます。 zipファイル.

HTMLファイルを文字列として作成し、あらゆる状況でファイルに書き出すというこの手法を適用できます。 このようなものを再帰ループに入れないように注意してください。そうしないと、ハードドライブがいっぱいになってサーバーがクラッシュします。

カタリン・ゾルジニ

私はウェブデザインのブロガーで、数週間かけて苦労してこのプロジェクトを始めました。 最高のeコマースプラットフォーム 自分のため。 私の現在をチェック トップ10のeコマースサイトビルダー.