Flask入门之开发简单登陆界面

涉及知识点:

  • render_template()
  • redirect():注意def的函数不要使用这个Python关键字
  • url_for():可以传参数给动态路由
  • 动态路由
 1 # Sample.py
 2
 3 from flask import Flask, render_template, url_for, request, redirect
 4
 5 app = Flask(__name__)
 6
 7 @app.route(‘/‘)
 8 def hello_world():
 9     return ‘hello,world‘
10
11 @app.route(‘/user/<username>‘, methods=[‘POST‘, ‘GET‘])
12 def user(username):
13     return ‘Hello,%s‘ % username
14
15 @app.route(‘/user/login‘)
16 def login():
17     return render_template(‘login.html‘)
18
19 @app.route(‘/user/redirect‘, methods=[‘POST‘])
20 def redirect_to_new_url():
21     username = request.form[‘username‘]
22     return redirect(url_for(‘user‘,username=username))
23
24 if __name__ == ‘__main__‘:
25     app.run(debug=True)

/ template/

 1 #login.html
 2 <!DOCTYPE html>
 3 <html lang="en">
 4 <head>
 5     <meta charset="UTF-8">
 6     <title>请登陆会员账号</title>
 7 </head>
 8 <body>
 9     <h2>请登陆您的会员账号</h2>
10     <form action=‘{{ url_for(‘.redirect_to_new_url‘) }}‘ method="POST">
11         <table>
12             <tr>
13                 <td>会员名:</td>
14                 <td><input type="text" name=‘username‘ placeholder="Username" value="BIKMIN"></td>
15             </tr>
16             <tr>
17                 <td>密码:</td>
18                 <td><input type="password" name=‘password‘ placeholder="Password"></td>
19             </tr>
20             <tr>
21                 <td><input type="submit" value="登陆"></td>
22             </tr>
23         </table>
24     </form>
25 </body>
26 </html>

 测试运行

点击登陆后,会重定向至由动态路由

---------------------------     完    ------------------------------------------

时间: 2024-08-24 18:14:25

Flask入门之开发简单登陆界面的相关文章

easyui简单登陆界面

原文:easyui简单登陆界面 源代码下载地址:http://www.zuidaima.com/share/1550463738088448.htm easyui一个简单的登录页面

Eclipse通过jdbc连接数据库制作简单登陆界面

一.前言: 做网站开发,要求有多种搭配方式,前台技术可以使用PHP.ASP.JSP.ASP.NET.CGI等任何一种: 需要用到的基础语言用的最多的就是HTML/CSS.JS.JAVA.XML这些了,HTML/CSS+JS可以实现对界面的描绘渲染,而JAVA则可以做后台数据处理,XML也是可以当作传输数据的介质(思考:XML比HTML强大这么多,为什么它没能替代HTML?): 这篇文章通过简单的JSP文件实现登陆界面,所以只用到了以下技术: HTML/CSS,简单演示就不做CSS样式了,可自行学

简单登陆界面的编辑

界面创造: 这个界面运用了一些基本的Java类,首先用JFrame创建一个登陆界面内容面板,大小固定好.再用Dimension类确定了内容面板的高度与宽度,运用获取位置的代码把面板显示在屏幕中央.整个界面采用的是流式布局.在添加两个Jabel 组件标签分别是账号和密码,用代码固定位置.分别在标签后面添加一个JTextField组件并固定好位置用来输入账号密码.之后添加一个Jbutton组件,添加一个登陆按钮固定位置与大小.这样一个简单的图形用户界面就做好了 . 功能实现: 在mian程序中给us

ADF_Desktop Integration系列2_ADF桌面集成入门之开发简单ADF Desktop Excel

2013-05-01 Created By BaoXinjian 一.摘要 本教程介绍开发一个简单的Excel WorkSheet并与Fusion Web Application进行整合,将页面转换为Desktop Excel用以用户上传资料 案例目的:创建一个Query ExcelWorksheet用以查询Employee,创建一个Query/Update/Delete Excel Worksheet用以增删改Department 案例描述如下: Part 1: Configuring the

pyqt5 设计简单登陆界面,含记住密码功能

from PyQt5 import * import configparser from untitled import Ui_MainWindow from PyQt5 import QtWidgets from PyQt5 import QtCore import sys class UI(object): def __init__(self): QtCore.QCoreApplication.setAttribute(QtCore.Qt.AA_EnableHighDpiScaling) s

利用OC纯代码开发QQ登陆界面

// //  ViewController.m //  QQUI // //  Created by kevin_dfg on 16/4/12. //  Copyright © 2016年 kevin_dfg. All rights reserved. // #import "ViewController.h" //屏幕宽高 #define ScreenWidth  self.view.frame.size.width #define ScreenHeight self.view.fr

JSP制作简单登陆

JSP制作简单登陆界面 运行环境 eclipse+tomcat+MySQL 不知道的可以参考Jsp运行环境--Tomcat 项目列表 这里我先把jsp文件先放在Web-INF外面访问 需要建立的几个文件在图上.jsp 还要导入MySQL的jar包mysql-5.0.5.jar,导到WEB-INF中的lib文件夹就可以不需要Bulid Path 开始编写代码: 代码演示: index.jsp就好像一般网站的首页一样感觉,将header.jsp和footer.jsp引入其中 <%@ page lan

iOS开发从入门到精通--XIB使用,登陆界面小试牛刀

XIB使用,登陆界面小试牛刀 创建一个新的视图控制器,具体操作参见点击查看 在创建好的VCRoot.xib里面拖动需要的控件,并拖动给相应的控件添加属性,给登陆按钮添加事件. VCRoot.h文件里面: #import <UIKit/UIKit.h> @interface VCRoot : UIViewController //IBOutlet表示从xib中创建的 @property (weak, nonatomic) IBOutlet UITextField *mName; @propert

[终极巨坑]golang+vue开发日记【二】,登陆界面制作(一)

写在前面 本期内容是适合第一次使用vue或者golang开发的,内容会以实战的形式来讲解.看懂本段内容需要了解基础内容有html,css,最好可以看一下vue的基础.并且这里的每个知识点不可能详细解说,只会告诉你大概做什么的,入门切记要不求甚解,不然学到自闭 远征的第一步,启动一个vue项目 我们这次主要是写一个以vue为前端框架的登陆和注册,因此我们的第一步也就是创建一个vue项目,并且这个内容在上一节已经讲过了,不过这里我们可以再操作一番. vue create your_projectna