这篇文章主要讲解了“基于Flask和JQuery怎么实现表格管理平台”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“基于Flask和JQuery怎么实现表格管理平台”吧！
十载建站经验， 网站制作、成都做网站客户的见证与正确选择。创新互联提供完善的营销型网页建站明细报价表。后期开发更加便捷高效，我们致力于追求更美、更快、更规范。
【效果如下】
【第一步】了解Flask框架
1、了解python 主流的web框架
（1）Django：简单来说就是重武器，是最全能的开发框架，你想要的功能它都有；但是比较繁重，适合企业级的web开发；
（2）Flask：属于web开发微框架，小巧灵活，相关的第三方库丰富，适合开发小型web；
（3）Tornado：天生异步，性能强悍，但是框架提供的功能少，需要开发者自己实现；
因此，本文代码实现主要是基于Flask实现的。
2、了解Flask框架
（1）HelloWorld实现：
几乎所有的编程都是基于“hello world”实现的，因此也大致讲下helloworld涉及的内容。
from flask import Flask
app = Flask(__name__)
@app.route('/')
def hello_world():
return "Hello world!"
if __name__ == '__main__':
app.run()先声明一个Flask框架的对象，然后定义路由'/'，即URL地址为 http://127.0.0.1:5000/；如果定义路径为‘/new’，那对应的访问地址需要改为http://127.0.0.1:5000/new。另外，@app.route是个装饰器。
（2）如何实现具体IP地址或者端口的访问呢？
app.run(debug=True,host="x.x.x.x",port="1234")
通过对app.run()方法的参数定义，分别实现了调试功能，访问URL变更为 http://x.x.x.x:1234
这里调试功能还是很好用的，不但可以帮助开发者重新加载网页，而且会打印详细的错误信息，协助定位。
（3）如何在web上显示自己特定的html模板
from flask import Flask,render_template
app = Flask(__name__)
@app.route('/')
def hello_world():
return render_template('test.html')
if __name__ == '__main__':
app.run()只需要导入render_template库，并且在函数返回时改成对应的方法即可。
不过 这 里要 注意，test.html必须保存在工程目录与下template文件下，否则会报错。（这是因为render_template方法定义时默认写了template路径 ）
【第二步】了解Sqlite3数据库
web数据交互离不开后台数据库的管理，本章节重点解释python自带的sqlite3数据库。相比较于其他“正规”的数据库，如mongo、solr、MySQL等，sqlite3相当简单，属于轻量级的数据库。
1、sqlite3数据库的安装和创建
用pip命令可以下载安装sqlite3数据库
创建数据库：
con = sqlite3.connect('material.db')如果有数据库material.db，则进行连接数据库的操作；如果没有此数据库，则先创建数据库再进行连接；
2、创建数据表
label = ['ID','网络IP','地址','责任人','联系方式']
content = ['1','10.10.10.10','杭州滨江','鹏哥','123456']
def create():
sql = 'create table {0} ({1},{2},{3},{4},{5})'.format(tablename,label[0],label[1],label[2],label[3],label[4])
result = cur.execute(sql)
con.commit()
return True if result else False简单描述为：create table 表名 (各字段名1，各字段名2……)
当前对数据表的字段未进行输入类型及长度的限制，比如需要规则ID为必填项，并且为整形，长度在10个字节内，则需要修改为
sql = 'create table matrial_table ("ID" int[10] primary key not null )'同理，其他字段也可以相同的方式进行类型、长度的限制。
注意：在执行cur.execute()后，要记得con.commit()进行数据库提交，否则数据并不会真正写入数据库中。
3、插入数据
def insert():
sql = 'insert into {0} ({1},{2},{3},{4},{5}) values({6},"{7}","{8}","{9}","{10}")'.format(tablename,label[0],label[1],
label[2],label[3],label[4],content[0],content[1],content[2],content[3],content[4])
result = cur.execute(sql)
con.commit()
return True if result else False简单描述为：insert into 表名 (各字段名1，各字段名2……) values(数值1，数值2……)
这 里要注意，”{7}“ 是有加双引号的，为什么呢？因为”{7}“对应的是网络IP，是个字符串，因此需要加 双引号，否则会报错。
4、查询数据
def query():
sql = 'select * from {0}'.format(tablename)
result = cur.execute(sql)
return list(result)简单描述为：select XX,XX from 表名 where 字段名1="数值1"
5、更新数据：update 表名 set 字段名1=”数值1“ where 字段名2="数值2"
6、删除某条数据：delete from 表名 where 字段名1="数值1"
【补充】
如果生成了db数据库，如何查看呢？可以下载一个SQLite Expert，打开后就可以很直观地进行数据库查看，并且可以通过图形化按钮进行 数据表的增删改查。
【第三步】了解html
1、Flask框架方法编写
前面已经讲过 Flask如何调用html模板，因此我们直接展示上图对应的flask框架方法的代码
# coding=utf-8
# @Auther : "鹏哥贼优秀"
# @Date : 2019/9/23
# @Software : PyCharm
from flask import Flask,render_template
import sqlite3
app = Flask(__name__)
con = sqlite3.connect('material.db',check_same_thread=False)
@app.route('/')
def Material_Mangement():
# 获取数据库material_table表的内容
cur = con.cursor()
sql = 'select * from {0}'.format("material_table")
cur.execute(sql)
content = cur.fetchall()
# 获取数据库表的表头
labels = [tuple[0] for tuple in cur.description]
return render_template('test.html',content=content,labels=labels)
if __name__ == '__main__':
app.run(debug=True)动态路由、sqlite3数据库操作、调试模式的设置，这些知识请参考之前的博客。但有2个知识点，我想再提下：
（1）如果在数据库连接时，不添加check_same_thread=False参数，则
数据库连接会报错：sqlite3.ProgrammingError: SQLite objects created in a thread can only be used in that same thread. The object was created in thread id XX。
这是因为sqlite3数据库被多线程访问导致冲突，因此这里要注意下。
（2）获取数据库表头：labels = [tuple[0] for tuple in cur.description]
2、Html文件（仅展示表格内容）
物料管理平台
表格管理平台
{% for i in labels %}
| {{ i }} |
{% endfor %}
{% for i in content %}
{% for j in i %}
| {{ j }} |
{% endfor %}
{% endfor %}
