当前位置: 首页 > article >正文

前端与后端

实例一 处理登录页面请求
# 处理登录页面请求
@app.route('/c', methods=['GET', 'POST'])
# /c是网页地址

def login():
    username='aa'
    password='bb'
    print(username,password)
    if request.method == 'POST':
        username = request.form.get('yhm')
        password = request.form.get('mima')
        print(f"登录请求 - 用户名: {username}, 密码: {password}")  # 调试用
        # 这里可以添加验证逻辑
        # 示例:假设验证成功,重定向到某个页面
        # return redirect(url_for('success_page'))
    # GET 请求时渲染登录页面
    return render_template('login.html',username=f"{username}",password=f"{password}")

        login.html是前端网页名称

这段代码的作用是通过 "/c"网址打开“login.html"页面。

实例二 html页面跳转请求

<body>
    <div class="form-container">
        <h2>用户登录</h2>
        <form action="/m" method="post">
        # /m是请求地址
            <div class="form-group">
                <label for="yhm">用户名:</label>
                <input type="text" id="yhm" name="yhm" placeholder="请输入用户名" required value={{yonghuming}}>
                input为表单传送的数据
            </div>
            <div class="form-group">
                <label for="mima">密  码:</label>
                <input type="password" id="mima" name="mima" placeholder="请输入密码" required>
            </div>
            <input type="submit" value="登录" class="submit-btn">
            # 登录按钮触发传送表单数据
        </form>
        <!-- 使用相对路径链接到注册页面 -->
        <a href="/zhuce" class="register-btn">立即注册</a>
        a标签跳转到指定地址
    </div>
</body>
http://www.lryc.cn/news/2398346.html

相关文章:

  • CI/CD 持续集成、持续交付、持续部署
  • 代码随想录60期day54
  • 关于easyx头文件
  • Java 中执行命令并使用指定配置文件的最佳实践
  • django入门-orm数据库操作
  • ​​食品电商突围战!品融电商全平台代运营,助您抢占天猫京东抖音红利!
  • Termux下如何使用MATLAB
  • STM32外部中断(EXTI)以及旋转编码器的简介
  • 双擎驱动:华为云数字人与DeepSeek大模型的智能交互升级方案
  • Unity Version Control UVC报错:Not connected. Trying to re-connect…
  • 场景题-1
  • Java复习Day26
  • 实验设计与分析(第6版,Montgomery)第5章析因设计引导5.7节思考题5.5 R语言解题
  • 阿里云百炼全解析:一站式大模型开发平台的架构与行业实践
  • 字节新出的MCP应用DeepSearch,有点意思。
  • ​​Agentic Voice Stack 热门项目
  • 机器学习在多介质环境中多污染物空间预测的应用研究
  • 期货反向跟单运营逻辑推导思路
  • 使用 HTML + JavaScript 实现图片裁剪上传功能
  • Redis 缓存粒度如何控制?缓存整个对象还是部分字段?
  • 【灵动Mini-F5265-OB】vscode+gcc工程创建、下载、调试
  • 程序设计实践期末考试模拟题(1)
  • 现代语言模型中的分词算法全解:从基础到高级
  • HttpServletResponse 对象用来做什么?
  • 第十三章 Java基础-特殊处理
  • MTK的Download agent是什么下载程序?
  • ArcGIS Pro 3.4 二次开发 - 地图创作 2
  • 【操作系统原理08】文件管理
  • 图论学习笔记 5 - 最小树形图
  • VueUse:组合式API实用函数全集