【Web学习记录】:使用表格中的button开关

本文记录了一位开发者自学Web的过程,重点介绍了如何在表格中使用button进行数据库操作,涉及到Jquery DataTables、Ajax、BootstrapTable以及Flask的使用。同时,文章还涵盖了mysql数据库的授权和远程连接的防火墙设置问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1 概述

最近开发个测试工具,心想应该做的更人性化一点,但是我根本就不会web,也不会js,所以只能照抄和模仿了,折腾一天,总算有点小成就。中间遇到的坑就记录一下,后面说不定可以用的到。这个很潦草,就是给自己做记录用的

2 汇总

2.1 操作表格中的button

操作的行的信息传至后台进行数据库更新—实测稍微有点问题
Jquery DataTables 获取表格数据及行数据—实测稍微有点问题
然后配合Ajax 完成

        $('#stop').on('click', function(){
            var task_str = $(this).parents("tr").find("#taskid").html();
            $("#text").val(task_str);
            $.ajax({
                type: "post",  //数据提交方式(post/get)
                url: "stop_task",  //提交到的url
                data: {"task_str":task_str},//提交的数据
                dataType: "json",//返回的数据类型格式
                success: function(msg){
                    if (msg.success){  //修改成功
                        alert("stop success")
                    }else {  //修改失败
                        alert("stop error")
                    }
                }
            });
        })

最好用的方法在这里:这种长见的方法,自然
BootstrapTable的使用教程

2.2 如果仅仅控制button操作函数

html 使用button调用函数

2.3 提交表单

使用ajax方法实现form表单的提交

2.4 Html中的Style

html P标签设置字体颜色的两种做法

2.4 使用Flask

FLASK 中如何获取 GET/POST
Flask 快速入门

2.6 mysql数据库的授权

mysql 新建用户必须要授权,才能创建数据库

grant all privileges on *.* to "demo"@"%" identified by '123456';

mysql授予用户新建数据库的权限
MYSQL添加新用户 MYSQL为用户创建数据库 MYSQL为新用户分配权限
MYSQL添加新用户 MYSQL为用户创建数据库 MYSQL为新用户分配权限

2.7 mysql 如果远程连接,需要关闭防火墙

systemctl start firewalld # 开启防火墙
systemctl stop firewalld  # 关闭防火墙
systemctl status firewalld  #检查防火墙状态

ufw disable

如果还不行,就将
/etc/mysql/mysql.conf.d/mysqld.cnf配置问题:
bind-address = 127.0.0.1 #这里默认监听本地localhost,注释掉

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值