- 博客(17)
- 收藏
- 关注
RSS订阅原创 正则表达式的简单应用和PowerDesigner引入数据库
正则表达式的简单应用今天我们来温习一下之前学过的知识，就是正则表达式，首先我们来认识一下什么是正则表达式。正则表达式：又称规则表达式，英文名Regular Expression,在代码中常简写为regex、regexp或RE 。正则表达式通常用来检索、替换那些符合某个模式（规则）的文本。通俗理解：正则表达式是用于进行文本匹配的工具。例如:him,history,high,hi 在这个字符串...
2019-05-15 20:48:11
175
原创 页面的删除
今天，我们来学新增修改删除中的最后一项，删除，可以说这是比较简单的一个，根据我的前两篇，大家可以先做出查询，新增，修改，删除，就是在前两个的基础上的最后一个，在渲染表格的时候有个自定义列，除了个修改按钮，还有一个删除按钮，首先肯定是要先给删除按钮设置一个点击事件function saveDelete(employeeID) { layer.confirm("确认删除吗？"...
2019-05-08 19:48:59
374
原创 页面的修改
今天，我们来说说如何修改数据吧，，上次我们写了新增，，首先，我们按照上篇的教程渲染出表格，然后我们自己设置了一个自定义列，并在自定义列中的修改按钮中设置点击事件 ，首先要在html写入修改的模态窗体，然后再写下如下代码function openUpdate(ID) { $.post("/Main/SelectAcamedeByID", { employeeID: ID }...
2019-05-08 19:42:43
381
原创 页面的新增
今天，我们来讲下，如何在页面上新增一条数据到数据库中，以上次的练习题为例子开头给出的最初样式如图一首先我们当然是要渲染表格，方法有三种，我之前都一一讲过了，这里我们用第一种，方法渲染，渲染出来后的效果如图这个时候没有数据是因为控制器里面还没有写相应的查询代码，所以接下里我们的任务就是去控制器里面写上想要的查询代码。public ActionResult SelectAcamede(Lay...
2019-05-08 19:39:24
1333
转载 页面的表单渲染
今天我们又来写表单的渲染啦，这次，我们用layui方法渲染中的最后一种，叫做转换静态表格，他是转化一段已有的表格元素，无需配置数据接口，在js中指定表格元素，并简单的给表头加上自定义属性即可。当然，首先，我们还是要先敲好table，这个方法在HTML部分就需要比较多的代码，如下方代码所示<table lay-filter="demo"> <thead>...
2019-04-28 09:15:08
1148
转载 页面的表单渲染
今天我们来写一下如何用mvc和layui在页面上来进行渲染表格，首先我们先来看图一，给出的最基础的样式。图一这是HTML给出的最基础样式，那么第一步我们该干什么呢，这个问题问的好，第一步，我们当然是要把表格渲染出来，是吧。要渲染表单，在这里我们要用到一个叫layui的东西，并将其引入一个叫layui.all.js的文件上一次，我们讲了三种渲染方式的第一种方法渲染，今天，我们来用第二种渲...
2019-04-28 09:07:52
756
原创 jQuery鼠标事件
今天，我们来讲讲，在jQuery中鼠标事件的方法与应用。在jquery中触发鼠标事件的方法有6种分别是1、click（单击事件），2、dbclick（双击事件），3、mousedown（鼠标按下事件），4、mouseup（鼠标弹起事件），5、mouseenter（鼠标移入事件），6、mouseleave（鼠标移出事件）。在jquery中，也有一个像css中hover的伪类，效果也是一样，鼠标的...
2019-04-18 08:24:33
12503
转载 Layui的表格应用
众所周知，在html中，应用table表单十分麻烦的，tr，td，的什么要很多，像我们数据里有几千条数据，我们不可能去一条一条的输入，十分的麻烦和费时间，那么有没有自动引入生成的表单呢，有的，答案是layui的table应用。而layui的表单渲染方法有三，今天我们来讲其中一种。用js方法的配置完成渲染，这种方法有点就是不需要过多的html，在js中指定原始元素，再设定各项参数即可。首先创建两...
2019-04-18 08:23:22
195
原创 Echarts的简单应用
今天我们来学习echarts的简单应用，首先，我们要了解echarts是什么，它是一个纯js的图表库，可以在pc和移动设备上流畅的运行，兼容绝大部分的浏览器。Echarts提供了很多，如折线图，柱状图，散点图，饼图，K线图，等用于统计的盒型图，还有用于地理数据可视化的地图，热力图，线图，还有用于关系数据可视化的关系图，多维数据可视化的平行坐标，还有用于Bl的漏斗图，仪表图，且支持图与图之间的混搭...
2019-04-08 09:08:28
450
原创 from表单应用
今天，我们来学习from表单的应用，首先，我们要知道from的两个属性action和method，前者表示规定表单提交时向何处发生表单数据，后者规定了表单提交的方式，简单的说就是前者是地址，后者是方式，而提交的方式有两种，分别是get和post，而这两者的区别就是，使用get提交时，参数直接暴露在URL上，如图一所示，图一 get提交图二post提交与post相比呢get更简单也更快，并且...
2019-04-08 09:06:47
915
转载 复习遮罩层的运用
今天，我们来复习遮罩层的简单应用，首先在html界面我们简单的设置一个按钮，遮罩层和关闭按钮如图一，所谓的遮罩层就是在这个div设置一个透明度的属性，我们设置为0.5，代码如图二，接下来就是最重要的部分，就是js的部分，由于现在我们还没给遮罩层设置高度，所以现在我们是看不到遮罩层的，遮罩层高度就是我们网页窗口大小的高度，这里就要设置一个全局变量height = 0；然后设置height = win...
2019-02-22 19:39:56
432
转载 运用bootstrap实现js轮播效果
大家都知道用js写轮播图是一件比较麻烦的事情，那么今天就来用一个名为bootstrap的东西，快速简单的做出轮播图出来，首先，我们当然先要设置好html的样式，当然还要先引入bootstrap的css和js部分，如图一然后我们使用li元素并且使用class=“craousel-indicators”样式，图片的数量我们要与li元素的数量一致。随后再设置图片，这里我们设置三张，随后在设置左右的控...
2019-02-22 19:38:27
685
原创 运用js实现houver效果
今天，我们就来用js实现hover伪类的效果，不同的是，用js可以改变html元素，这就比hover更加强大，那么我们如何实现效果呢。首先我先设置一个红色的正方形如图一图一再用js获取相关id给其设置鼠标移入移出事件如图2代码图2可以看到，用js移入移出并不是改变css样式，而是改变html的样式，所以css就要设置相关的样式如图3图三这个，我们就可以实现用js实现hover伪类...
2019-02-22 19:36:48
1438
原创 HTML伪类hover的应用
今天讲一个最基础的UI伪类应用，什么为ui伪类，就是会在HTML元素处于某种状态时，为该元素应用css样式，比如hover伪类就是当鼠标在该元素上时，应用css样式，首先要先写好HTML的样式如图一，无固定，大家可以各凭喜好，图一我这里就是为其设置一个简单的正方形，为其设置简单的css样式后，再入图二，设置houver伪类，就是当鼠标移上去后所显示的样式，可以看到图二变大了，并且改变了颜色，也...
2019-02-22 19:33:59
1097
原创 用js原生代码写轮播
本文是用js原生代码写轮播，为自己的难点做一次总结，主要是借鉴老师，而后自己写来了供自己参考。所以要写轮播图先要写好自己想要的html样式如图一所示图一 HTML样式首先要放几张图，就需要先多放两张，比如有1，2，3，4，5张图，那么需要在第五张后面放上1图，在第一张前面放上一张5图，这是为了实现无缝轮播。第二步为五张图各设置一个span标签的按钮，再设置两个a标签做为前后滚动点击...
2019-02-21 20:32:16
595
转载 运用CSS3实现跳动的心效果
学了css3也有一段时间了，也可以做一些自己想做的东西，今天就做一颗跳到的心，首先当然要写写好html的样式如图一所示，在一个大的div里套三个小的div和一个p标签。图一接下来是css的样式如图二所示，首先要为最外层的div设置一个相对定位，宽高各300px，外边距上下200，左右自动，使其整体居中，再使这个div旋转45度，再给里面的三个小div设置绝对定位，红色背景宽高各200px，给其...
2019-02-21 20:16:31
1080
原创 运用CSS3实现风琴导航效果
运用CSS3实现风琴导航效果开发工具与关键技术：DW和CSS3作者：黄厚润撰写时间：2019年01月16日 下面我们使用CSS3来实现风琴导航的部分，下面我们来看一个例子，如图一所示是潘老师所讲的外卖点餐案例中的风琴导航图。 图1 风琴导航图 图2 风琴导航图在截图中，我们可以看到，每一列的标签，出来的时间是不一样...
2019-01-18 16:40:56
262
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人