正文 

当前位置： 首页 > java > java教程

数据的随机抽取及jquery补充效果（菜单移动）

悦～ 悦～     2022-10-06     698

关键词：

一、数据的随机抽取

都见过那种考试题从很多题中随机抽取几道的试卷吧，现在就要做这样的一个例子：从数据库中随机抽取几条数据出来显示（例如：一百中随机挑选50条）

随机挑选是要有提交数据的，所以肯定是要有可视化界面和后台处理页面

（1）提交界面

　　a.使用表单提交（做出一个表单来，这都是页面布局的程序了，在这不多说肯定都会使用from表单）如下：

<form action="nt.php" method="post">
      <div class="net_title">选择题：<input id="net_xuan" type="text" style="width:50px" name="net_xuan"/></div>  
      <div class="net_title"><input type="submit" value="出题" /></div>
</form>

　　b.提交的处理页面

<?php
	include("../../js/DBDA.class.php");   //封装的数据库类
	$db = new DBDA();
	
	$nx = $_POST["net_xuan"];   //前面传过来的选择题数目

       //查询代号值并且执行
	$sqln = "select title from subject where code='11'";
	echo $db->StrQuery($sqln);
	
	//选择题判断是否为空
	if($nx == "" && $nd == "" && $ns == "" && $nm == "")
	{
		return false;   //返回false
	}
	else
	{
		$sql = "select title from subject where code='1101'";  //选择代号是1101的题目
		$attrx =  $db->Query($sql);  //执行语句
		foreach($attrx as $vxt)   //循环显示
		{
			echo "<p>一、{$vxt[0]}</p>";	//大题题目
		}
		$sqlx = " select title,xiang from subject where fcode='1101' order by rand(code) limit 0,$nx";  //随机抽取题目根据代号（order by rand(code) limit 0,$nx）
		$attr =  $db->Query($sqlx);	//执行语句
			
		foreach($attr as $v)  //循环显示
		{
			for($i=1;$i<count($v);$i++)
			{
				echo "<div>$i{$v[0]}</div><br><div>{$v[1]}</div><br>";	//显示的题目
			}
		}
		
	}

这里需要主要的是：随机抽取的题目怎么写，其实就是先排序在抽取数目，用到了rand()随机数（order by rand(code) limit 0,3）

这样的话抽取随机数就出来~~~想要不重复的随机的话，可以在查询的语句中添加不重复distinct

 

二、零碎的知识点

（1）jq菜单

效果：鼠标移动上有颜色的差别，单击选中显示，鼠标移出菜单后只显示选中的效果，其他的没有，鼠标移上显示移上的颜色

　　a.显示样式不多说，怎么布局也是会的，直接看代码和效果，如下：

<ul>
    <li class="xiang">项目一</li><!--都添加一个名字，后面使用名字进行操作-->
    <li class="xiang">项目二</li>
    <li class="xiang">项目三</li>
    <li class="xiang">项目四</li>
</ul>

　　b.进行jq逻辑编写，如下：

//鼠标单击选中
$(".xiang").click(function(){
	//所有元素背景色变成原来的
	$(".xiang").removeAttr("xz");
	$(".xiang").css("background-image","url(../img/lift_li_bj_02.gif)");
	//找到点击了谁
	$(this).attr("xz","1");
	$(this).css("background-image","url(../img/lift_li_02_02.gif)");
})
//鼠标移上				
$(".xiang").mousemove(function(){	
	//所有元素背景色变成原来的
	$(".xiang").css("background-image","url(../img/lift_li_bj_02.gif)");
	//找到点击了谁
	$(this).css("background-image","url(../img/lift_li_02_02.gif)");
	$("[xz='1']").css("background-image","url(../img/lift_li_02_02.gif)");
})
//鼠标移出		
$(".xiang").mouseout(function(){
	//所有元素背景色变成原来的
	$(".xiang").css("background-image","url(../img/lift_li_bj_02.gif)");
	//找到点击了谁
	$("[xz='1']").css("background-image","url(../img/lift_li_02_02.gif)");	
})

　　

（2）jq鼠标单击框后，框随鼠标移动

　　a.显示框的样式，这里就是一个普通的框，如下：

　　（1）div显示

<div class="aa">
     <p>鼠标摁下就可以拖着我移动哦~</p>
     <p>鼠标松开我就不动了哦~</p>
</div>

　　（2）style样式（样式效果不多说，都是写简单的样式）如下：

<style>
    .aa{
　　　　height: 100px;  /*宽、高*/
　　　　width:300px;
　　　　position: absolute;  /*定位*/
　　　　border:6px solid #90F;  /*边框*/
　　　　text-align:center;   /*里面内容位置*/
　　　　vertical-align:middle; 
　　　　line-height:25px; 
      }
</style>

效果图如下：　　

　　b.jq移动效果逻辑编写

//找到框的名字，添加事件
$(".aa").mousedown(function(e){  //鼠标摁下
　　$(document).bind("mousemove",function(e){  //bind()事件挂起：绑定事件（事件名称，执行代码）
　　　　$(".aa").css("left",e.pageX).css("top",e.pageY)  //pageX和pageY可以获取鼠标移动的坐标位置
　　});
})
$(".aa").mouseup(function(){  //鼠标松开
　　$(document).unbind("mousemove")  //移除事件：解绑（事件名称）
})

　　

 

该逻辑的整体效果如下：

a.鼠标没有拖动的效果：

b.鼠标摁下后拖动的效果：

pageX和pageY可是获取这个鼠标的横轴和纵轴的值

<p>鼠标指针位于： <span></span></p>　　<!--这是一个显示鼠标横纵值的数-->


$(document).ready(function(){
  $(document).mousemove(function(e){ //鼠标移动
    $("span").text("X: " + e.pageX + ", Y: " + e.pageY); //添加内容到span中，这就是鼠标移动到哪就会在span中显示数值
  });
});

 

随时补充知识点~~

学习和分享并不是冲突滴~~~

机器学习——随机森林

...合中，抽取n(n<整体）个样本，并进行k轮抽取，得到k个数据集对k个数据集，训练k个模型结果选择：对于分类问题，结果选取分类器投票数最多 查看详情

数据分析2-数据导入及处理

...me.to_csv(file,sep="",index,header)把dataFrame中，行相同的数据只保留一行相关函数：缺失值的处理方式：1.数据补齐；2.删除对应缺失行；3.不处理相关函数：相关函数：字段抽取是根据指定字段下的一组数据的开始和结束位置，... 查看详情

mysql随机抽取数据的性能问题

参考技术A在随机抽取数据，并且数据量超过1万的时候，这种写法效率太低。写法1：按目前各种论坛博客查到的资料，换成这种可以成倍的提升效率写法2：1.当数据量小于1万时，写法1与写法2在效率上没有差异。2.当数据量大到... 查看详情

如何用python实现随机抽取？规则如下:所有数据分成n组；每组有m个数；抽取数据时，每组

如何用python实现随机抽取？规则如下:所有数据分成n组；每组有m个数；抽取数据时，每组随机抽取x个,x每次抽取时提供；每次抽取的总人数用一个变量y进行控制；每组产生x个不同的小于m的随机数，然后用这些随机数作为下标追... 查看详情

jQuery slideToggle 页面刷新的反向效果

】jQueryslideToggle页面刷新的反向效果【英文标题】：jQueryslideTogglereverseeffectonpagerefresh【发布时间】：2021-10-3115:23:05【问题描述】：我使用jQueryslideToggle在Wordpress上制作了一个自定义菜单，以在悬停时切换下拉菜单。代码比较简单... 查看详情

《bi项目笔记》增量etl数据抽取的策略及方法

原文:《BI项目笔记》增量ETL数据抽取的策略及方法增量抽取增量抽取只抽取自上次抽取以来数据库中要抽取的表中新增或修改的数据。在ETL使用过程中。增量抽取较全量抽取应用更广。如何捕获变化的数据是增量抽取的关键。对... 查看详情

如何从数据库中随机抽取不重复数据

vb中，adodc连接access数据库，如何实现每次单击命令按钮从学生表中随机抽取一个不重复的学生信息，并将学生姓名显示在text文本框中，学生表中有“id”“姓名”“电话号码”三个字段。数据库已在form-load连接成功，只需写随... 查看详情

python实现从一个文件夹下随机抽取一定数量（比例）的图片移动到另一个文件夹(代码片段)

按照数量随机选取图片importos,random,shutildefmoveFile(fileDir,tarDir):pathDir=os.listdir(fileDir)#取图片的原始路径picknumber=500#自定义选取图片数目sample=random.sample(pathDir,picknumber)#随机选取picknumber数量的样本图片fornam 查看详情

div+css图片不间断滚动jquery特效(marquee插件)及移动标签marquee整理

推荐一个jQuery的无缝文字滚动效果，同时也可以滚动图片，也叫做跑马灯效果。此jquery插件，依托jquery库，能实现各种滚动效果，且让HTML代码符合W3C标准。 marquee标签：创建一个滚动的文本字幕，应用于文字、图片、表格。&... 查看详情

应用统计学随机变量的概率分布，数学期望和方差及协方差

一、概率分布1、离散型随机变量的概率分布 【例4-5】某厂对一批产品进行抽检,该批产品含有10件正品及3件次品。设每次抽取时，各件产品被抽到的可能性相等。一件一件抽取产品进行检验，每次抽取的产品都不放回该... 查看详情

应用统计学随机变量的概率分布，数学期望和方差及协方差

一、概率分布1、离散型随机变量的概率分布 【例4-5】某厂对一批产品进行抽检,该批产品含有10件正品及3件次品。设每次抽取时，各件产品被抽到的可能性相等。一件一件抽取产品进行检验，每次抽取的产品都不放回该... 查看详情

怎样从sql数据库中一次随机读取一条数据，而且以后随机读取出的数据不能和以前每次随机读取出的数据重复？

我想从sql数据库的question表中每次随机读取一条数据显示到我的答题板上（答题板每次只能显示一条数据），点击“下一题”按钮又会随机从数据库中读取一条数据。我用的查询语句是：Selecttop1*,newid()asRandomfromquestionwherechapterID=@... 查看详情

在c#中随机抽取数据库中数据且不重复怎么实现sql语句

...可以采用变通的办法，你在C#程序中定义一个list，每次从数据库中随机抽取一条数据后将这条数据的id放入list中，下次随机抽取数据后去判断这条数据的id是否在list中，如果在则说明重复了，丢弃这条数据重新再取，这可能会有... 查看详情

nlp中简单的数据增强方法

参考技术A训练机器学习或深度学习模型时，良好的数据往往是影响模型的效果最重要的因素之一。而数据不足时数据增强是一个常用的方法。数据增强的方法可以作为我们训练nlp模型时一个快速改善数据不平衡或数据缺失的等... 查看详情

如何从数据子集中随机抽取并在 R 中引导统计测试

】如何从数据子集中随机抽取并在R中引导统计测试【英文标题】：HowtorandomlydrawfromsubsetsofdataandbootstrapastatistictestinR【发布时间】：2013-12-0605:04:44【问题描述】：我有一个包含两个变量的数据集，我希望在引导循环中统计测试它... 查看详情

利用windowmanager生成悬浮按钮及悬浮菜单

...本文模仿实现的是360手机卫士基础效果，同时后续会补充一些WindowManager的原理知识。整体思路360手机卫士的内存球其实就是一个没有画面的应用程序，整个应用程序的主体是一个Service。我们的程序开始以后，启动一... 查看详情

tp5高效率随机抽取数据(不重复)(代码片段)

publicfunctiongetRandTable()$num=5;//需要抽取的默认条数$table=‘t_marclog‘;//需要抽取的数据表$countcus=Db::name($table)->count();//获取总记录数$min=Db::name($table)->min(‘id‘);//统计某个字段最小数据if($countcus<$num)$num=$c 查看详情

matlab哪个函数可以从一组数据中随机抽取一部分出来

假设你原来的数据存在变量a中如果，你想从a中随机抽取固定N个数c=randperm(numel(a));b=a(c(1:N));b就是从a中随机抽取的N个数（N应该小于a中元素的总个数） numel(a)获得原来a中元素的个数c=randperm(numel(a));得到一个由1到numel(a))个自然... 查看详情