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 radio的取值与赋值

    取值: $("input[name='radioName']:checked").val(); 赋值: $("input[name='radioName'][value= ...

  2. To Java程序员:切勿用普通for循环遍历LinkedList

    ArrayList与LinkedList的普通for循环遍历 对于大部分Java程序员朋友们来说,可能平时使用得最多的List就是ArrayList,对于ArrayList的遍历,一般用如下写法: p ...

  3. 【Java并发编程实战】-----“J.U.C”:ReentrantReadWriteLock

    ReentrantLock实现了标准的互斥操作,也就是说在某一时刻只有有一个线程持有锁.ReentrantLock采用这种独占的保守锁直接,在一定程度上减低了吞吐量.在这种情况下任何的"读/ ...

  4. ABP源码分析七:Setting 以及 Mail

    本文主要说明Setting的实现以及Mail这个功能模块如何使用Setting. 首先区分一下ABP中的Setting和Configuration. Setting一般用于需要通过外部配置文件(或数据 ...

  5. exportfs 入门/ 错误

    exportfs -uv 不能卸载, exportfs -au 才可以 ================================================================ ...

  6. 微信小程序开发调试工具

    为了帮助开发者简单和高效地开发微信小程序,我们推出了全新的 开发者工具 ,集成了开发调试.代码编辑及程序发布等功能. 扫码登录 启动工具时,开发者需要使用已在后台绑定成功的微信号扫描二维码登录,后续所 ...

  7. AngularJs之三

    一.angularJs的指令模型ng-model指令 ng-model 指令 绑定 HTML 元素 到应用程序数据. 为应用程序数据提供类型验证(number.email.required).为应用程 ...

  8. PHP 面向对象编程和设计模式 (4/5) - 异常的定义、扩展及捕获

    PHP高级程序设计 学习笔记 2014.06.12 异常经常被用来处理一些在程序正常执行中遇到的各种类型的错误.比如做数据库链接时,你就要处理数据库连接失败的情况.使用异常可以提高我们程序的容错特性, ...

  9. 控制EasyUI DataGrid高度

    这次要说的是控制EasyUI的高度,平时我公司的项目,用EasyUI较多,然后datagrid这个组件是用的非常多的.平时我们都是固定高度,常见代码如下:             <table  ...

  10. 修改版: 小伙,多线程(GCD)看我就够了,骗你没好处!

    多线程(英语:multithreading),是指从软件或者硬件上实现多个线程并发执行的技术.具有多线程能力的计算机因有硬件支持而能够在同一时间执行多于一个线程,进而提升整体处理性能.具有这种能力的系 ...