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

前端与后端

实例一 处理登录页面请求
# 处理登录页面请求
@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.xdnf.cn/news/10784.html

相关文章:

  • [Java 基础]Java 是什么
  • 帝可得 - 设备管理
  • 谷歌地图高清卫星地图2026中文版下载|谷歌地图3D卫星高清版 V7.3.6.9796 最新免费版下载 - 前端工具导航
  • 阿里云为何,一个邮箱绑定了两个账号
  • Go语言学习-->第一个go程序--hello world!
  • xTimerChangePeriod无需先Stop
  • Ros(launch一键打开?)
  • 永磁同步电机无速度算法--互补滑模观测器
  • Unity-UI组件详解
  • 嵌入式复习小练
  • 【前端后端环境】
  • c++之STL容器的学习(上)
  • 用户退出了Token还能用?用Nest+Redis给JWT令牌加黑名单!
  • apisix + argorollout 实现蓝绿发布II-线上热切与蓝绿发布控制
  • 燃尽图和甘特图
  • 涨薪技术|0到1学会性能测试第93课-生产系统性能测试
  • LIMIT 和 OFFSET 在大数据量下的性能问题分析与优化方案
  • 动态规划-1143.最长公共子序列-力扣(LeetCode)
  • 【QT】自定义QWidget标题栏,可拖拽(拖拽时窗体变为normal大小),可最小/大化、关闭(图文详情)
  • Visual Studio Code
  • 自适应移动平均(Adaptive Moving Average, AMA)
  • Unity UI 性能优化--Sprite 篇
  • erase-remove idiom介绍
  • EtherCAT背板方案:方芯半导体工业自动化领域的高速、高精度的通信解决方案
  • 学习资料搜集-ARMv8 cache 操作
  • 704. 二分查找 (力扣)
  • 实践深度学习:构建一个简单的图像分类器
  • ORACLE 缺失 OracleDBConsoleorcl服务导致https://xxx:port/em 不能访问
  • 道可云人工智能每日资讯|北京农业人工智能与机器人研究院揭牌
  • 会议效率低下,应该怎么办