自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 Layui 表格分页控件

分页模块 – layui.laypagelayPage 致力于提供极致的分页逻辑,既可轻松胜任异步分页,也可作为页面刷新式分页。快速使用laypage 的使用非常简单,指向一个用于存放分页的容器,通过服务端得到一些初始值,即可完成分页渲染:基础参数选项通过核心方法:laypage.render(options) 来设置基础参数。elem 类型:String/Object,默认值:无指向存放分页的容器,值可以是容器ID、DOM对象。count类型:Number,默认值:无数据总数。一般通过

2020-09-29 09:57:10 24

原创 Layui 日期选择控件

日期和时间选择器:layDate 中包含了大量实用的功能,其中主要以:年选择器、年月选择器、日期选择器、时间选择器、日期时间选择器 五种类型的选择方式为基本核心,并且均支持范围选择(即双控件)。快速使用和 layer 一样,你可以在 layui 中使用 layDate,也可直接使用 layDate 独立版,请按照你的实际需求来选择。在 layui 模块中使用下载 layui 后,引入layui.css和layui.js即可。通过layui.use(‘laydate’, callback)加载模

2020-09-29 09:55:53 38

原创 Layui 弹出层模块

Layui 弹出层模块使用场景由于layer可以独立使用,也可以通过Layui模块化使用。所以请按照你的实际需求来选择。作为独立组件使用:如果你只是单独想使用 layer,你可以去 layer 独立版本官网下载组件包。你需要在你的页面引入jQuery1.8以上的任意版本,并引入layer.js。调用方式:通过script标签引入layer.js后,直接用即可。layui 模块化使用:如果你使用的是 layui,那么你直接在官网下载 layui 框架即可,无需引入 jQuery 和 layer

2020-09-18 16:03:36 26

原创 Layui 表格模块

Layui 表格模块快速使用创建一个table实例最简单的方式是,在页面放置一个元素 <table id="demo"></table>,然后通过 table.render() 方法指定该容器。如下所示:基础参数基础参数并非所有都要出现,有必选也有可选,结合你的实际需求自由设定。cols - 表头参数如果你采用的是方法渲染,cols 是一个二维数组,表头参数设定在数组内;如果你采用的自动渲染,表头参数的设定应放在 th 标签上异步数据接口数据的异步请求由以下

2020-09-18 16:01:29 28

原创 Bootstrap4模态框组件

**Bootstrap4模态框组件**运行原理弹出模态框是用HTML、CSS和Javascript构建的,它们位于文档中其它表现元素之上,并从<body>中删除滚动事件,以便模态框自身的内容能得到滚动。点击模态框的“backdrop”(灰背景区域),将自动关闭动态模块框。Bootstrap一次只支持一个模态窗口,不支持嵌套模式,因为那样叠加会造成用户体验不佳。模态框使用 position: fixed,在呈现上与其它元素相比有很大不同。尽可能将弹出模态框的HTML放在顶级位置,以避

2020-09-08 16:31:40 60

原创 Bootstrap4表单组件

**Bootstrap4表单组件**表单(Forms)Bootstrap提供了一些表单控件样式、布局选项,以及用来创建广泛多样化的的表单的自定义组件,以下是示例和使用指南。概览Bootstrap的表单控件使用了 CSS样式重置,使用这些Class类来自定义显示,以便跨越浏览器和设备获得一致的呈现。确保在输入框上使用正确的 type 属性(如email 用于电子邮件地址或 number 用于数字录入) 从而利用较新的录入控制,包括诸如电子邮件验证、号码选择等。以下是演示Bootstrap表单样

2020-09-08 16:27:44 45

原创 Bootstrap4基础布局02

**Bootstrap4基础布局02**栅格系统:Bootstrap包含了一个强大的移动优先的网格系统,它是基于一个12列的布局、有5种响应尺寸(对应不同的屏幕),支持Sass mixins自由调用,并结合自己预定义的CSS、Js类,用来创建各种形状和尺寸的布局。机制原理Bootstrap的网格系统使用一系列div容器的行、列来布局和对齐内容,不同于旧版3.0,新版是完全基于flexbox流式布局构建的,完全支持响应式标准。下面的示例,可以让我们深入了解网格如何组合在一起。<div c

2020-08-28 15:28:58 39

原创 BootStrap4基础布局01

**BootStrap4基础布局01**BootStrap布局概述:Bootstrap包含了一些供项目使用的组件和选项,包括外包裹容器、强大的网格系统、灵活多变的媒体对象和响应式的工具类。Container容器Container容器是窗口布局的最基本元素,推荐所有样式都定义在.container或.container-fluid容器之中-- 这是启用整个栅格系统必不可少的前置条件,它们分别对应选择一个响应式的、固定宽度的容器,或者选择一个流式自适应浏览器或容器最大合法宽度的窗口(意味着任何时候它

2020-08-28 15:24:38 37

原创 修改、删除数据库数据

**修改、删除数据库数据****修改数据库表的数据:**5、 获取需要修改的数据获取从页面传递的数据,通过表接收传递的数据最好先对需要修改的数据进行验证,确保数据不为空String.IsNullOrEmpty()判断指定的字符串是否是空或者空格如果传入的参数为空或者空格则返回true否则返回false2、判断修改的数据是否和数据库中的数据重复Count可以返回序列中的元素数量也可以返回指定表中满足条件的数据条数可以用于数据的查重这里需要传入两个条件,因为查重的时候需要

2020-08-18 11:45:03 48

原创 VS新增、查询数据库数据

新增、查询数据库数据**新增数据库表的数据:**1、 获取需要新增的数据获取从页面传递的数据,通过表接收传递的数据最好先对需要新增的数据进行验证,确保数据不为空String.IsNullOrEmpty()判断指定的字符串是否是空或者空格如果传入的参数为空或者空格则返回true否则返回false2、判断新增的数据是否和数据库中的数据重复Count可以返回指定序列中满足条件的元素数量也就是返回指定表中满足条件的数据条数可以用于数据的查重3、验证完成后就可以向数据库的表中添加数

2020-08-18 11:41:23 98

空空如也

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除