随笔分类 -  编程相关 / HTML

摘要:Bootstrap-table 使用总结 一、什么是Bootstrap-table? 在业务系统开发中,对表格记录的查询、分页、排序等处理是非常常见的,在Web开发中,可以采用很多功能强大的插件来满足要求,且能极大的提高开发效率,本随笔介绍这个bootstrap-table是一款非常有名的开源表格插 阅读全文
posted @ 2024-04-17 09:07 冀未然 编辑
摘要:web表格导出插件-bootstrap-table-export <html> <link href="https://unpkg.com/bootstrap-table@1.18.0/dist/bootstrap-table.min.css" rel="stylesheet"> <link rel 阅读全文
posted @ 2024-04-16 11:43 冀未然 编辑
摘要:layUI select下拉框动态赋值和设置选中值 <script> layui.use(['form', 'layedit', 'laydate'], function () { var =layui.jquery;.ajax({ url: '../api/SysType/GetArti 阅读全文
posted @ 2024-04-15 15:13 冀未然 编辑
摘要:LayUI数据表格显示值与实际值(如1代表男、2代表女,或者1代表超级管理员,2代表普通用户) , cols: [[ //表头 { type: 'checkbox', fixed: 'left' } , { field: 'ID', title: 'ID', width: 80, sort: tru 阅读全文
posted @ 2024-04-15 15:11 冀未然 编辑
摘要:获取layui表格(table)当前页的页码值和当前页的数据条数 在浏览器查看源码,获取当前页面的数据条数如下 核心代码 (".layuilaypagelimits").find("option:selected").val()//(".layui-laypage-skip"). 阅读全文
posted @ 2024-04-15 15:10 冀未然 编辑
摘要:LayUI弹窗确定后获取子页面的值(如获取UEditor富文本的内容,或input标签内容) 子窗体JS代码 <script src="~/lib/ueditor-1.4.3.3/ueditor.config.js"></script> <script src="~/lib/ueditor-1.4. 阅读全文
posted @ 2024-04-15 15:06 冀未然 编辑
摘要:layUI layer弹框按钮 : 确认,取消,关闭事件 layer.open({ title:'头信息', btn:['确认','取消','按钮3'],//多个按钮直接用btn1/btn2/btn3...回调 area : ['85%' , '95%'], content:"<div style= 阅读全文
posted @ 2024-04-15 14:53 冀未然 编辑
摘要:layUI Table自定义工具栏和搜索参数 视频讲解地址 https://www.bilibili.com/video/BV1P94y197nN HTML代码 <div class="container-fluid"> <table class="layui-hide" id="test" lay 阅读全文
posted @ 2024-04-15 14:53 冀未然 编辑
摘要:python @property的介绍与使用 python的@property是python的一种装饰器,是用来修饰方法的。 作用: 我们可以使用@property装饰器来创建只读属性,@property装饰器会将方法转换为相同名称的只读属性,可以与所定义的属性配合使用,这样可以防止属性被修改。 举 阅读全文
posted @ 2024-03-26 10:19 冀未然 编辑
摘要:浮动>>>float 在css中,任何元素都可以浮动。 浮动元素会生成一个块级框,而不论它本身是什么元素。 关于浮动的两个特点: 浮动的框可以像做或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。 由于浮动框不在文档的普通流中,所以文档的普通流中的块框表现的就像浮动框不存在一样。 三种f 阅读全文
posted @ 2024-03-26 10:09 冀未然 编辑
摘要:JavaScipt JavaScipt 是脚本语言 JavaScipt 是一种轻量级的编程语言 JavaScipt 是可插入 HTML 页面的编程代码 JavaScipt 插入HTML后,可有所有的现代浏览器执行 注:ES6就是指ECMAScript 6。 JavaScipt 引入方式 Scipt标 阅读全文
posted @ 2024-03-26 09:59 冀未然 编辑
摘要:前端基础之BOM和DOM BOM(Browser Object Model):之浏览器对象模型,它使 JavaScript 有能力与浏览器进行'对话'。 DOM(Document Object Model):是指文档对象模型,通过它,可以访问HTML文档的所有元素。 Window对象 所有浏览器都支 阅读全文
posted @ 2024-03-25 16:38 冀未然 编辑
摘要:DOM DOM(Document Object Model)是一套对文档的内容进行抽象和概念化的方法。 当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。 HTML DOM 模型被构造为对象的树。 HTML DOM树 DOM标准规定HTML文档中的每个成分 阅读全文
posted @ 2024-03-25 16:29 冀未然 编辑
摘要:jQuery jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互,能够极大地简化JavaScript编程。它的宗旨就是:“Write less, do 阅读全文
posted @ 2024-03-25 15:46 冀未然 编辑
摘要:ajax结合sweetalert实现二次确认 二次确认效果: http://lipis.github.io/bootstrap-sweetalert/ <body> <div class="container-fluid"> <h1 class="text-center">数据展示</h1> <di 阅读全文
posted @ 2024-03-25 15:05 冀未然 编辑
摘要:Ajax 什么是Ajax? AJAX(Asynchronous Javascript And XML)翻译成中文就是“异步Javascript和XML”。即使用Javascript语言与服务器进行异步交互,传输的数据为XML(当然,传输的数据不只是XML,现在更多使用json数据)。 同步交互: 客 阅读全文
posted @ 2024-03-25 14:59 冀未然 编辑
摘要:前后端传输数据的编码格式(contentType) get请求数据就是直接放在url?后面的 url?usernmae=junjie&password=123... 可以向后端发送post请求的方式 form请求 ajax请求 前后端传输数据的编码格式 urlencoded formdata jso 阅读全文
posted @ 2024-03-25 14:46 冀未然 编辑
摘要:常见状态码 100: 部分请求已经被服务器接收,且仍未被拒绝,客户端应当继续发送请求的剩余部分,post请求时会发2次请求,第一次只把头部发送给服务端确认,服务器返回100时才继续把内容发送给服务端,这样做的目的时万一因为某些原因服务器需要拒绝请求(如没权限),白白发送那么多数据。 101:切换协议 阅读全文
posted @ 2024-03-25 10:22 冀未然 编辑
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>制作带logo的二维码</title> <script type="text/javascript" src='../static/bootstrap-3.4.1/js/jquer 阅读全文
posted @ 2024-02-28 08:35 冀未然 编辑
摘要:# Python网站页面开发HTML总结 一、HTML基础语法 1.HTML是什么? ● HTML是HyperText Mark-up Language的首字母简写,即超文本标记语言。 ● HTML不是一种编程语言,而是一种标记语言。 ● 超文本指的是超链接,标记指的是标签,是一种用来制作网页的语言 阅读全文
posted @ 2023-09-26 15:36 冀未然 编辑

点击右上角即可分享
微信分享提示