- 博客(22)
- 收藏
- 关注
RSS订阅原创 2021-09-07
实现学校管理系统中专业页面新增专业的效果在之前的基础上我们接着继续往下走，之前把学院的页面已经完成了，并且这个专业页面的模糊搜索和表格已经弄好了，那么我们再去把新增专业这个功能完成1.这次的新增模态窗和修改模态窗共用同一个模态窗，上次学院页面就是分了两个模态窗来完成，其实也一样，同样这个模态窗也分了三部分，首先是标题部分、其次是内容部分、最后是结尾部分2.接下来来讲解一下这三部分的构造，首先标题部分用div标签来包括起来，里面放入标题标签和一个button按钮就行了，标题的内容可以是新.
2021-09-07 21:29:45
86
原创 2021-09-07
实现学校管理系统中专业页面修改、删除功能的效果我们这一路走来，完成这个项目的学院页面，还有专业页面的模糊搜索以及新增专业的功能，那么我们接下来去完成这个页面剩下的修改和删除的功能，完成这些功能后我们就直接跳过这个项目，因为这五个页面都差不多是一样的，所以没有多大的必要，就讲两个差不多了1.可以看到我截图的代码，我们先来写这个修改学院的模态窗并且布局，可以看到我们有很多的div标签，嵌套了很多层，还有标签内有很多的属性，这些都是我们布局的一些基本的东西，这就是那些插件里面的写好了的，我们直接用
2021-09-07 21:20:27
107
原创 2021-08-07
实现学校管理系统中专业页面的表格重载及模糊搜索我们之前已经完成了学校管理系统中的一个学院页面了，现在我们继续来完成第二个页面，这个页面就是专业页面，同样也是有表格重载、模糊搜索、新增、修改、删除等操作，同样数据库早就创建好了并且也引入到jQuery中，我们可以直接开始了1.因为页面不同，所以同样我们需要先引入layui、bootstrap的css和JS插件，还需要jQuery的JS插件，jQuery插件需要在bootstrap之前引入，否则会出现一些报错，这样我们就完成了插件的引入.
2021-08-07 11:31:13
126
原创 2021-08-07
实现学院管理系统中学院页面修改、删除功能的效果我们之前把学院页面的模糊查询、表格的渲染和重载以及新增学院这些小功能，我们今天就来完成这个学院页面的修改学院数据和删除学院的这两个功能，老样子我们还是要先在页面上写好一个模态窗，模态窗内有一些输入框，其实这个模态窗和新增的模态窗是一样的，之前我是分了两个模态窗，先在开来其实可以不用这样的，可以都用同一个模态窗，但要修改某些东西，我们还是按照我之前那样来吧，然后我们点击修改按钮模态窗会显示出来，并且输入框内有我们之前保存的数据，然后再进行修改，重新保存发送请求
2021-08-07 11:27:57
80
原创 2021-08-07
实现学校管理系统中学院页面新增学院的效果我们之前是把学院页面表格的渲染以及模糊搜索给弄完了，接下来我们就是去把新增、修改、删除这些功能一一完成，所以今天我们就先来完成新增这个功能吧，我们需要先在页面上写一个模态窗，里面放入一些输入框，这些输入框要输入的信息都是我们学院的基本信息，比如学院的地址、学院的电话以及学院的名称等等，然后就是把我们在输入框里的内容获取到发送到控制台提交到数据库，然后就添加到了表格上这样的一个操作，接下来我们就开始来写了1.可以看到我截图的代码，我们先来写这个新增学院的
2021-08-07 11:22:56
55
原创 2021-08-07
实现学校管理系统中学院页面的表格重载及模糊搜索这个学校管理系统项目有五个页面，分别是学院信息页面、专业信息页面、年级信息页面、班级信息页面以及学生信息页面这五个页面，那么我们现在就需要先来完成学院信息的这个页面，这个学院页面里主要就是新增、修改、删除还有查询这几个功能，可以说这五个页面差不多都是一样的，都是这几个功能，我们在完成这些功能之前需要先创建数据库，这个我就多说了，创建完后再引入到jQuery中使用就行了，那么我们现在就开始了1.我们需要先引入layui、bootstrap的c.
2021-08-07 11:13:09
53
原创 2021-06-28
使用jQuery实现表格新增数据的效果要实现这个效果我们需要先创建一个表格，创建完表格后再去创建一个新增的模态窗体，就是我们点击新增数据的按钮后会弹出这个模态窗体，然后再把模态窗里的内容填写完就可以新增的一个效果首先我们先来布局：我们先引入bootstrap的CSS、JS和jQuery的插件，然后再去布局，我们先放一个div标签，并且给div标签添加类为container和mt-5，第一个类是必须要的，他相当于是用bootstrap的一个前提条件，没有这个就使用不了bootstrap插件，然后再在d
2021-06-28 11:31:53
78
原创 Mr.Xiong使用jQuery从控制器获取数据
使用jQuery实现从控制器获取数据之前我们写了简单的get提交和post提交，之后又写了post通过XMLHTTPRequest对象提交表单，这次我们就从控制器获取数据，把数据获取到表单上，先把之前的表单设置复制过来，开始操作首先我们先来创建一个表单，先给一个div标签，这个表单里面需要有输入姓名、选择性别以及填写地址的input文本框、select下拉框和textarea文本框，还有几个button按钮就差不多了，然后在div标签中放入一个form表单，再在form表单中放入四个div标
2021-06-28 11:12:27
311
原创 Mr.Xiong使用jQuery实现post提交表单数据的效果
使用jQuery通过post提交表单数据上一次提交表单我们用了get和post这两种方法来提交表单，但是这次是通过XMLHttpRequest对象向我们的控制器提交表单数据，好了废话不多说我们开始啦首先我们先来创建一个表单，先给一个div标签，这个表单里面需要有输入姓名、选择性别以及填写地址的input文本框、select下拉框和textarea文本框，还有几个button按钮就差不多了，然后在div标签中放入一个form表单，再在form表单中放入四个div标签，这四个div分别用来姓名和
2021-06-28 11:05:35
492
原创 Mr.Xiong表单的提交
使用jQuery实现提交表单数据的效果首先我们先来创建一个表单，先给一个div标签，这个表单里面需要有输入姓名、选择性别以及填写地址的input文本框、select下拉框和textarea文本框，还有几个button按钮就差不多了，然后在div标签中放入一个form表单，再在form表单中放入四个div标签，这四个div分别用来姓名和输入姓名的文本框、性别与性别的下拉框、地址与地址的文本框和几个button按钮 然后还需要给他们设置css样式，这里我就不一个一个去给他们设置样式了，我们直接引入b.
2021-06-19 07:58:01
123
原创 Mr.Xiong使用jQuery始兴县tab选项卡的效果
使用jQuery实现tab选项卡的效果开始吧，还是老样子，先看看布完局和设置完样式后的样子我们先来布局：先放一个div标签，再给div标签一个类为box，接在再在div标签中放入两个div标签并分别给div添加类为box1、box2，box1这个div是用来装标题，而box2这个div是用来装内容的，然后在box1中放入三个span标签并且分别给span标签添加属性index=1、index=2、index=3，内容方分别为教育、培训、出国，另外还需要给文本为教育的span标签添加类为on.
2021-06-06 16:00:10
91
原创 Mr.Xiong使用jQuery实现计算器和抽奖的效果
使用jQuery实现计算器和抽奖的效果先来实现计算器的效果我们先来布局：先放一个div标签，不需要给类和ID，然后在div标签内先给一个span标签和input标签，span标签的文本就写参数一，input标签给他一个ID为xx，并且让type的值为number，这样input标签就只能输入数字了 然后接着再在div标签中放一个span标签和SELECT标签，span标签的文本就写运算符，然后给SELECT标签一个ID为jj，SELECT标签里会有一个option标签，我们多复制几个，让.
2021-06-06 15:51:28
106
原创 Mr.Xiong使用jQuery实现一到一百随机数和事件的委派的效果
使用jQuery实现1到100随机数和事件的委派的效果首先我们先来实现1到100随机数的效果老样子我们还是先布局-->再设置样式-->最后再写jQuery实现效果，把这些事情写完后，我们再去页面是看看是否实现了我们想要的效果，没有实现就检查检查嘿嘿 先布局：我们先放一个div标签，不需要给div标签添加类和ID，然后直接在div标签内添加一个input标签和一个button按钮，input标签里的type值就让他为text为文本框，button按钮里面的文本就写个点击布局就完.
2021-06-06 15:43:51
462
原创 Mr.Xiong使用jQuery实现回到顶部的效果
使用jQuery实现回到顶部的效果首先我们还是先来给页面先布局：我们只需要先给一个div标签，然后再div标签中再放一个img标签，img标签里的 src：的入境就导入图片的入境就好了，这张图片是用来做我们的背景图，接着再在div标签外放一个button标签作为按钮，同样的和div标签一样，在button标签中也放一个img标签，src:的入境也是一张图片的入境，这张图片是表示点击这张图片后要回到顶部的意思，布局完成 然后我们再来给div标签和button按钮标签来设置样式，我们先给div..
2021-05-29 08:30:52
106
原创 Mr.Xiong使用jQuery实现键盘事件and复选框的勾选效果
使用jQuery实现键盘事件and复选框的勾选效果我们先来实现键盘事件的效果布局：先放一个div并且给div一个类为box，然后再在div中放一张图片，图片用img来装，img中的src就是图片的入境/位置 设置样式：我们也不需要设置太多，就给div盒子设置样式还有装图片的img设置样式就好了，给box设置：width：100px，height：100px，再给个定位position：absolute，给box设置绝对定位是因为后面写完jQuery后我们去按下设置好的按钮图片会相应的移动.
2021-05-29 08:27:14
269
原创 Mr.Xiong使用jQuery实现九九乘法表和设置样式的效果
使用jQuery实现九九乘法表和设置样式的效果先来实现九九乘法表的效果首先我们先来布局，我们只需要放一个div就行啦，布局就完成了，也不需要给div添加类和ID以及设置样式 接下我们就要去写jQuery来实现我们需要的效果了，我们需要用到for循环来声明一个变量i和遍历一下，for（var i = 1 ; i <= 9; i++）{}，然后再在这个for循环里面再嵌套一个for循环，同样也声明了一个变量j，for（var j = 1；j <= i；j++）3.接着我们在里层.
2021-05-29 08:21:06
248
原创 Mr.Xiong使用jQuery实现手机聊天的效果
使用jQuery实现手机聊天的效果先放一个div给这个div一个类为box，给这个box设置一下样式，width:500px; height:600px; border:2pxsolid#333; margin:100pxauto; 再在这个div里面放置两个div分别给他们一个类为box1，box2，box1主要显示内容我们给他设置样式width:450px; height:500px; border:2pxsolid#333; margin:10px25px；overfl...
2021-05-18 08:42:58
219
原创 Mr.Xiong使用jQuery实现时钟表盘的效果
使用jQuery实现时钟表盘的效果先放一个div给这个div一个类为warp，给这类warp设置一下样式，width：230px； height：230px； margin：50px auto；另外再给body设置一个背景颜色为background：#9c9；2.再在这个div里放一个div并给这个div添加一个类为clock，给类clock设置一下样式，width：200px；height：200px；background：white；border：15px solid #f96；bord.
2021-05-18 08:29:46
183
原创 Mr.Xiong使用jQuery实现倒计时的效果
使用jQuery实现倒计时的效果首先我还是老样子需要先给倒计时布局，然后再给倒计时设置样式，最后再去弄我们需要的效果的这样一个流程布局：先给一个div标签作为一个大盒子来装内容，并且给div标签一个ID为box，然后再div标签中添加添加五个p标签并且给每个p标签添加一个ID，这样就方便我们选择到哪个标签了，在p标签中的内容分别写入我们需要什么倒计时 然后是天、小时、分钟、秒，并且在每个p标签内再添加一个span标签，这里在p标签中添加的目的是为了后面我们需要把获取到的参数传进spa.
2021-05-18 08:22:04
247
1
原创 mr.Xiong使用jQuery实现拖拽小方块的效果
使用jQuery实现拖拽小方块的效果首先我们先来给拖拽小方块布局，这个布局就非常简单了，只要一个div标签，再给div标签一个ID就好了接下来就是给div标签设置样式了，给div标签设置width（宽度）：100px; height（高度）：100px； background（背景颜色）：red；还有给$（“*”）.css（“...
2021-05-09 15:49:37
327
原创 mr.Xiong使用jQuery实现切换背景的效果
使用jQuery实现切换背景的效果首先我们就要给切换背景来布局，我们自己想要让切换背景的样子是什么样就可以是什么样子，而我的布局就是上方这张图片的样子，先给一个大盒子，然后再在大盒子里添加span标签和六个div标签，这样的目的就是让这个大盒子把里面的东西全部都包裹起来，接着我们再给这个最大的盒子设置宽度和高度以及背景颜色，然后我紧接着就是在span标签里写“请选择...
2021-05-09 15:44:27
357
原创 mr.Xiong使用jQuery实现电影排行榜的效果
使用jQuery实现电影排行榜的效果 首先我们就要来给电影排行榜布局，先用一个大的盒子来装里面带的内容，再用h2标签包含电影排行榜作为标题，最后再用ul>li（无序列表）标签来装需要显示的图片和文字内容，布局完之后再给其设置样式，让我们需要隐藏的图片或者内容先隐藏，可以用display:none;将其隐藏用一个on的类来装着，...
2021-05-01 11:32:57
251
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人