Python前端开发

最新推荐文章于 2024-05-14 14:11:15 发布

JJ—Bryant

最新推荐文章于 2024-05-14 14:11:15 发布

阅读量2.8k

点赞数 1

文章标签： python flask 开发语言

本文链接：https://blog.csdn.net/weixin_47705563/article/details/128672506

版权

目的：开发一个平台（网站）

前端开发：HTML、CSS、JS

web框架：接受请求并处理

MySQL数据库：存储数据地方（已掌握）

快速上手：基于Flask web框架

深入学习：基于django框架

1.快速开发网站

1.安装flask

pip install flask -i https://pypi.tuna.tsinghua.edu.cn/simple

2.小试牛刀

from flask import Flask
#Flask(__name__)是一个类
app = Flask(__name__)
# 创建了网址/show/info 和 函数index的对应关系
@app.route("/show/info")
def index():
    return "hello"
if __name__ == '__main__':
    app.run()

3.flask框架为了让我们写标签方便，支持我们将字符串写入到文件中

创建文件夹templates，里面放置HTML文件

from flask import Flask,render_template
#Flask(__name__)是一个类
app = Flask(__name__,template_folder='templates')
# 创建了网址/show/info 和 函数index的对应关系
@app.route("/show/info")
def index():
    # flask内部会自动打开这个文件，并读取内容，将内容给用户返回
    # 默认：去当前项目
    return render_template("index.html")
if __name__ == '__main__':
    app.run()

2.浏览器能识别的标签

2.1 编码（utf-8）

<meta charset="UTF-8">

2.2 title

<head>
    <meta charset="UTF-8">
    <title>我的web</title>
</head>

2.3 标题

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>

2.4 div和span

<div>内容1</div>
<div>内容2</div>
<span>内容1</span>
<span>内容2</span>

div表示块级标签，一个占一整行

span表示行内标签，自己多大占多少

注意：这两个标签比较素而且非常常用（没有加大加粗的效果）加上css样式可以变换出很多样子

可以像这样子嵌套

<div>
    <span>
        我来啦
    </span>
    <span>
        我走了
    </span>
</div>

2.5 超链接

<a href="https://www.bilibili.com/video/BV1rT4y1v7uQ?p=3&spm_id_from=pageDriver&vd_source=bd65cc2eee864505a701c8084bdf524c">
    点击跳转
</a>

用a标签，用href属性，跳转到其他网站需要完整的url；而跳转到自己的网站直接加/test就可以了

JJ—Bryant

关注

1
点赞
踩
15

收藏

觉得还不错? 一键收藏
1
评论
Python前端开发

目的：开发一个平台（网站）前端开发：HTML、CSS、JSweb框架：接受请求并处理MySQL数据库：存储数据地方（已掌握）快速上手：基于Flask web框架深入学习：基于django框架。
复制链接

扫一扫