时间戳

首页 > 解决方案 > 如何为我的登录和注册页面编写成功页面？

python - 如何为我的登录和注册页面编写成功页面？

问题描述

好吧。我正在为一个项目编写一个网站，我有一个登录和注册页面。我想弄清楚如何为他们编写成功页面以及是否有人有时间编写失败页面。成功页面应重定向到 index.html，失败页面应将它们放回同一页面以重试（但带有错误消息）。首先是signin.html

<html>

<head>
    <title>Sign-In!</title>
    <link rel="stylesheet" href="static/css/style2.css?q={{time}}" type="text/css">
    <form action="/register">
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>

<body id="reg">

<form>
  <label>
    <p class="label-txt">ENTER YOUR EMAIL</p>
    <input type="text" class="input">
    <div class="line-box">
      <div class="line"></div>
    </div>
  </label>
  <label>
    <p class="label-txt">ENTER YOUR PASSWORD</p>
    <input type="text" class="input">
    <div class="line-box">
      <div class="line"></div>
    </div>
  </label>
  <button type="submit">submit</button>
</form>
</body>

</html>

接下来是 register.html

<html>

<head>
    <title>Register!</title>
    <link rel="stylesheet" href="static/css/style2.css?q={{time}}" type="text/css">
    <form action="/register">
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>

<body id="reg">

<form>
  <label>
    <p class="label-txt">ENTER YOUR EMAIL</p>
    <input type="text" class="input">
    <div class="line-box">
      <div class="line"></div>
    </div>
  </label>
  <label>
    <p class="label-txt">ENTER YOUR NAME</p>
    <input type="text" class="input">
    <div class="line-box">
      <div class="line"></div>
    </div>
  </label>
  <label>
    <p class="label-txt">ENTER YOUR PASSWORD</p>
    <input type="text" class="input">
    <div class="line-box">
      <div class="line"></div>
    </div>
  </label>
  <button type="submit">submit</button>
</form>
</body>

</html>

接下来是我为他们提供的当前应用程序路线。

@app.route('/register', methods=['GET', 'POST'])
def register():
    if request.method == 'GET':
        return render_template('register.html', time=datetime.now())
    else:
        print("eek")


@app.route('/signin', methods=['GET', 'POST'])
def signin():
    if request.method == 'GET':
        return render_template('/signin.html')
    else:
        print("no")

标签： pythonhtmltwitter-bootstrap

解决方案

以这种方式查看：

  1. 有一个烧瓶路由来验证提交的登录凭据，这应该由您的登录按钮调用。然后，添加您的条件，就像：

       @app.route('/signin', methods=['GET', 'POST'])
   @app.route('/signin', methods=['GET', 'POST'])
   def signin():
       #authentication line goes here (you may a function function you already written for this purpose here
       if authentication == True:
           return redirect(url_for('dashboard'))#user is redirected to welcome page
       else:
           return redirect(url_for('loginpage'))#user is redirected to login page with error message

推荐阅读