バックエンド管理用のメインページを作成する

このセクションでは、本題に入り、バックグラウンド管理コンテンツのメインインターフェイスを作成します。admin ドキュメントで list.html を選択し、それを に変更します。 list.php ファイル。

ヘッダー <head> タグ内の <style> タグ内の css style 参照と <head> 内の javascript ファイル に注意してください。 script> 変更が完了したら、ページをインポートして開きます。表示は次のとおりです。

このページには多くのものが含まれているようです。必要な部分を残し、冗長な部分を削除します。もの。ここでの主な目的は、HTML スタイルと CSS スタイルを変更することです

そのため、フロントエンドの静的ページのアプリケーションについては、誰もがよく知っておく必要があります。変更されたページは次のとおりです。

#赤い矢印は、変更が必要な主な場所を示しています。

また、元のページには写真が表示されますが、ここで作っているのは動画サイトであり、表示する必要があるのは動画です。そのため、HTML5 タグ <video> を使用して <img> タグ内のコンテンツを置き換え、CSS の幅と高さのスタイルを追加します。

元のファイル

<td width="10%">
   <img src="images/11.jpg" alt="" width="70" height="50" />
</td>

で <img> コードを見つけて、次のように置き換えます:

<td width="10%">
    <video width="200" height="150" controls="controls" >
        <source src=".mp4" type="video/mp4">
    </video>
</td>

これで、バックグラウンド管理コンテンツページが完了します。

学び続ける

新しいファイル

<!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="css/pintuer.css"> <link rel="stylesheet" href="css/admin.css"> <script src="js/jquery.js"></script> <script src="js/pintuer.js"></script> </head> <body> <table> <tr> <td width="10%"> <video width="200" height="150" controls="controls" > <source src=".mp4" type="video/mp4"> </video> </td> </tr> </table> </body> </html>

提出するリセットコード

自動運転