怎样用flask蓝图来实现增删改查呢?请看下面的内容

这是我们的目录结构

从图中可以看出每一个功能都有一个各自的文件夹

首先我们要自己先来创建一个数据,在Flask_data.py中写入如下内容:

STUDENT = [

    {'id': 1, 'name': '萝卜忒', 'age': 38, 'gender': '男'},

    {'id': 2, 'name': '齐欧能', 'age': 21, 'gender': '男'},

    {'id': 3, 'name': '王玉萌', 'age': 24, 'gender': '女'},

    {'id': 4, 'name': '王婕雨', 'age': 23, 'gender': '女'},

    {'id': 5, 'name': '葛二蛋', 'age': 28, 'gender': '男'},

]

然后开始写每一个的功能,具体如下:

查找功能:

也就是显示功能,将Flask_data.py文件中的内容读取并显示出来

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>学生列表</title>

</head>

<body>

<table border="3xp">

    <thead>

    <tr>

        <td>ID</td>

        <td>name</td>

        <td>age</td>

        <td>gender</td>

        <td>options</td>

    </tr>

    </thead>

    <tbody>

    {% for foo in student %}

        <tr>

            <td>{{ foo.id }}</td>

            <td>{{ foo["name"] }}</td>

            <td>{{ foo.get("age") }}</td>

            <td>{{ foo.gender }}</td>

            <td> <a href="/update/{{ foo.id }}">修改</a> | <a href="/flask_del/{{ foo.id }}">删除</a> </td>

        </tr>

    {% endfor %}

    </tbody>

</table>

<a href="/add"> 添加学生 </a>

</body>

</html>

select.html

from flask import Blueprint, render_template

from Flask_data import STUDENT

select_list = Blueprint("select_list", __name__, template_folder="temp", static_folder="static")

@select_list.route("/select_list")

def select():

    return render_template("select.html", student=STUDENT)

select.py

添加功能:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>学生列表</title>

</head>

<body>

<form method="post">

    ID:<input type="text" name="id"> <br>

    姓名:<input type="text" name="name"><br>

    年龄:<input type="text" name="age"><br>

    性别:<input type="text" name="gender"><br>

    <input type="submit" value="添加学生">

</form>

</body>

</html>

add.html

from flask import Blueprint,redirect,request,render_template

from Flask_data import STUDENT

add = Blueprint("add", __name__, template_folder="temp", static_folder="static") # type:Blueprint

@add.route("/add",methods=["GET","POST"])

def add_view():

    if request.method == "POST":

        stu_dic = {

            "id": request.form["id"],

            "name": request.form["name"],

            "age": request.form["age"],

            "gender": request.form["gender"]

        }

        STUDENT.append(stu_dic)

        return redirect("/select_list")

    return render_template("add.html")

add.py

修改功能:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>学生列表</title>

</head>

<body>

<form method="post">

    <input type="text" name="id" hidden value="{{ student.id }}"><br>

    姓名:<input type="text" name="name" value="{{ student.name }}"><br>

    年龄:<input type="text" name="age" value="{{ student.age }}"><br>

    性别:<input type="text" name="gender" value="{{ student.gender }}"><br>

    <input type="submit" value="修改信息">

</form>

</body>

</html>

update.html

from flask import Blueprint, render_template, redirect, request

from Flask_data import STUDENT

update = Blueprint("update", __name__, template_folder="temp", static_folder="static")

@update.route("/update/<int:nid>",methods=["GET","POST"])

def update_view(nid):

    if request.method == "POST":

        stu_id = int(request.form["id"])

        stu_dic = {

            "id": stu_id,

            "name": request.form["name"],

            "age": request.form["age"],

            "gender": request.form["gender"]

        }

        for index,stu in enumerate(STUDENT):

            if stu["id"] == stu_id:

                STUDENT[index] = stu_dic

        return redirect("/select")

    for stu in STUDENT:

        if stu["id"] == nid :

            return render_template("update.html", student=stu)

    return render_template("update.html", student="")

update.py

删除功能:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>学生列表</title>

</head>

<body>

<table border="3xp">

    <thead>

    <tr>

        <td>ID</td>

        <td>name</td>

        <td>age</td>

        <td>gender</td>

        <td>options</td>

    </tr>

    </thead>

    <tbody>

    {% for foo in student %}

        <tr>

            <td>{{ foo.id }}</td>

            <td>{{ foo["name"] }}</td>

            <td>{{ foo.get("age") }}</td>

            <td>{{ foo.gender }}</td>

            <td> <a href="/update/{{ foo.id }}">修改</a> | <a href="/flask_del/{{ foo.id }}">删除</a> </td>

        </tr>

    {% endfor %}

    </tbody>

</table>

<a href="/add"> 添加学生 </a>

</body>

</html>

del.html

from flask import Blueprint, redirect, request, render_template

from Flask_data import STUDENT

flask_del = Blueprint("flask_del", __name__, template_folder="temp", static_folder="static") # type:Blueprint

@flask_del.route("/flask_del/<int:nid>",methods=["GET","POST"])

def flask_delapp(nid):

    STUDENT1 = []

    for stu in STUDENT:

        if stu["id"] == nid:

            pass

        else:

            STUDENT1.append(stu)

    return render_template("select.html", student=STUDENT1)

flask_del.py

各个功能写完后就要写主要启动文件了,我们在manager.py文件中写入启动内容:

from flask import Flask

from Flask_select import select

from Flask_add import add

from Flask_update import update

from Flask_del import flask_del

def flask_app():

    app = Flask(__name__)

    app.register_blueprint(select.select_list)

    app.register_blueprint(add.add)

    app.register_blueprint(update.update)

    app.register_blueprint(flask_del.flask_del)

    return app

flask_app().run()

manager.py

运行manager.py文件就行了,谢谢

Flask蓝图的增删改查的更多相关文章

  1. 前端web通过flask操作数据库-增删改查

    后端python代码: #coding:utf8 from flask import Flask,request,render_template import pymysql as mysql imp ...

  2. flask操作（增删改查操作）

    增加数据 from .models import Goods from app.extensions import db goods1 = Goods(name='魅族18s', price=3400 ...

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

    通过flask实现web页面简单的增删改查bootstrap美化版 项目目录结构 [root@node1 python]# tree -L 2 . ├── animate.css ├── fileut ...

  4. 通过flask实现web页面简单的增删改查

    通过flask实现web页面简单的增删改查 # 1.后台程序falsk_web01.py #coding:utf-8 from flask import Flask,render_template,r ...

  5. [py]flask从0到1-模板/增删改查

    flask知识点 1.后端渲染html到前端 render_template 2.后端获取前端数据 request.args.get 3.前端获取后端数据 模板 4.警示消息 flash {{ get ...

  6. Flask一种通用视图，增删改查RESTful API的设计

    模型设计是后端开发的第一步.数据模型反映了各种对象之间的相互关系. from app import db class Role(db.Model): """角色" ...

  7. day94:flask:Jinjia2模板引擎&flask中的CSRF攻击&Flask-SQLAlchemy的创建模型类和基本的增删改查

    目录 1.Jinjia2模板引擎 1.Jinjia2加载模板并传递数据到模板中 2.Jinjia2的模板语句 3.模板中特有的变量和函数 4.模板中内置的过滤器 5.自定义过滤器 6.模板继承 2.在 ...

  8. python 10min系列之实现增删改查系统

    woniu-cmdb 奇技淫巧--写配置文件生成增删改查系统 视频教程 项目主页跪求github给个star, 线上demo,此页面都是一个配置文件自动生成的 详细的文章介绍和实现原理分析会发布在我的 ...

  9. Hibernate第一个程序(最基础的增删改查) --Hibernate

    本例实现Hibernate的第一个程序,Hibernate的优点我想大家都很清楚,在这里不做过多赘述.总之,使用Hibernate对数据库操作,也就是来操作实体对象的! 项目目录: 一.第一步要做的就 ...

随机推荐

  1. Javascript作用域和变量提升

    下面的程序是什么结果? var foo = 1; function bar() { if (!foo) { var foo = 10; } alert(foo); } bar(); 结果是10: 那么 ...

  2. [hdu2159]FATE二维多重背包(背包九讲练习)

    解题关键:二维约束条件,只需加一维状态即可. 转移方程:$f[j][k] = \max (f[j][k],f[j - w[i]][k - 1] + v[i])$ #include<bits/st ...

  3. 在虚拟机中的Ubuntu搭建java开发环境

    前提: 安装好虚拟机 在虚拟机中装好了Ubuntu系统 以上两步请参见我的博客(python进阶) 1 安装JDK 1.1 到官网下载jdk压缩包并保存在本地 jdk1.8:点击前往 1.2 在Ubu ...

  4. datanode与namenode的通信原理

    在分析DataNode时, 因为DataNode上保存的是数据块, 因此DataNode主要是对数据块进行操作. **A. DataNode的主要工作流程:** 1. 客户端和DataNode的通信: ...

  5. 【mysql远程连库】

    mysql连接远程库: 服务器端: 1.登陆服务器端,进入命令行,windows cmd; 2.设置用户.密码让指定的IP访问:MySQL -u root -p 或安装的快捷方式进入:MySQL Co ...

  6. ASP.NET jquery 获取服务器控件ID

    一般方法: jQuery("#txtUserName").val(); 如果页面加载了母版页或者自定义控件:该页面的ID有可能会被篡改(可能是因为避免控件ID冲突的机制),因此强烈 ...

  7. 详解Java中的Object.getClass()方法

    详解Object.getClass()方法,这个方法的返回值是Class类型,Class c = obj.getClass(); 通过对象c,我们可以获取该对象的所有成员方法,每个成员方法都是一个Me ...

  8. vue-cli目录结构及说明

    使用vue-cli有时会出现一些莫名的问题,清楚项目的结构文件及其意义方便更好的开发和解决问题,介绍如下: build/ // 项目构建(webpack)相关代码 build.js // 生产环境构建 ...

  9. 基于 bootstrap 字体图标，用纯CSS实现星级评分功能

    需要用到的图标 实现原理 关键属性是 text-overflow: clip;,表示直接截断文本.我们经常用这个属性的另一个值 text-overflow: ellipsis; 来做省略表示. 先平铺 ...

  10. ligerUI弹出框

    <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding= ...