td

测开之路一百三十一:实现删除功能

僤鯓⒐⒋嵵緔 提交于 2019-11-29 05:03:46
实现前端点击删除,后端接收到参数后删除对应数据 视图: @app.route('/del/<id>/')def delete_feedback(id=0): """ 删除问题 ,前端传id""" conn = sqlite3.connect(DATABASE) c = conn.cursor() sql = "delete from feedback where ROWID = ?" c.execute(sql, (id,)) conn.commit() conn.close() return redirect(url_for('list')) 前端,绑定视图函数,并传入id {% extends 'base.html'%}{% block main_content %} <div class="row"> <table class="table table-hover"> <tr> <th>ID</th> <th>主题</th> <th>分类</th> <th>用户</th> <th>邮箱</th> <th>处理状态</th> <th>提交时间</th> <th>操作</th> </tr> {% for item in items %} <tr> <td>{{ loop.index }}</td><!--jinja模板提供的遍历序号功能--> <td>{{ item[1] }}<

HTML基础(2)

回眸只為那壹抹淺笑 提交于 2019-11-29 03:10:00
1.IP地址 ip地址是用来定位网络中的终端设备 个人PC 移动端设备等... 127.0.0.1 是每个人的电脑的私有IP,只会显示个人电脑 192.168.102.130 是局域网的个人PC的地址,每个人的都不一样 2.列表标签 1.无序列表 结构如下: <ul> <li>列表1</li> <li>列表2</li> <li>列表3</li> </ul> 注意:ul里面只能放li标签,不允许放别的标签,如果有其它的标签结构,可以放在li标签中。 2.有序列表 结构如下: <ol> <li>列表1</li> <li>列表2</li> <li>列表3</li> </ol> 注意:ol里面只能放li标签,不允许放别的标签,如果有其它的标签结构,可以放在li标签中。 3.自定义列表 结构如下: <dl> <dt>标题或是术语</dt> <dd>对下面的一种描述</dd> <dd>对下面的一种描述</dd> <dd>对下面的一种描述</dd> <dd>对下面的一种描述</dd> </dl> 3.常用特殊符号 4.table表格 4.1基本样式设置 <table border="1" width="600" height="300"> <tr> <td>姓名</td> <td>性别</td> <td>年龄</td> <td>家庭住址</td> </tr> <tr> <td>张三</td>

IE get请求拿本地缓存解决方案

丶灬走出姿态 提交于 2019-11-29 00:05:47
// IE get请求拿本地缓存解决方案 // 下面是我自己封装的方法发送的请求,只需要看URL后缀就可以 var res = this.$http.get(`/getbhsbfhjasf?td=${Math.floor(Math.random() * (1000 + 1))}`) // 重点就是 URL后面的 <<|| ?td=${Math.floor(Math.random() * (1000 + 1))} || >> 来源: https://www.cnblogs.com/blueswithchenxing/p/11433754.html

jQuery实现表单动态添加与删除数据操作示例

爷,独闯天下 提交于 2019-11-29 00:05:36
<!DOCTYPE html> <html lang= "en" > <head> <meta charset= "UTF-8" > <title>用户名注册</title> <script src= " http://libs.baidu.com/jquery/2.0.0/jquery.min.js " ></script> <script> $(document).ready( function () { $( "#button" ).click( function () { var name = $( "#yonghu" ).val(); var mima = $( "#mima" ).val(); var youxiang = $( "#youxiang" ).val(); var tr = "<tr><td>" + '<input type="checkbox">' + "</td><td>" + name + "</td><td>" + mima + "</td><td>" + youxiang + "</td><td>" + '<input type="button" value="删除">' + "</td></tr>" ; $( "#table" ).append(tr); $( ":button" ).click( function () { $( this )

纵向表格转为横向表格

走远了吗. 提交于 2019-11-29 00:04:29
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>列表格转行表格</title> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <link rel="stylesheet" type="text/css" href="js/plugins/layui/css/layui.css" /> <!-- 注意:如果你直接复制所有代码到本地,上述css路径需要改成你本地的 --> <style> #tableId th{ display: block; } #tableId thead{ float: left; } #tableId tbody td,#tableId tbody{ display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #tableId tbody{ font-size:

Javascript实现把网页中table的内容导入到excel中的几种方法

随声附和 提交于 2019-11-28 23:46:57
Javascript实现把网页中table的内容导入到excel中的几种方法 一、 直接拷贝整个表格到EXCEL中 二、 通过遍历表格,给EXCEL中相应的单元格赋值。 三、 把表格中的内容提取出来,利用IE的另存为.csv的格式。 各方法的好处: 1. 直接拷贝表格,能够保留表格中的原有的格式,比如,列,行的合并,对齐方式,底色等等, 2. 通过遍历表格,比较灵活,可以遍历表格某些需要部分的内容。 3. 利用IE的另存为,不用创建ActiveXObject对象,可以处理表格合并方面的问题。 各方法的缺点: 1. 可能弹出脚本错误:Automation不能创建对象。 解决方法:启用IE安全设置中的:对没有标记为安全的ActiveX控件进行初始化和脚本运行。 由于整个表格复制到EXCEL中,给表格加个标题,并加入到EXCEL中可能会遇到麻烦。 解决方法:首先在表格中加入第一行 <tr><td colspan="x" align="center">&</td></tr> X,表示整个表格的列数,复制完整个表格后,加如下代码,oSheet为当前活动的sheet. oSheet.Range(oSheet.Cells(1, 1), oSheet.Cells(1, x)).value = "表格标题";//设置标题 oSheet.Rows(1).Font.Size = 16; //设置文字大小

动态创建表格1

你说的曾经没有我的故事 提交于 2019-11-28 20:45:59
<!DOCTYPE HTML> <html> <head> <title>动态创建表格</title> <meta charset="utf-8" /> <style> table{width:600px; border-collapse:collapse; text-align:center; } td,th{border:1px solid #ccc} </style> </head> <body> <div id="data"> <table> <thead> <tr> <th>ename</th> <th>salary</th> <th>age</th> </tr> </thead> <tbody> </tbody> </table> </div> <script> var json=[ {"ename":"Tom", "salary":11000, "age":25}, {"ename":"John", "salary":13000, "age":28}, {"ename":"Mary", "salary":12000, "age":25} ]; var tbody=document.querySelector("table>tbody"); for(var emp of json){ var tr=document.createElement("tr"); tbody

HTML_案例(注册案例CSS版)

江枫思渺然 提交于 2019-11-28 20:34:23
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>会员注册</title> 6 <style> 7 /*使用通配符设置margin设置文字行于行之间的宽度*/ 8 *{ 9 margin: 5px; 10 } 11 /*设置全页背景*/ 12 body{ 13 background: url("./img/register_bg.png") no-repeat center; 14 line-height: 1; 15 } 16 17 /*绘制登录框*/ 18 .beijing{ 19 border: 5px solid #EEEEEE; 20 width: 1000px; 21 height: 700px; 22 margin: auto; 23 background: white; 24 } 25 26 /*设置左上字体*/ 27 .d1{ 28 color: #FFD266; 29 } 30 .d2{ 31 color: #ABA9A7; 32 } 33 34 /*设置浮动调格式*/ 35 .zuo{ 36 float: left; 37 } 38 .zhong{ 39 float: left; 40 } 41 .you{ 42 float: right; 43 }

JS分页

帅比萌擦擦* 提交于 2019-11-28 19:45:24
<html> <head> <meta charset='utf-8'> <script type="text/javascript" src="page.js"></script> <style type="text/css"> #idData { color: red; border: solid; text-align: center; } a { text-decoration: none; } </style> </head> <body onload="goPage(1,10);"> <table id="idData" width="70%"> <tr><td>liujinzhong1</td><td>25</td><td>6666666666666</td><td>99999999999999999999</td></tr> <tr><td>liujinzhong2</td><td>25</td><td>6666666666666</td><td>99999999999999999999</td></tr> <tr><td>liujinzhong3</td><td>25</td><td>6666666666666</td><td>99999999999999999999</td></tr> <tr><td>liujinzhong4</td><td>25</td>

vue学习笔记-2

懵懂的女人 提交于 2019-11-28 18:59:21
---恢复内容开始--- 一、v-for <tr v-for="item in list" :key="item.id"> <td>{{ item.id }}</td> <td>{{ item.name }}</td> <td>{{ item.ctime }}</td> <td> <a href="">删除</a> </td> </tr> var vm = new Vue({ el: '#app', data:{   list:[   { id: 1, name: '奔驰', ctime: new Date()},   { id: 2, name: '宝马', ctime: new Date()}    ] } }); 二、添加   xx.push() 三、数组中的查找   xx.some(参数1)   在.some()中,如果return true,就会终止这个数组的后续循环   .findIndex() 快速找到索引    ---恢复内容结束--- 来源: https://www.cnblogs.com/fangshu/p/11421556.html