bootstrap table传回的数据后端怎么获取_Flasksqlalchemy让你的数据库和网页执手偕老吧...

0144070b8dbb1e08ee75e8a682e11105.png

【引言】

8684613f99b881613b5ece30a190e3ca.png

之前忙着毕业的事情,公众号搁置了一段时间。 

选了个黄道吉日我又回来了,发现大家都没有取关反而还零零散散又来了几个小可爱,那我就更要加油啦~

【主要内容】

   这篇主要记一下如何使得本地的文件输出到网页上。

  • 先通过flask_sqlalchemy把python和sql数据库联系起来,把你的文件写入数据库。

  • 使用flask定义路由,然后将数据库中的数据提取或者查找出来,利用参数传入html文件。

【app.py内容】

#!-*- coding:utf-8 -*- from flask import Flask,render_templatefrom flask_sqlalchemy import SQLAlchemyapp=Flask(__name__)#注意下面两句,必须写在SQLALCHEMY(app)前面app.config['SQLALCHEMY_DATABASE_URI'] = 'mysql+pymysql://root:0000@127.0.0.1/demo'app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = Falsedb=SQLAlchemy(app)class role(db.Model):    __tablename__='roles'    id=db.Column(db.Integer,primary_key=True)    role=db.Column(db.String(16),unique=True)#relationship的第一个参数填类名class,不是表名    role_related_user=db.relationship('user',backref='user_related_class')class user(db.Model):    __tablename__='users'    user_id=db.Column(db.Integer,primary_key=True)    role_Name=db.Column(db.String(16),unique=True)    role_id=db.Column(db.Integer,db.ForeignKey('roles.id'))#设置路由参数@app.route('/')def tem():    db.drop_all()    db.create_all()with open('/home/zy/桌面/1.txt','r')as f1:#因为定义的两个表都有主键,1.txt就只有两列内容,也就是最后结果图的右边两列,txt文件没有列名。for i in f1.readlines():            i1=i.strip().split('\t')            Ri=role(role=i1[0])            Ui=user(role_Name=i1[0],role_id=int(i1[1]))            db.session.add_all([Ri,Ui])            db.session.commit()    a1=db.session.query(user).all()    col_name = db.session.query(user).selectable.columns    content=db.session.query(user).all()    s=[]for i in col_name:        si=str(i).split('_',1)[1]        s.append(si)return(render_template('tem.html', col_name=s,content=content ))if __name__=='__main__':    app.run(debug = True)    
【解释】
  • role_related_user=db.relationship('user',backref='user_related_class')的理解:

    Answer : 在表涉及外键ForeignKey的时候,除了定义外键,还需要定义上面的db.relationship, 它将结果赋值给了一个变量,例如上面role类(表roles)的role_related_user,可以把它理解成当前表(表roles)的一个列,但返回不是一个特定的值,而是通过外键绑定的另一个表的内容(表users),就像一个桥梁,靠着这个roles.role_related_user就可以获取users表中的内容了。eg: role对象.role_related_user.role_Name。

    backref里的参数就是反向引用,如果想通过users表得到roles表的内容,就需要用这个变量(user对象.user_related_class.role)。

  • app.route里进行了读文件,然后把表的列名col_name和内容content取出来,这里是因为col_name返回的是表名_列名(eg:users_role_Name)的形式,所以对字符串进行切片,传给列表了。

【/template/tem.html内容】

  • 这部分就直接找了个模版改了一下,就是对传入的两个参数遍历一下就可以了。(修改和

    里的内容)
    <html lang="en"><head>        <meta charset="utf-8">    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"          integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">    <title>Hello, world!title>head><body><div class="row">    <div class="col-md-6 col-sm-12 col-xs-12">        <div class="panel panel-default">            <div class="panel-heading">                <h3>USERh3>            div>            <div class="panel-body">                <div class="table-responsive">                    <table class="table table-striped table-bordered table-hover">                        <thead>                        <tr>                            {% for i in col_name %}                                <td>{{ i }}td>                            {% endfor %}                        tr>                        thead>                        <tbody>                        {% for i in content %}                            <tr>                                <td>{{ i.user_id }}td>                                <td>{{ i.role_Name }}td>                                <td>{{ i.role_id }}td>                             tr>                        {% endfor %}                        tbody>                    table>                div>            div>        div>    div>div><script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"        integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"        crossorigin="anonymous">script><script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"        integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"        crossorigin="anonymous">script><script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"        integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"        crossorigin="anonymous">script>body>html>

    【结果展示(没去掉列名前面的表名时的结果)】

    5bd0751044259d28efe40a18c0711ce2.png

    8bfe204e15d183fe94688fe6ce9641df.pnga34b96e4ac83cf78a0dab6c77ef69c8d.pnge9273e6570afe93522786f153d437421.png7bfa895e5baae5fe8986c5fa1ca8ac48.png

    走过路过不要错过

    点击蓝字关注我们

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值