使用flask结合javascript动态生成和填充表格数据

1、flask

flask程序负责处理mysql数据库中的数据，然后把数据返回给模板，由于返回的数据是字典类型的，在经过httpresponse之后达到html中，这个时候字典中的单引号由于转义的问题，会转义成“'”，原因是为了防止js注入，由于转义之后javascript识别不了这种字符，因此无法处理这些数据

解决办法是，在返回数据的模板文件中，只需要在变量后面加tojson即可

之后html中的数据引号就可以正常显示和被javascript处理了

2、javascript动态生成表格

主要参考：https://www.cnblogs.com/jiguiyan/p/12144110.html

数据格式：列表包含字典，但是字典中的键都是一样的，这个时候在传递的时候需要处理一下

//创建假的学生数据
        var datas = [{
            name: '魏璎珞',
            project: 'javascript',
            score: 100

        }, {
            name: '弘历',
            project: 'javascript',
            score: 89

        }]

实现代码：

 
 
 
 
     
     
     
     
 
 
 
 
  
     
 
         

             

                 
姓名
                 
科目
                 
成绩
                 
操作
             
  
         
         
 
         
     
 
     
  
  

3、flask返回数据，字典的删除和深拷贝

返回列表类型的数据，在这里使用了深拷贝，因为如果不使用的话，直接清空字典，字典中的数据会被清空，
同时，列表中的数据也会为空，因为他们只是引用了地址，并没有真正开辟一个新的空间
字典中的键是唯一的，数据可以保留，不会删除，因此需要主动删除

import copy
dic={}
lis=[]
cur = conn.cursor()
cur.execute('select * from content')
alls = cur.fetchall()
print('公司信息：')
for i in alls:
dic['公司名称'] = i[1]
dic['注册资本'] = i[2]
dic['联系电话'] = i[3]
dic['联系邮箱'] = i[4]
dic['联系地址'] = i[5]
dic['社保人数'] = i[6]
dic['企业性质'] = i[7]
dics = copy.deepcopy(dic)
lis.append(dics)
dic.clear()