通过flask实现web页面简单的增删改查bootstrap美化版

最新推荐文章于 2025-06-28 09:36:03 发布

原创

最新推荐文章于 2025-06-28 09:36:03 发布 · 1.1k 阅读

6 ·

CC 4.0 BY-SA版权

本文介绍了如何使用Python的Flask框架构建一个具备基本增删改查功能的Web应用，并结合Bootstrap进行界面美化。通过实例展示了如何创建路由、定义模板以及处理表单数据，帮助读者理解Flask与前端交互的基本流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

通过flask实现web页面简单的增删改查bootstrap美化版

项目目录结构
[root@node1 python]# tree -L 2
.
├── animate.css
├── fileutils.py
├── fileutils.pyc
├── flask_web01.py
├── static
│   ├── bootstrap-3.3.5
│   ├── bootstrap.min.css
│   ├── jquery-3.3.1.min.js
│   └── signin.css
├── templates
│   ├── add.html
│   ├── jquery.html
│   ├── list.html
│   ├── login.html
│   └── update.html
└── user.txt

3 directories, 13 files
[root@node1 python]# ls
animate.css  fileutils.py  fileutils.pyc  flask_web01.py  static  templates  user.txt

# 1.后台程序falsk_web01.py
启动web程序

#coding:utf-8

from flask import Flask,render_template,request,redirect
import fileutils
# 引入file_dict用户列表
fileutils.file_read()

app = Flask(__name__)

@app.route('/')
def index():
    return render_template('login.html')

@app.route('/loginaction/', methods = ["POST","GET"])
def login():
    error_msg = ''
    
    if request.method == 'GET':
        username = request.args.get('username')
        password = request.args.get('password')
    else:
        username = request.form.get('username')
        password = request.form.get('password')

    print('username:%s,password:%s' % (username,password))

    if username and password:
        if username == "admin" and password == "admin":
            return redirect('/list')
        else:
            error_msg = "username or password is wrong"
    else:
        error_msg = 'need username and password'

    return render_template('login.html', error_msg = error_msg)

@app.route('/list/')
def userlist():
    userlist = fileutils.file_read().items()
    print('userlist:%s' % userlist)
    return render_template('list.html', userlist = userlist)

@app.route('/update/')
def update():
    username = requ