- 博客(16)
- 收藏
- 关注
RSS订阅原创 layui表格
通常情况下，根据给定的查询条件对数据库进行查询，然后将查询出来的数据用数据表格显示到页面上，以便于对数据的观察和进行操作。简单介绍一下：table数据表格它用于对表格进行一些列功能和动态化数据操作，涵盖了日常业务所涉及的几乎全部需求。支持固定表头、固定行、固定列左/列右，支持拖拽改变列宽度，支持排序，支持多级表头，支持单元格的自定义模板，支持对表格重载（比如搜索、条件筛选等），支持复选框，支持分页，支持单元格编辑等等一些列功能。使用table数据表格需要引用一下layui插件用实例来演示一下如何加
2022-04-28 09:11:34
450
原创 js小知识
何为JavaScript内存与性能因为事件处理程序在现代web应用中可以实现交互，所以很多开发者都会错误地在页面中大量使用它们，在JavaScript中，页面中事件处理程序的数量与页面整体性能直接相关。原因有很多，比如①每个函数都是对象，都要占用内存空间，对象越多，性能越差；②为指定事件处理程序所需访问DOM的次数会先造成整个页面交互的延迟。使用innerHTML的反面教材for(let value of values){ ul.innerHTML += ‘KaTeX parse error: Exp
2022-04-07 15:46:16
131
原创 数据的导入导出
数据的导入与导出首先是数据导出，数据导出的编程比导入简单且不复杂，第一步先创建工作簿，创建工作簿还需要创建工作表，然后就是设置表标题、创建行、创建单元格、单元格设置值、合并单元格、设置单元格样式，创建行时要注意：行高 HeightInPoints的单位是点，而Height的单位是1/20个点，所以Height的值永远是HeightInPoints的20倍，之后就是设置表头了，设置表头要创建一行索引，给sheet添加第一行的头部标题，再设置行高，创建单元格并设置值然后再创建表头的样式，后面的步骤是：遍历查询
2022-03-28 10:09:16
3313
原创 数据库基础
数据库1.数据库（DB）的概念：是按照数据结构来组织，存储和管理数据的仓库，是一个长期存储在计算机内的，有组织的，可共享的，统一管理的大量数据的集合。本质上是一个文件系统，是以文件的方式存在服务器的电脑上的。2.DBMS 数据库管理系统：是一种操纵和管理数据库的大型软件，是用于建立、使用和维护数据库。它对数据库进行统一的管理和控制，以保证数据库的安全性和完整性。用户通过dbms访问数据库中的数据，数据库管理员也通过dbms进行数据库的维护工作。它提供多种功能，可使多个应用程序和用户用不同的方法在同时
2022-03-17 14:36:50
5048
原创 【无标题】
选项卡切换描述：js实现一个简单的选项卡切换的效果,即当鼠标移入某个选项卡区域时,显示不同的内容。HTML代码如下： 公告规则论坛 安全 公益 “文案”“文案” “文案”“文案” “文案”“文案”
2022-03-09 19:29:21
55
原创 图书管理系统(部分讲解2)
图书管理系统(部分讲解2)按照上期的做法，会得到一个只有表头的表格，接下来会讲解如何从数据库中获取数据并返回到页面，这其中的步骤大致是这样的，首先要连接MOdels也就是数据库，连接完后通过控制器获取连接到的数据库中的数据，接着返回到视图页面的表格，接着就是显示出来，也许有人会问这个Models要怎么连接，问得好，那么接下来就来讲讲怎么连接Models：第一步如上图，做好后你会得到如下图的一个弹窗：如上图选好后点击添加，弹窗直接点下一步，接着出现下图的弹窗点击新建连接，之后会出现如下图，服
2021-08-01 16:00:59
167
原创 2021-08-01
图书管理系统(部分讲解)图1如图1所示，这是我做的管理系统，首先要做到如图1所示这样，要先理解一下步骤和MVC中各自的作用，HTML不做过多的讲解，现在做一下做图中表格的讲解，MVC分别为控制器、视图、Models（也就是数据库），这里面的表格用到了layui框架，需要自行导入，然后请看图2图2图2中的代码便是图1表格所用到的代码，按照图2的代码写完后，会得到一个基础的数据表格，也就是一个只有表头没有数据的表格，之后的数据需要通过Models和控制器来得到，接下来先来理解一下图2中的代码
2021-08-01 11:25:01
88
原创 MVC控制器四种接收数据的方法
MVC控制器接收数据的方法2先看HTML表单，如下：在这里插入图片描述大概操作：表单就和之前的一样，只不过提交方法和提交的地址是写在了接js部分，下面js部分是手动提交数据到控制器的方法，具体操作是先获取到页面填入的数据再判断是否完整，完整则继续执行，接着获取到form表单ID，给它设置一个提交方式，get或post，再设置一个提交到控制器的地址，最后是一个手动提交，给按钮绑定onclick事假，当提交表单时，会发生submit事件接着是控制器的操作，第一种方法和自动提交在控制器中用到
2021-05-07 09:14:18
1117
原创 MVC控制器接收数据的方法
大概操作如下：通过视图的表单填入数据，再通过get或post手动提交的方式将数据传到控制台，成功接收后控制台再返回一条数据到视图。HTML表单如下 做成酱紫就好在这里边的一些属性如name值等是很重要的属性，控制器其中一种要靠name的值来接收数据。控制器接收数据的方式一共有四种，这四种要通过手动提交的方式来完成现在先说的是自动提交，自动提交在在视图中不用到js，算是里面比较简单的一种，刚刚说到的要通过name值来控制器接收数据的方法，自动提交也要用到name到控制器接收数据，下图1
2021-04-29 08:50:29
402
原创 文字效果
文字效果要做的效果如下：文字有灯光效果并且文字会循环的逐一显示首先html部分如下，div包裹着文字每个文字独立用标签包裹Css部分是一些基础样式，设置文字颜色、大小、粗细、大小写，居中其他忽略接着动画，名称、运动速度过渡、总时间、无限，然后是给选到每个英文，设置从何时开始，动画帧设置从0%-100%的透明度，阴影使它有发光效果。...
2021-02-28 15:40:53
189
原创 滚动显示
滚动显示要做的效果如下：滚动页面到一定位置显示出要显示的东西首先html部分如下，是一张张img图片，滚动到一定位置图片会一个个逐一显示Css部分如下，给图片设置一下位置，居中，接着把图片用opacity设置为0隐藏，再给它一个过渡 效果接下来js部分，首先绑定一个鼠标滚轮事件onmousewheel，然后通过变量scrollnum获取当前页面 的滚动条纵坐标位置，接着在给一个判断，判断滚动条位置具体在哪里后显示图片，具体看下图if 语句，if语句里的函数scrolllording 看下半部分
2021-02-21 14:36:40
474
原创 键盘移动
键盘移动要做的效果如下：通过键盘上下左右键来控制圆的移动首先html部分如下，就一个div，一个idCss部分如下，先设置一些基础样式，宽高、背景颜色、圆角、绝对定位。接下来js部分先给一个变量获取id，再绑定键盘被按下事件onkeydown，通过keyCode来获取按键 的编码，接着通过if语句给每个按键添加事件。...
2021-02-15 14:31:51
125
原创 Css遮罩字体
Css遮罩字体要做的效果如下：类似图片放到文字里边的效果首先html部分如下，给body一个背景颜色，在里面放一个div，给div一个id，在div里面放一个h1文本。Css部分如下，先给文本设置一些基础样式，选择到h1，给它设置文本大小200px，文本居中，还有 一些忽略，接下来就是给div一个背景图片，使用background-clip来剪裁图片，让图片只显示文字的形状，然后通过text-fill-color设置transparent把文字设置透明，把图片显示出来就好了。...
2021-02-07 14:41:15
869
原创 Css字体特效
Css字体特效要做的效果如下：用css做出一个动态的字体效果首先html部分先给body标签一个背景颜色，再包裹一个div，div中包裹span，最后随便给点文字在这里插入图片描述这一段主要是设置一些基本样式和需要给text-effect类设置动画animation，需要用到的属性值如 下接着就是给他设置动画，如下动画效果通过字体透明度和添加阴影，调节迷糊程度来达到发光效果， 具体请自己实现。没了。...
2021-01-31 14:30:27
614
原创 Css倒计时
Css倒计时要做的效果如下：用css做出倒计时效果在这里插入图片描述首先html分为三部分，具体见下图 最大值分别为59 59 99 html写好后再给他们设置样式，效果请看上图。HTML部分：这一段主要是设置一些基本样式以及隐藏一些数字，显示需要部分接着就是给他设置动画，给每排数字上数字动画名称，动画完成一个周期所需要的时间，动画的播放 次数接着就是下面图的动画效果了，每排数字的时间只要设置成小时，分钟，秒…就好。...
2021-01-23 14:41:10
1131
原创 css文字跳动
css文字跳动要做的效果如下：鼠标移入文字挨个跳动!先看看HTML，先是span标签包裹着字母，然后是div标签包裹所有的span标签，接着看span标签上style上的–i，不理解的你们可以把他看做为一个变量，里面存放数值，数值大小从小到大；至于具体的的作用往下看这一段把主要内容-字母 居中，以及一些基本样式下面才是重点，基本样式跳过介绍，给div中所有span设置样式，text-transform: uppercase;给字母设置大写；animation: animate 2s eas
2021-01-16 12:58:03
1133
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人