随笔分类 - html
摘要：页面展示的表格第一列自动编号，如图 代码如下： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>自动编号</title> 6 </head> 7 8 <script language="j
阅读全文
摘要：post 1 html: 2 3 <form class="layui-form" action="" lay-filter="form-group"> 4 <div class="layui-form-item"> 5 <div class="layui-inline"> 6 <label cla
阅读全文
摘要：前端使用 layui时，页面报错，控制台的报错如下： 解决： 查看相关文章说是返回类型不对要json的，或者是有空格啥的； 1.从这二个方面考虑，看到控制台的报错 有好多 \r\n,于是先把空格去掉，结果如下： 2.结果跟之前的差不多，还是 parsererror，于是把报错的报文 格式化，发现多了
阅读全文
摘要：完整代码： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 </head> 5 6 <body> 7 <div style="font-size:16px;float:left ;"> 8 <label class="text">内容 9 <input type="tex
阅读全文
摘要：背景： 根据条件查询，分页，结果展示 如图： 1. 2. 代码如下： html： 1 <div class="container-fluid"> 2 <div class="row"> 3 <div class="col-lg-12"> 4 5 <div class="card"> 6 <div c
阅读全文
摘要：背景： 点击按钮，弹框并调用后端接口，将结果返回在页面上 如图：1. . 2. 代码如下： html： 1 <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" 2 aria-labelledby="example
阅读全文
摘要：之前写过一篇 处理post请求，今天遇到get的，有些参数处理不一样 post请求的地址： https://www.cnblogs.com/whycai/p/10914349.html get效果： 不一样的地方： 一、js中改成 get，数据处理不一样 二、后端拿到前端传的值不一样 form.ge
阅读全文
摘要：一、VUE 效果： 代码： 1 <template> 2 <div> 3 <el-row style="height:40px" type="flex"> 4 <el-col :span="6"> 5 <p>{{res}}</p></el-col> 6 <el-col :span="2"> 7 <e
阅读全文
摘要：一、VUE中操作 展示： 代码如下： 1 <template> 2 <div > 3 <el-row style="height:40px" type="flex"> 4 <el-col :span="3"> 5 <el-button type="button" @click="show()">点击
阅读全文
摘要：背景： 时间字段展示默认值，开始时间为当天 0点，结束时间为当天晚上12点 代码： 1 <input style="Width: 180px;float:left ;" type="date" id="start_time" 2 name="start_time" placeholder="请选择具
阅读全文
摘要：弹框展示： 代码： 1 <template> 2 <div> 3 <el-col :span="9" style="text-align: right;"> 4 <el-button @click="dialogVisible=true" 5 style="text-align: right;fon
阅读全文
摘要：背景： 后端 flask（python）处理数据，页面实时刷新，类似于打包页面的动态展示，展示效果如图： 代码如下： 前端主要使用以下循环处理， 2 2秒刷新一次 {% if 0 == stop %} <meta http-equiv="refresh" content="2;url={{ url_
阅读全文
摘要：背景： 小鱼最近使用 input输入框时想限制输入的长度， type = "number" 时，限制的长度无效，代码如下 查阅了相关资料后，换了种方式，问题解决 使用 oninput="if(value.length>11)value=value.slice(0,11)" 可实现限制长度的功能
阅读全文
摘要：需求： flask中使用ajax 处理前端请求，每隔一段时间请求不通的接口，结果展示同一页面 用到 setTimeout方法，setTimeout(function(){},1000)；setTimeout 中的 function 为第二次请求 就可以了 效果如图：请求了二个接口，间隔5秒，展示在同
阅读全文
摘要：需求： flask中使用ajax 处理前端请求，每隔一段时间请求一次，并展示在页面 使用 setInterval(function(){}，1000）方法 结果展示： html：（test.html） 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <
阅读全文
摘要：在同一页面点击按钮，后端处理后展示在同一页面，不点击隐藏该结果；与上一篇大同小异，需要在 html、flask、js微调 效果展示： （未点击查询） （点击查询） html: 1 <html> 2 <head></head> 3 <body> 4 5 <div class="header"> 6 <
阅读全文
摘要：菜小鱼初次使用 ajax，想前端提交数据，后端处理后，将结果以弹框的形式展示，在网上查看了好多，不停的调试，终于调通了 html： 1 <html> 2 <head></head> 3 <body> 4 <form class="formXXX1" method="post"> 5 <br clas
阅读全文
