flask基本用法小白教程+按钮跳转到指定页面+python和pip安装(后附)

这篇具有很好参考价值的文章主要介绍了flask基本用法小白教程+按钮跳转到指定页面+python和pip安装(后附)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、flask学习教程:

1.1 基本程序:

大家可以在pycharm中复制如下代码,先感受一下flask的基本用法:

点击链接可进入浏览器查看程序运行的结果,在127.0.0.1:5000后面添上/test1/等设定的文字,可查看不同函数生成的页面结果。

flask基本用法小白教程+按钮跳转到指定页面+python和pip安装(后附),python,pip,开发语言,flask,学习,后端

代码如下:

from flask import Flask

app = Flask(__name__)

@app.route("/")
def hello_world():
    return "hello world"

@app.route('/test1/')
def test1():
    return "这是Test1测试页面"

@app.route('/test2/')
def test2():
    return "这是Test2测试页面"

if __name__ == '__main__':
    app.run()

1.2 交互程序:

先在E盘下建立一个记事本

flask基本用法小白教程+按钮跳转到指定页面+python和pip安装(后附),python,pip,开发语言,flask,学习,后端

 改后缀为html

flask基本用法小白教程+按钮跳转到指定页面+python和pip安装(后附),python,pip,开发语言,flask,学习,后端

把代码粘贴进去,我这里是用visual studio,大家也可以先把代码写入记事本,然后再更改后缀,是一样的。

 flask基本用法小白教程+按钮跳转到指定页面+python和pip安装(后附),python,pip,开发语言,flask,学习,后端

 下面是代码:

<!DOCTYPE html>

<html>
<body>
    <form action="http://localhost:5000/login" method="post">
        <p>请输入名字:</p>
        <p><input type="text" name="txt" /></p>
        <p><input type="submit" value="提交" /></p>
    </form>
</body>
</html>

 补充一点html的知识:

type="submit"是按钮,type="text"是输入框。

name=""用于给组件命名,方便与python中的代码进行连接。

value=""用于给组件填充内容

然后在pycharm中粘贴如下代码:

from flask import Flask, redirect, url_for, request
app = Flask(__name__)
 
@app.route('/success/<name>')
def success(name):
   return 'welcome {}'.format(name)
 
@app.route('/login',methods = ['POST', 'GET'])
def login():
   if request.method == 'POST':
      user = request.form['txt']
      return redirect(url_for('success',name = user))
   else:
      user = request.args.get('txt')
      return redirect(url_for('success',name = user))
 
if __name__ == '__main__':
   app.run(debug = True)

然后要注意顺序,先运行pycharm的代码,然后点击运行E盘下的login.html文件:

点击提交之后会跳转,显示输入的内容,实现程序与网页的交互:

flask基本用法小白教程+按钮跳转到指定页面+python和pip安装(后附),python,pip,开发语言,flask,学习,后端 flask基本用法小白教程+按钮跳转到指定页面+python和pip安装(后附),python,pip,开发语言,flask,学习,后端

二、安装

2.1 安装python 3.8.2:

flask基本用法小白教程+按钮跳转到指定页面+python和pip安装(后附),python,pip,开发语言,flask,学习,后端

直接点击下方链接下载:

链接:https://pan.baidu.com/s/11Jo1I8GjnKQSgIv-5xSrTw 
提取码:hg5h 

2.2 安装pip:

在下载安装完python+配置完环境变量后,打开cmd输入下面命令:

python -m ensurepip --default-pip

会自动安装完毕文章来源地址https://www.toymoban.com/news/detail-581044.html

到了这里,关于flask基本用法小白教程+按钮跳转到指定页面+python和pip安装(后附)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • vscode快速跳转到指定文件

    在 VS Code 中,您可以使用以下快捷键快速跳转到某个文件: 在 Windows 和 Linux 上,使用快捷键  Ctrl + P 。 在 macOS 上,使用快捷键  Cmd + P 。 这将打开 \\\"快速打开\\\" 命令框,您可以在其中输入文件名或路径来快速跳转到该文件。例如,如果您想跳转到 \\\"index.html\\\" 文件,只需在命令

    2024年02月11日
    浏览(59)
  • Nginx精确匹配并跳转到指定路径

    说明: 1、根据研发要求,将/welcome页面跳转到指定页面/example 2、请在Nginx配置文件server中配置 3、请查阅如下图所示:https://xxxx/welcom ——https://xxxx/example 说明:将所有精确匹配到/welcom的请求都重定向到/example这个路径下,并且以永久的方式进行重定向。

    2024年02月12日
    浏览(30)
  • Java for循环标签跳转到指定位置

    大家是否见过这种for循环,在for循环前加了个标记的: 我之前有一次在公司业务代码中见过有这种写法的,没在意,今天在看JDK线程池的代码时,又看到 ThreadPoolExecutor 的 addWorker 方法中有这种写法。于是就查了相关资料,也比较简单。 总结下它的用法吧: 上面代码中的 o

    2024年02月03日
    浏览(28)
  • 微信短链跳转到小程序指定页面调试

    首先说下背景:后端给了短链地址,但是无法跳转到指定页面。总是在小程序首页。指定的页面我们是h5页面。排查步骤如下: 1、通过快速URL Scheme 编译。上部普通编译 下拉找到此选项。 、 2、按照小程序的要求的URL Scheme输入。另外后端给的短链打开之后,拷贝尾缀作为t

    2024年02月10日
    浏览(37)
  • uniapp微信公众号跳转到小程序(是点击微信页面上面的按钮/菜单跳转)

    先看效果 先贴代码: 1、先下载依赖 2、main.js 3、使用的页面引入(或者main引入) 4、初始化、注册 5、html 接下来才是重点: 要在公众号后台配置JS接口安全域名、网页授权域名、IP白名单,而且域名需要备案,在微信开发者工具中不能通过ip调试,可以修改本地hosts代理一下

    2024年02月09日
    浏览(87)
  • HTML实现登录后跳转到指定页面,不回退

    最近开发页面,需要实现登录功能,成功后跳转到指定页面,之前尝试了好几种页面被跳转方法,但是都失败了,好在最终成功跳转,且浏览器不会后退,所以来记录一下: 最开始我使用的是window.location.href=\\\" http://localhost:8080 \\\",虽然能成功跳转到指定页面,但是点击浏览器回

    2024年02月12日
    浏览(41)
  • vscode引入文件快速跳转到指定文件(常用插件)

    别名路径跳转 安装扩展 别名路径跳转官网 vscode终端git bash使用 setting.json Git-Bash路径为本机 git安装位置 需要根据自己的机器下载路径自行填写 重启vscode 终端为git环境 查看项目git提交记录 下载扩展 Git Graph,Git History 重启vscode 会出现一栏 时间线 可根据自己的需要 移动该栏

    2024年02月11日
    浏览(37)
  • 微信扫码跳转到微信小程序指定页面

    用户想通过在微信上扫描实验室二维码直接进入小程序申请加入实验室 1、首先我们需要在微信公众平台的开发管理——开发设置,找到(扫普通链接二维码打开小程序),点击添加,会出现下面的页面,配置好之后点击保存就行了 填写页配置点击保存之后要再发布 2、在微

    2024年02月16日
    浏览(66)
  • 实现微信扫一扫跳转到小程序指定页面

    使用场景:例如我们经常用到的共享充电宝,首先我们需要使用手机上的微信,打开微信扫一扫,扫描共享充电宝上的二维码,当我们扫描二维码后微信会直接跳转到小程序内的某个页面(不一定是首页)。像其他的一些共享设备也是一样的运行模式。那么怎么样才能通过微

    2024年02月02日
    浏览(46)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包