ホームページ  >  記事  >  バックエンド開発  >  PHP 初心者向け (5)_PHP チュートリアル

PHP 初心者向け (5)_PHP チュートリアル

WBOY
WBOYオリジナル
2016-07-21 16:00:45778ブラウズ

シンプルなインタラクティブな Web サイトを構築する (1)

PHP の多くの機能は、他のソフトウェアまたはツールに関連しています。これまでに学んだ PHP の知識を使用して、単純なインタラクティブな Web サイトの構築を試みることができます。このプロセスを通じて私たちは多くのことを学ぶことができます。それでは、典型的な個人 Web サイトの構築に焦点を当てましょう。

5.1 Web サイトを計画する

一般に、個人 Web サイトには、ウェルカム ページ、ゲストブック ページ、ブックマーク リンク ページ、カウンター、連絡先情報、さらには写真コレクションやいくつかの音楽ファイルなどが含まれます。

5.2 モジュール化に include と require を使用する

PHP で構築されたいくつかの Web サイトを調べます。Web サイトのほぼすべてのページで、PHP ファイルに include と require が埋め込まれています。 include や require を使うとコードの可読性が高まるだけでなく、サイトをモジュールに分割して管理できるからです。一般的に、Web サイト上のすべてのページには必ず重複したコンテンツが存在します。例: ページの先頭にあるナビゲーション バー、広告アイコン、サイド ナビゲーションなど。各ページのフッター (ページの下部) には、著作権またはテキストベースのナビゲーション バーが表示される場合もあります。数百ページを含む大規模な Web サイト上のナビゲーション バーやロゴなどのコンテンツを変更する場合、これまでの方法では、各ページを変更することしかできません。言うまでもなく、これがどれほど困難で苦痛な作業であるかは誰もが想像できるでしょう。では、もっと良い解決策はあるのでしょうか?答えは「はい」です。繰り返されるコンテンツをファイルに配置し、PHP の include 関数と require 関数を使用して、このコンテンツを必要とする各ページでファイルを動的に呼び出すことができます。このようにして、将来すべてのページで再利用されたコンテンツを変更したい場合は、繰り返しられたコンテンツを含むファイルを変更するだけで済みます。

誰でも理解しやすいように、まず include と require の簡単な応用を見てみましょう:

HTML ページから始めます。おそらく、HTML ページの各ページの先頭にそれ (head.htm) をインクルードします。サイト。

<br></HEAD> <br><br>ページコンテンツ (content.htm) <br><H1> <br>ここにはまだ何もありませんが、私の質素な住居へようこそ。 <br></H1> <br><br>HTML ページの終わり (trail.htm) <br></BODY> <br></HTML> <br><br>HTML と PHP をモジュールに分離します。 <br><? <br>/* <br>HTMLページの先頭を呼び出す<br>*/ <br>require("head.htm"); <br>/* <br>HTMLページのコンテンツを呼び出す<br>*/ <br>require("centent.htm") ) ; <br>/* <br> HTML ページの末尾を呼び出します <br>*/ <br>require("trail.htm"); <br><br>5.3 タイトル ページ、連絡先情報ページ、履歴書ページから始めましょう。標準のユニバーサル ページ ヘッダーとフッターも必要です。 <br><br>タイトルページ--front.htm <br><HTML> <br><TITLE> <br>私の個人ホームページ--Welcome<br> <br>< ;BODY> <br> ここにはまだ何もありませんが、私の謙虚な家へようこそ。 <br></P> <br><P> <br>でも、すぐにもっと増えることを願っています。 <br></P> <br><SMALL> <br></I> < ;/P> <br></HTML> <br><br> 連絡先情報ページ - count.htm <br><HTML> <br>< <br>私の個人のホームページ - 連絡先情報<br></H1> <br></H1> <br> 連絡先情報/H2> <br><HR> <br><P> <br></P> <br><P ALIGN="CENTER" <br><SMALL> までご連絡ください。 <br>5.4 HTML から PHP へ <br><br> 上記から、すべてのページに同じヘッダーとフッターがあることがわかります。作業負荷が小さい場合は、上記のように各ページに同じ情報を書き込むのは問題ありませんが、100 ページを超えるページがあり、すべてのページのヘッダーまたは下部を変更する必要がある場合、どれだけの労力を費やさなければならないかを想像してみてください。ページごとに手動で変更するのは、何と退屈で退屈な作業でしょう。したがって、これらのページの PHP ヘッダー ファイルと下部ファイルを作成し、すべての HTML ページでそれらを参照するだけで済みます。 PHP コードを含むファイルは、ファイル拡張子に関係なく、include 関数と require 関数の両方に組み込まれ、PHP ファイルとして扱われます。これらのインクルード ファイルを include というサブディレクトリに配置し、.inc 接尾辞が付いたファイルにします。以下では、これらのサイトに共通するコンテンツをファイルに書き込みます。 <br><br>サイト全体の変数設定: common.inc <br><? <br>//サイト全体の変数 <br>$MyEmail = "phptalk@tnc.org"; <br>$MyEmailLink = "<a href="mailto:$MyEmail " >$MyEmail</a>"; <br>$MyName = "PHP Talk"; <br>$MySiteName = $MyName." のホームページ"; <br>?> <br><br>ユニバーサル ページ ヘッダー: header.inc <br>< ;? <br>// 一般的なページヘッダーを定義します <br><HTML> <br><TITLE> </H1> <br><H1> <br><> ; /H2> <br><HR> <br><br>ユニバーサル ページ下部: footer.inc <br><?> <br><;/P> <br></BODY> <br><br>新しいページfront.php3: <br>include("include/common.inc") <br> include("include/ header.inc"); <br>?> <br><P> <br>私の質素な住居へようこそ、ここにはまだ何もありません。 <br></P> <br><P> <br>でも、すぐにもっと増えることを願っています。 <br></P> <br>include("include/footer.inc"); <br><br>新しい count.php3: <br><? $title = "連絡先情報"; <br>?> 1-800-PHP-INFO までご連絡ください <br> < ;? <br>include("include/footer.inc"); <br><br> これで、この配置の利点が理解できました。ページのヘッダーまたは下部を変更したい場合は、対応するファイルを変更するだけで済みます。電子メール アドレスや名前を変更したい場合は、common.inc ファイルを変更するだけです。任意のファイル名またはファイル拡張子のファイルをファイルに含めることができ、他のサイトのファイルを含めることもできることにも注目してください。 <br><br> <br> <br><br><br>http://www.bkjia.com/PHPjc/317011.html<br><br>www.bkjia.com<br><br>tru​​e<br><br>http://www.bkjia.com/PHPjc/317011.html<br><br>技術記事<br><br>シンプルなインタラクティブな Web サイトの構築 (1) PHP の多くの機能は、他のソフトウェアまたはツールに関連しています。これまでに学んだ PHP の知識を使用して、簡単なインタラクションを構築してみます...<br><br><br><br> <br><br></p></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>声明:</span><div>この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。</div></div></div><div class="nphpSytBox"><span>前の記事:<a class="dBlack" title="初心者が学ぶための5つのプログラム PHP_PHP チュートリアル" href="http://m.php.cn/ja/faq/311645.html">初心者が学ぶための5つのプログラム PHP_PHP チュートリアル</a></span><span>次の記事:<a class="dBlack" title="初心者が学ぶための5つのプログラム PHP_PHP チュートリアル" href="http://m.php.cn/ja/faq/311647.html">初心者が学ぶための5つのプログラム PHP_PHP チュートリアル</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>関連記事</h2><em><a href="http://m.php.cn/ja/article.html" class="bBlack"><i>続きを見る</i><b></b></a></em><div class="clear"></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-6t+ed+2i-1n-4w" data-ad-client="ca-pub-5902227090019525" data-ad-slot="8966999616"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><ul class="nphpXgwzList"><li><b></b><a href="http://m.php.cn/ja/faq/1.html" title="cURL を使用して PHP で Get リクエストと Post リクエストを実装する方法" class="aBlack">cURL を使用して PHP で Get リクエストと Post リクエストを実装する方法</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ja/faq/1.html" title="cURL を使用して PHP で Get リクエストと Post リクエストを実装する方法" class="aBlack">cURL を使用して PHP で Get リクエストと Post リクエストを実装する方法</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ja/faq/1.html" title="cURL を使用して PHP で Get リクエストと Post リクエストを実装する方法" class="aBlack">cURL を使用して PHP で Get リクエストと Post リクエストを実装する方法</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ja/faq/1.html" title="cURL を使用して PHP で Get リクエストと Post リクエストを実装する方法" class="aBlack">cURL を使用して PHP で Get リクエストと Post リクエストを実装する方法</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ja/faq/2.html" title="正規表現内のすべての式記号 (概要)" class="aBlack">正規表現内のすべての式記号 (概要)</a><div class="clear"></div></li></ul></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="5027754603"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!</p></div><div class="footermid"><a href="http://m.php.cn/ja/about/us.html">私たちについて</a><a href="http://m.php.cn/ja/about/disclaimer.html">免責事項</a><a href="http://m.php.cn/ja/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p> © php.cn All rights reserved </p></div></div></footer><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了,就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body></html>