flask-编写网页的HTML前端代码配合前面的使用

Cx330_html

已于 2023-06-09 01:11:36 修改

阅读量119

点赞数

文章标签： flask 前端 html

于 2023-06-08 00:47:14 首次发布

本文链接：https://blog.csdn.net/Cx330_html/article/details/131098830

版权

前言：

前面我们学习了怎么使用SQL alchemy链接数据库，现在我们学习编写前端HTML代码

1.add添加

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
	<form action="/add" method="post">
		<table border="2">
			<tr>
				<td>动物名称</td>
				<td><input type="text" name="aname" value=""></td>
			</tr>
			<tr>
				<td>动物性别</td>
				<td>雄<input type="radio" name="asex" value="雄">雌<input type="radio" name="asex" value="雌"></td>
			</tr>
			<tr>
				<td>入园时间</td>
				<td><input type="datetime-local" name="atime" value=""></td>
			</tr>
			<tr>
				<td>栖息地</td>
				<td><input type="text" name="habitat" value=""></td>
			</tr>
			<tr>
				<td>品种名称</td>
				<td><select name="cid">
                    {% for i in rea %}
					<option value="{{i.cid}}">{{i.cName}}</option>
                    {% endfor %}
				</select></td>
			</tr>
			<tr>
				<td colspan="2" style="text-align: center;"><input type="submit" value="添加"/></td>
			</tr>
		</table>
	</form>
</body>
</html>

2. query

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
	<a href="/add">添加</a>
	<table border="1" style="text-align: center;<!-- background-color: #8c8ce4; -->">
		<tr>
			<td>动物编号</td>
			<td>品种编号</td>
			<td>动物姓名</td>
			<td>动物姓名</td>
			<td>品种名称</td>
			<td>入园时间</td>
			<td>栖息地</td>
			<td>功能</td>
		</tr>
        {% for i in rea %}
		<tr>
			<td>{{i[0].aid}}</td>
			<td>{{i[0].cid}}</td>
			<td>{{i[0].aname}}</td>
			<td>{{i[0].asex}}</td>
			<td>{{i[1].cName}}</td>
			<td>{{i[0].atime}}</td>
			<td>{{i[0].habitat}}</td>
			<td><a href="{{url_for('delete',cid=i[0].cid)}}">删除</a></td>
		</tr>
        {% endfor %}
	</table>
</body>
</html>

查询

时间

<tr>
							<td>时间</td>
							<td><input type="datetime-local" name="time" value=""></td>
						</tr>

颜色

background-color: #8c8ce4;

Cx330_html

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
flask-编写网页的HTML前端代码配合前面的使用

前面我们学习了怎么使用SQL alchemy链接数据库，现在我们学习编写前端HTML代码。
复制链接

扫一扫

flask-编写网页的HTML前端代码配合前面的使用

“相关推荐”对你有帮助么？