前言：
这篇主要记一下如何使得本地的文件输出到网页上。
（1）将通过flask_sqlalchemy把python和sql数据库联系起来，把你的文件上传到数据库上。
（2）使用flask定义路由，然后将数据库中的数据提取或者查找出来，利用参数传入html文件。
脚本：
#！ -*- coding:utf-8 -*-
from flask import Flask,render_template
from flask_sqlalchemy import SQLAlchemy
app=Flask(__name__)
#注意下面两句这必须写在SQLALCHEMY(app)前面
app.config['SQLALCHEMY_DATABASE_URI'] = 'mysql+pymysql://root:0000@127.0.0.1/demo'
app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = False
db=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:
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)
出现的问题
-
Q：对
role_related_user=db.relationship('user',backref='user_related_class')的理解：
A：在表涉及外键ForeignKey的时候，除了定义外键，还需要定义上面的db.relationship,它将结果赋值给了一个变量，例如上面类role(表roles)的role_related_user,可以把它理解成当前表（表roles）的一个列，但返回不是一个特定的值，而是通过外键绑定的另一个表的内容（表users），就像一个桥梁一样，靠着这个roles.role_related_user就可以获取users表中的内容了。例如：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)的形式,所以对字符串进行切片，传给列表了。 -
debug模式真的好用，只要是在app.py上进行过修改，直接ctrl+s保存就自动重跑了，就是改了html文件也要记得保存再在app.py上
ctrl+s
/template/tem.html
这部分就直接找了个模版改了一下，就是对传入的两个参数遍历一下就可以了修改<thead>和<tbody>里的内容
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<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>USER</h3>
</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>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<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>
结果展示：
图1.png
网友评论