create table hxfimported(
pid int primary key auto_increment,
pic varchar(64),
pname varchar(32),
price float(10,2)
);
insert into hxfimported values
(null,"img/imported-6.jpg","越南白心火龙果 ","41.9"),
(null,"img/imported-1.jpg","泰国金枕头榴莲","118.0"),
(null,"img/imported-3.jpg","澳洲混合桉树蜂蜜","99.0"),
(null,"img/imported-4.jpg","马来西亚白咖啡","65.00"),
(null,"img/imported-2.jpg","爱伦蒂全脂纯牛奶","65.00"),
(null,"img/imported-39.jpg","西班牙特级橄榄油","65.00"),
(null,"img/imported-12.jpg","越南白心火龙果 ","41.9"),
(null,"img/imported-13.jpg","马来西亚白咖啡 ","41.9"),
(null,"img/imported-19.jpg","澳洲混合桉树蜂蜜 ","41.9"),
(null,"img/imported-7.jpg","泰国金枕头榴莲 ","41.9"),
(null,"img/imported-3.jpg","越南白心火龙果 ","41.9"),
(null,"img/imported-15.jpg","爱伦蒂全脂纯牛奶 ","41.9"),
(null,"img/imported-2.jpg","西班牙特级橄榄油 ","41.9"),
(null,"img/imported-17.jpg","越南白心火龙果 ","41.9");
<?php
$conn=mysqli_connect("127.0.0.1","root","","hxf");
$sql="set names utf8";
mysqli_query($conn,$sql);
$sql="select count(1) as number from hxfimported";
$result=mysqli_query($conn,$sql);
$data = mysqli_fetch_array($result);
$count = $data['number'];
$len=rand(0,$count-6);
$sql="select pic,pname,price from hxfimported limit $len,6";
$result=mysqli_query($conn,$sql);
$list=array();
if($result==false){
echo "$len";
}else{
while(($row=mysqli_fetch_assoc($result))!=null){
$list[]=$row;
}
}
echo json_encode($list); ?>
<div class="imported-food common">
<div class="weui-panel weui-panel_access">
<a href="importedFoods.html">
<div class="weui-panel__hd"><p class="item-title">进口食品<span class="weui-cell-ft"></span></p></div>
<div class="weui-panel__bd">
<div class="weui-media-box weui-media-box_text">
<p class="weui-media-box__desc"><img src="img/imported-food-header.jpg" alt="" /></p>
</div>
</div>
</a>
<div class="weui-grids"> </div>
</div>
</div>
$.getJSON("hxfimported.php",{},function(data){
var _html="";
$.each(data,function(i,item){
_html+=`<a href="local-${i+1}.html" class="weui-grid">
<div class="weui-grid__icon">
<img src="${item.pic}" alt="">
</div>
<p class="weui-grid__label">${item.pname}</p>
<p class="weui-grid__price">¥${item.price}</p>
</a>`
})
$('.imported-food .weui-grids').append(_html);
});

利用mysql查询总数据条数,再php处理数据转出数组,生成随机返回到页面,可以做成刷新页面,出现不同的内容的更多相关文章

  1. 关于mysql查询最近一条记录

    关于mysql查询最近一条记录 最近项目中遇到需要查询记录当前时间最近的一条记录的问题,开始感觉无从下手,后来逐步发现了三种解决方案. 下策——查询出结果后将时间排序后取第一条 select * fr ...

  2. mysql 查询某个日期时间段,每天同一时间段的数据

    mysql 查询某个日期时间段,每天同一时间段的数据: SELECT * FROM t_a01_eltable WHERE DATE_FORMAT(acqtime,'%Y-%m-%d')>='2 ...

  3. [mysql] 查询前几条记录

    From: http://www.cnblogs.com/xuxm2007/archive/2010/11/16/1878211.html SELECT   *   FROM   table   LI ...

  4. MySQL查询上一条记录和下一条记录

    如果ID是主键或者有索引,可以直接查找: 方法一: 查询上一条记录的SQL语句(如果有其他的查询条件记得加上other_conditions以免出现不必要的错误): select * from tab ...

  5. mybatis一对多根据条件查询的查条数

    一对多写了mapper映射之后 根据条件查条数 可以根据主表的唯一id进行分组 在拿到它的count select count(0) over(aa.id),,id,name,age from tab ...

  6. mysql查询前几条记录

    #My SQL 取前多少条select * from table LIMIT 5,10; #返回第6-15行数据 select * from table LIMIT 5; #返回前5行 select ...

  7. MySQL查询今天/本周/上周/本月/上个月份的数据

    MySQL查询的方式很多,下面为您介绍的MySQL查询实现的是查询本周.上周.本月.上个月份的数据,如果您对MySQL查询方面感兴趣的话,不妨一看. 查询当前今天的数据 SELECT name,sub ...

  8. Mysql查询某个月的每一天的数据

    需求:查询最近三个月的每一天的业绩总和 因为最近三个月每个月的天数是不一样,所以不能用这篇文章:Mysql查询最近30天的数据(每天的业绩总和数据) 介绍的用固定多少天去查数据.需要一个新方法. 一. ...

  9. 数据多js平均时间取固定条数展示,echarts数据多处理数据

    js代码: function getfailurerate(start,end,ip) { $.ajax( { url : "report/getvirtual.action", ...

随机推荐

  1. jQuery标准的AJAX模板

    $('#saveInformationTemplate_button').on('click', function(){ if(isEmpty($("#name").val())) ...

  2. 敏捷转型历程 - Sprint3 回顾会

    我: Tech Leader 团队:团队成员分布在两个城市,我所在的城市包括我有4个成员,另外一个城市包括SM有7个成员.另外由于我们的BA离职了,我暂代IT 的PO 职位.PM和我在一个城市,但他不 ...

  3. atitit.管理学三大定律:彼得原理、墨菲定律、帕金森定律

    atitit.管理学三大定律:彼得原理.墨菲定律.帕金森定律 彼得原理(The Peter Principle) 1 彼得原理解决方案1 帕金森定律 2 如何理解墨菲定律2 彼得原理(The Pete ...

  4. Mysql - 游标/动态sql/事务

    游标这个在我目前的项目里面用的还不多, 但是其功能还是很强大的. 动态sql以前都没用过, 是跟着富士康(不是张全蛋的富土康哦)过来的同事学的. 还是挺好用的. 我的数据库方面, 跟他学了不少. 在此 ...

  5. 希尔排序(java)

    时间复杂度为O( n^(3/2) )不是一个稳定的排序算法 如何看一个算法是否稳定:{("scala",12),("python",34),("c++ ...

  6. BZOJ3198[SDOI2013]SPRING

    Description Input Output Sample Input 3 3 1 2 3 4 5 6 1 2 3 0 0 0 0 0 0 4 5 6 Sample Output 2 HINT 题 ...

  7. 基于Node.js实现一个小小的爬虫

    以前一直听说有爬虫这种东西,稍微看了看资料,貌似不是太复杂. 正好了解过node.js,那就基于它来个简单的爬虫. 1.本次爬虫目标: 从拉钩招聘网站中找出“前端开发”这一类岗位的信息,并作相应页面分 ...

  8. MonoDevelop 4.0.9 on CentOS 6.3 安装笔记

    前言 Mono的前东家Novell公司旗下的SUSE Linux系列对Mono及MonoDevelop提供内置支持,所以在SUSE/OpenSUSE这些Linux系统中安装MonoDevelop是非常 ...

  9. 在ASP.NET MVC 4 on Mono中使用OracleClient in CentOS 6.x的问题记录

    在ASP.NET MVC 4 on Mono中使用OracleClient in CentOS 6.x的问题记录 前言 最近有个Web项目,业务功能不复杂,但是这个客户(某政府部门)有两个硬性要求:1 ...

  10. P/Invoke:C#调用C++

    P/Invoke的全称是Platform Invoke (平台调用) 它实际上是一种函数调用机制通 过P/Invoke我们就可以调用非托管DLL中的函数. P/Invoke依次执行以下操作: 1. 查 ...