<!DOCTYPE html>
<html lang=“en”>
<head>
<meta charset=“UTF-8”>
<meta name=“viewport” content=“width=device-width, initial-scale=1.0”>
<title>豆瓣列表页</title>
<link href=“https
://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css” rel=“
stylesheet”>
<
style>
body {
width
: 100%;
margin
: 0;
background-image
: url(“/static/6.jpg”);
background-size
: cover;
}
h1 {
color
: rgb(35, 140, 205);
text-shadow
: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
a {
color
: white;
background-color
: rgb(35, 140, 205);
text-decoration
: none;
border-radius
: 8px;
padding
: 3px 10px;
margin
: 0 5px;
}
a
:hover {
background-color
: rgb(20, 90, 150);
}
table {
width
: 90%;
margin
: 0 auto;
border
: 2px solid black;
border-collapse
: collapse;
margin-top
: 0; /* 确保表格顶部没有多余外边距 /
}
table, tr,
td {
border
: 2px solid black;
border-collapse
: collapse;
}
td {
text-align
: center;
line-height
: 35px;
}
.adc {
background-color
: rgb(35, 140, 205);
color
: white;
font-size
: 18px;
font-weight
: bold;
}
.z {
color
: rgb(0, 0, 0);
font-size
: 20px;
}
form {
margin-bottom
: 0; / 移除搜索框底部的外边距 */
}
input[type=“text”] {
padding
: 8px;
border-radius
: 4px;
border
: 1px solid #ccc;
width
: 50%;
}
input[type=“submit”] {
padding
: 8px 25px;
background-color
: rgb(35, 140, 205);
color
: white;
border
: none;
border-radius
: 4px;
cursor: pointer;
}
input[type=“submit”]
:hover {
background-color
: rgb(20, 90, 150);
}
</
style>
</head>
<body>
<div class="container text-center py-5">
<h1 class="display-4">欢迎使用豆瓣网</h1>
<p>
<a href="/">首页</a>
<a href="/list">电影类型列表</a>
<a href="/add">添加电影类型</a>
<a href="/addMovie">添加电影</a>
<a href="/zhu" target="_blank">查看柱状图</a>
<a href="/bing" target="_blank">查看饼状图</a>
<a href="/zhe" target="_blank">查看折线图</a>
</p>
<form action="/sousuoSubmit" method="post" class="mt-4">
<div class="input-group">
<input type="text" class="form-control" placeholder="请输入电影名称" name="a" required>
<button type="submit" class="btn btn-primary">搜索</button>
</div>
</form>
</div>
<!--{{info}}-->
<table>
<tr class="adc"><
td>编号</
td><
td>名称</
td><
td>内容</
td><
td>创建日期</
td><
td>操作</
td></tr>
{% for i in info %}
<tr class="z"><
td>{{i[0]}}</
td><
td>{{i[1]}}</
td><
td>{{i[2]}}</
td><
td>{{i[3]}}</
td><
td>
<a href="/update/{{i[0]}}">修改</a> <a href="/delete/{{i[0]}}">删除</a> <a href="/movielist/{{i[0]}}">查看</a>
</
td></tr>
{% endfor %}
</table>
</body>
</html>移除多余的部分，并添加注释
介绍了一种样式，其作用是当鼠标移动到单元格上时，鼠标形状会由箭头变为手形，呈现出链接的样式。
扫一扫
3607
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
