jq
汝甚骚吾不及
这个作者很懒,什么都没留下…
展开
-
layui的穿梭框
首先引入CSS样式和Jquery Layui插件Html部分只有一个fieldast标签和一个设置了ID的div标签Jq部分直接开启layui中的渲染然后设置属性值,最主要的是elem属性,输入ID值对当前ID的div进行渲染,最后设置data和htight(列表高度)属性这是穿梭框中可以手动添加的一些属性效果:...原创 2021-12-28 17:06:39 · 1401 阅读 · 0 评论 -
Layui的颜色选择器
CSS部分和HTML部分先把页面搭建起来搭建好页面后引入Layui插件。Js部分调用colorpicker颜色选择器获取页面上的颜色数据进行回调,然后用attr的方法给ID对应的标签添加Style属性,进行设置背景颜色。Colorpicker的参数如上图效果:...原创 2021-12-09 16:58:42 · 707 阅读 · 0 评论 -
设置实时样式
HTML部分先把页面框架搭建起来页面搭建好后,去到控制器写一个方法查询数据库中所需的样式信息。当登录进去的时候用POST方法连接控制器查询并返回所需的样式,获取要配置样式的ID,用JQ中的方法attr对当前ID的行内添加style和data-content属性进行添加样式,最后用返回的数据判断加粗是否打勾,是则对相对应的ID添加样式。获取页面经过修改的数据,用JQ的css 方法修改ID相对应的标签的样式。获取被修改过的颜色,用JQ的css方法改变ID相对应的标签的背景颜色设置还原按钮原创 2021-12-09 15:06:54 · 1139 阅读 · 2 评论 -
系统权限设置
首先把数据库相关的表用外键连接起来Html部分:先把所需的模块写出来,然后获取所有的模块和模块对应的ID传递到控制器。控制器接收到数据用传递过来的数据在数据库查询数据,并将查询到的信息返回到视图页面视图接收返回的数据进行判断,如果ID等于0就是没有权限,移除ID为0的模块。效果图:...原创 2021-11-17 16:56:02 · 485 阅读 · 0 评论 -
手动录入试题
HTML部分:HTML部分设置了几个下拉题目与选项内容和添加和删除选项引入所需的js和jq插件,初始化layui模块,然后绑定下拉框把数据提交到控制器,控制器查询所需数据,最后将数据返回视图添加和删除选项,上传文件最后获取页面数据提交到控制器控制器接收到数据后,经过一系列判断最后新增到数据库效果:...原创 2021-11-08 16:47:04 · 167 阅读 · 0 评论 -
系统证书打印
先获取当前用户的ID,回填学号,再根据用户的ID查询证书的信息,并且绑定在页面用户在控制器查询的代码,这里有考生的考试时间、成绩,证书编号,以及证书颁发的时间根据用户的ID来查询成绩的时候,有三个结果:1、 用户从来没有参加过考试,所以没有成绩2、 用户参加考试,但是没有及格3、 用户参加考试,并且已经及格但是成绩数据有可能不是用户的最高的成绩,所以必须获取最高成绩,如果不是最高成绩可以进行修改,或者新增:控制器的代码如下:这个是通过用户ID查询的证书信息,并且判断证书是否由最原创 2021-10-28 10:59:37 · 61 阅读 · 0 评论 -
登录页面.
HTML部分:Html部分首先引入bootstrap 插件和logo图片,再设计用户的输入框、密码和验证码,最后设计角色的选择和确定按钮。JS部分首先引入bootstrap js的插件和layui插件创建点击事件当点击验证码的时候转到控制器调用ValidCodeUtils的GetRandomCode方法生成随机的验证码,最后再调用ValidCodeUtils的CreateImage方法把验证码生成图片返回视图页面。点击登录按钮,获取当前的登录页面的用户数据,判断是否填写了数据,如原创 2021-09-28 09:43:28 · 104 阅读 · 0 评论 -
联动下拉框
HTML部分:首先写好几个下拉框,然后分别在学院 专业 年级 这3个下拉框上写上onchange事件,当学院下拉框的值发生变化的时候使专业和年级下拉框获取数据生成下拉框,当专业和年级的下拉框同时变化时使班级下拉框获取数据生成下拉框。封装一个方法,传入URL和ID就能调用该方法生成下拉框。写好四个控制器,分别查询学院信息 专业信息 年级信息和班级信息。获取相应的ID生成联动的下拉框。效果:...原创 2021-05-29 08:53:08 · 232 阅读 · 0 评论 -
异步获取~
HTML部分:创建POST获取数据按钮,给按钮绑定点击事件什么是Ajax:AsynchronousJavaScript and XML(异步的 JavaScript 和 XMLAJAX是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。同步与异步的区别:同步:就是指一个进程在执行某个请求的时候,若该请求需要一段时间才能返回信息,那么这个进程将会一直等待下去,直到收到返回信息才继续执行下去;异步:是指进程不需要一直等下去,而是继续执行下面的操作,不管其他进程的状态。当有消息返回时系统会原创 2021-05-29 08:34:10 · 298 阅读 · 1 评论 -
修改表格信息
HTML部分:给修改按钮绑定点击事件,点击按钮触发点击事件弹出模态窗体并获取到相应的数据获取ID传递到控制器请求数据并把返回的数据根据ID绑定到对应的文本框控制器接收到ID后,用Linq的select方法通过ID查询数据并返回查询到的数据给保存按钮绑定点击事件,点击按钮把修改后数据传递到控制器经过一系列判断后利用myModel.Entry(Specialty).State=System.Data.Entity.EntityState.Modified;这句代码把数据添加到数据库里面,最后用原创 2021-05-17 16:36:36 · 112 阅读 · 0 评论 -
get和post获取数据
HTML部分:控制台:get和post获取数据:用Linq方法select从数据库查询需要的数据最后返回绑定一个点击事件,当点击按钮触发点击事件获取数据,写上获取数据的地址请求数据,再写一个回调函数接收返回的数据最后输出。效果:...原创 2021-05-17 16:25:31 · 159 阅读 · 0 评论 -
get和post提交
HTML部分:get和post的区别:get和post最大的区别就是post比get更加安全用起来更加方便,get提交会把数据显示在URL中;可收藏 缓存,参数会保留到历史中对数据的长度和类型也有限制,对于发送密码和敏感信息有一定的安全隐患,而post提交恰恰相反不会泄露任何数据。get提交有两种提交方法:post提交有四种提交方法:method属性:可设置或返回用于表单提交的 HTTP 方法。action属性:表单提交的地址。Submit: 代表 HTML 表单中的一个提交按钮。一原创 2021-05-17 16:08:24 · 291 阅读 · 0 评论 -
删除表格信息
先写一个事件,当点击删除按钮时触发该事件,勾选到要删除的内容点击按钮获取要删除内容的ID用post提交的方法把获取到的ID进行判断,判断是否获取到ID并传递到控制器控制器接收到数据后判断是否接收到数据,用Linq的方法查询数据库的数据并找出与传递过来的ID相等的ID,用Remove的方法把数据从数据库中移除,最后用SaveChanges的方法判断是否成功,SaveChanges返回值大于0则删除成功效果图:...原创 2021-05-09 09:22:40 · 49 阅读 · 0 评论 -
表格新增
首先写一个事件,当点击这个事件的时候弹出模态窗体在模态窗体里写好相当应的信息,点击ID为btnGet的按钮时获取模态窗体里的信息验证 并传递到控制器控制器接收到数据后判断数据是否完整,数据完整就使用Add的方法把传递过来的数据导入数据库,否则就返回数据不完整最后用SaveChanges这个方法判断数据库的数据是否有改变,返回数据大于0则说明新增成功效果图:...原创 2021-05-09 08:53:29 · 57 阅读 · 0 评论 -
动态生成表格
动态生成表格首先做好准备工作,引入bootstrap的css js和jquery插件从SQL Server数据库引入数据,写一个table标签并写上ID和基本样式,用thead标签写好表头用Linq中的select据库中查询并返回数据用get/post方法请求并接收返回的数据,把返回的数据用tr td标签拼接成字符串,声明一个变量str接收字符串最后用ID获取table 标签并用append的方法向table标签中追加变量str根据数据库的数据生成动态表格效果图:...原创 2021-05-03 08:12:03 · 142 阅读 · 0 评论 -
滚动条控制
一.代码先用固定定位定到顶部隐藏,当滚动条高度大于300px时显示,初始状态当滚动条高度大于300px时显示主要知识点是scrollTop配合show和hide的使用原创 2021-03-02 16:02:58 · 210 阅读 · 0 评论 -
JQ回到顶部
一.代码初始状态点击按钮回到顶部主要知识点用scrollTop属性获取当前滚动条的位置大于300px显示按钮,点击按钮回到顶部。原创 2021-02-28 15:44:20 · 95 阅读 · 0 评论