Buat halaman utama untuk pengurusan bahagian belakang

Dalam bahagian ini kita akan turun ke perniagaan dan mencipta antara muka utama untuk kandungan pengurusan bahagian belakang Dalam dokumen admin, pilih list.html dan ubah suainya kepada fail list.php. . Paparan adalah seperti berikut:

Halaman ini nampaknya mempunyai banyak perkara, simpan bahagian yang kita perlukan, dan padamkan perkara yang berlebihan. Tujuan utama di sini adalah untuk mengubah suai gaya html dan css
jadi semua orang mesti lebih biasa dengan aplikasi halaman statik bahagian hadapan. Halaman yang diubah suai adalah seperti berikut:

Anak panah merah menghala ke kawasan utama yang perlu diubah suai.

Selain itu, halaman asal memaparkan gambar Apa yang kami buat di sini adalah laman web video, dan yang perlu dipaparkan ialah video. Jadi gunakan teg HTML5 <video> untuk menggantikan kandungan dalam teg <img>

Cari kod <img>

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

dalam fail asal dan gantikannya dengan:

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

Ini melengkapkan halaman kandungan pengurusan latar belakang.

bahagian seterusnya

fail baharu

<!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>

serahkan Tetapkan Semula Kod

Operasi automatik

Skrin penuh