バックエンドのテンプレートと Web サイトの構成

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

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

微信截图_20170707131719.png

微信截图_20170707131734.png

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

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

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

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

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

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

学び続ける

新しいファイル

<!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>网站信息</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> 网站信息</strong></div> <div class="body-content"> <form method="post" class="form-x" action="info.php"> <div class="form-group"> <div class="label"> <label>网站标题：</label> </div> <div class="field"> <input type="text" class="input" name="stitle" value="小说之家" /> <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="people" value="刘家乐" /> <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号" /> <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>

提出するリセットコード

自動運転