バックエンドのテンプレートと Web サイトの構(gòu)成

小説サイトには難しくないと書(shū)いてありますが、それほど簡(jiǎn)単でもありません。練習(xí)にはかなり適しています。全體的に、小説サイトはコーポレートサイトに比べて少し難しいです。分類がハイライトです。小説の種類が多すぎて、多くのカテゴリーに分ける必要があります。について話します。」ここでの分類は後ほど。

ここでは、Web サイト作成の最初のステップについて話します。最初に美しいバックエンドテンプレートを見(jiàn)つけました。バックエンドテンプレートはとても美しいです。それを見(jiàn)つけるのに長(zhǎng)い時(shí)間がかかりました。お見(jiàn)せしましょう

微信截圖_20170707131719.png

微信截圖_20170707131734.png

上の図に示すように: このテンプレートは他の Web サイトにも使用でき、內(nèi)部のコンテンツの多くを変更しました。

テンプレートが完成したら、設(shè)定した開(kāi)発環(huán)境に配置します。私は phpstudy を使用し、そのルートディレクトリに配置します。このサイトはネイティブ PHP を使用するように書(shū)いているため、フレームワークは含まれておらず、ダウンロードしていません。 www ディレクトリに直接置くだけなので簡(jiǎn)単で便利です。

ここで注意する必要があるのは、テンプレートが読み込まれないように css、js、畫(huà)像ファイルをパッケージ化することです。それ以外に注意する必要はありません。

すべてのテンプレートが読み込まれたら、関連する関數(shù)を正式に記述し始めます...

Web サイト構(gòu)成の概要: Web サイト構(gòu)成は最後まで書(shū)きました。はい、もちろん必要に応じて変更できますが、少なくとも私はそう思います。Web サイトの設(shè)定は通常、Web ページ全體の下部に配置され、Web サイト全體の情報(bào)が紹介されます。ここでは単に書(shū)きますいくつかのタイトルをカジュアルに、個(gè)人的な、QQ、メールアドレス、アドレスは重要ではありません。

さて、今日はここまでです。記事は今後も更新していきます。次は、小説サイトの裏でパスワードを変更する方法、シングルページの管理方法、カラム管理、コンテンツ、チャプター、カテゴリーの管理に注目していただければ幸いであり、私も皆さんと一緒に進(jìn)歩していきたいと思っています。

學(xué)び続ける

新しいファイル

<!DOCTYPE html> <html lang="zh-cn"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <meta name="renderer" content="webkit"> <title>網(wǎng)站信息</title> <link rel="stylesheet" href="style/css/pintuer.css"> <link rel="stylesheet" href="style/css/admin.css"> <script src="style/js/jquery.js"></script> <script src="style/js/pintuer.js"></script> </head> <body> <div class="panel admin-panel"> <div class="panel-head"><strong><span class="icon-pencil-square-o"></span> 網(wǎng)站信息</strong></div> <div class="body-content"> <form method="post" class="form-x" action="info.php"> <div class="form-group"> <div class="label"> <label>網(wǎng)站標(biāo)題：</label> </div> <div class="field"> <input type="text" class="input" name="stitle" value="小說(shuō)之家" /> <div class="tips"></div> </div> </div> <div class="form-group"> <div class="label"> <label>個(gè)人:</label> </div> <div class="field"> <input type="text" class="input" name="people" value="劉家樂(lè)" /> <div class="tips"></div> </div> </div> <div class="form-group"> <div class="label"> <label>QQ:</label> </div> <div class="field"> <input type="text" class="input" name="QQ" value="2337040780" /> <div class="tips"></div> </div> </div> <div class="form-group"> <div class="label"> <label>Email：</label> </div> <div class="field"> <input type="text" class="input" name="s_email" value="2337040780@qq.com" /> <div class="tips"></div> </div> </div> <div class="form-group"> <div class="label"> <label>地址：</label> </div> <div class="field"> <input type="text" class="input" name="s_address" value="合肥市望江西路555號(hào)" /> <div class="tips"></div> </div> </div> <div class="form-group"> <div class="label"> <label></label> </div> <div class="field"> <button class="button bg-main icon-check-square-o" type="submit"> 提交</button> </div> </div> </form> </div> </div> </body></html>

提出するリセットコード

自動(dòng)運(yùn)転