栏目分类:
子分类:
返回
终身学习网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
终身学习网 > IT > 软件开发 > 后端开发 > Python

Django网站开发 01.Web网站与前端HTML标签

Python 更新时间:发布时间: 百科书网 趣学号
浏览器交互流程

1.快速开发网站

在Pycharm控制台输入:

pip install flask

新建一个web.py,编写一个基础网站:

web.py

from flask import Flask

app= Flask(__name__)

@app.route("/show/info")
def index():
    return "666"

if __name__ == '__main__':
    app.run()
2.新建templates包,包中新建我们的html页面,方便程序进行调用:

503.html

Test

普通用户只允许同时下载一个文件,请您先完成当前下载后,再尝试下载其他文件。


若您当前并没有下载文件,仍然收到此提示,请通过以下两条进行检查:
1. 如果您之前使用浏览器内置下载工具下载,我们建议您关闭并重新打开浏览器。
2. 开通迅牛VIP极速下载可以同时下载无限制。
之后修改原web.py,直接渲染我们的模板页面:
from flask import Flask,render_template

app= Flask(__name__)

@app.route("/show/info")
def index():
    return render_template("503.html")

if __name__ == '__main__':
    app.run(port=8080) #里面的参数可以指明主机、端口号
访问页面进行测试:

http://127.0.0.1:8080/show/info

3.一些简单的HTML标签 1.head 1.1.编码类型

1.2.title标题


503

2.body 2.1标题大小

1级标题

2级标题

3级标题

4级标题

5级标题
6级标题
2.2div和span标签

1.div,一个人占一整行。【块级标签】


山东蓝翔
挖掘机哪家强

2.span,自己多大占多少。【行内标签、内联标签】


山东蓝翔
挖掘机哪家强

2.3超链接

跳转到网站:

开通VIP下载无限制。

跳转本地网站



2.4图片

一般写法

 

引用别人的图片:

 

使用本地的图片:
首先要在项目中创建一个static包,之后把图片放入包中:

一般格式:

 

例:

 
测试页面显示: 

2.5列表

运营商列表(无序)

  • 中国移动
  • 中国联通
  • 中国电信

运营商列表(有序)

  1. 中国移动
  2. 中国联通
  3. 中国电信

2.6表格

表格(table)包括表头(thead)和表的内容(tbody)两部分:

ID 姓名 年龄
10a19
11b19
12 c 19

2.7input系列



篮球
足球
乒乓球
棒球


2.8下拉框(select)




2.9多行文本


本样例rows为6,所以区域可以显示6行的内容。

4.form标签表单和提交 网络请求知识:

浏览器向后端发送请求时
1.GET请求【URL访问 / 表单提交】
■现象:GET请求、跳转、向后台传入数据数据会拼接在URL上。

https://www.sogou.com/web?query=ios&age=17&name=xx

注意:GET请求数据会在URL中体现。
2.POST请求【表单提交】
现象:提交数据不在URL中而是在请求体中。
在html中,需要提交数据的代码块需要用form标签包起来:

用户名: 密码:

form标签包裹要提交的数据的标签

	提交方式: method="get"
	提交的地址: action="/xxx/xxx/xx"
	在form标签里面必须有一个submit标签

可以被form包在里面的一些标签:input、select、textarea
每个form里的标签一定要写name属性


两种方式获取请求结果
@app.route("/do/reg" , methods=[ "GET"])
def do_register():
	#1.接收用户通过GET形式发送过来的数据
	print(request.args)
	#2.给用户再返回结果
	return"注册成功"
@app.route( "/post/reg" , methods=["POST"])
def do_register():
	#1.接收用户通过POST形式发送过来的数据
	print(request.form)
	#2.给用户再返回结果
	return "注册成功"
当然,我们也可以通过判断请求方法,把注册页面放在一个函数中
@app.route("/register",methods=["GET","POST"])
def register():
    if request.method == "GET": #如果是get方法就显示注册界面
        return render_template("register.html")
    else: #如果是post方法就提交表单数据
        user = request.form.get("username")
        pwd = request.form.get("password")
        gender = request.form.get("gender")
        hobby_list = request.form.getlist("hobby")
        city = request.form.get("city")
        more = request.form.get("more")
        print(user, pwd, gender, hobby_list, city, more)
        return "注册成功"
使用以上内容简单的制作一个可提交数据的用户注册页面:

register.html




    
    用户注册


用户名:
密码:
性别:
爱好: 篮球 足球 乒乓球 棒球
城市:
备注:
转载请注明:文章转载自 www.051e.com
本文地址:http://www.051e.com/it/1033894.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 ©2023-2025 051e.com

ICP备案号:京ICP备12030808号