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. DockerCon 2016 – 微软带来了什么?

    根据Forrester的调查,接近半数的企业CIO在考虑IT架构的时候更乐于接受开源方案,这主要是基于低成本,避免供应商锁定和敏捷的需求:同时另外一家North Bridge的调研机构的调查显示,20 ...

  2. Hadoop伪分布式集群环境搭建

    本教程讲述在单机环境下搭建Hadoop伪分布式集群环境,帮助初学者方便学习Hadoop相关知识. 首先安装Hadoop之前需要准备安装环境. 安装Centos6.5(64位).(操作系统再次不做过多描 ...

  3. 一种简单的CQRS架构设计及其实现

    一.为什么要实践领域驱动? 近一年时间我一直在思考一个问题:"如何设计一个松耦合.高伸缩性.易于维护的架构?".之所以有这样的想法是因为我接触的不少项目都是以数据库脚本来实现业务逻 ...

  4. 基于 SailingEase WinForm Framework 开发客户端程序(3:实现菜单/工具栏按钮的解耦及状态控制)

    本系列文章将详细阐述客户端应用程序的设计理念,实现方法. 本系列文章以  SailingEase WinForm Framework 为基础进行设计并实现,但其中的设计理念及方法,亦适用于任何类型的客 ...

  5. java的继承练习

     看程序写结果:    A:一个类的静态代码块,构造代码块,构造方法的执行流程    静态代码块 > 构造代码块 > 构造方法   B:静态的内容是随着类的加载而加载    静态代码块的内 ...

  6. dom 操作

    1.dom 的查找 (1)根据id 查找 var object = document.getElementById("id 值"): (2)根据 name 查找:返回 dom 对象 ...

  7. SharedPreferences 的另一种场景的用法

    SharedPreferences 的另一种场景的用法 昨天,下班在家想做什么来着,然后想用SharedPreferences存点数据,但是不知道咋地突然想到,SharedPreferences是应用 ...

  8. GitHub实战系列~4.把github里面的库克隆到指定目录+日常使用 2015-12-11

    GitHub实战系列汇总:http://www.cnblogs.com/dunitian/p/5038719.html ———————————————————————————————————————— ...

  9. MongoDB下载安装与简单增删改查

    Windows下MongoDB的安装和配置.启动和停止 下载地址:MongoDB的官方下载网址是:https://www.mongodb.org/downloads 安装步骤1. 点击下载的mongo ...

  10. Node+fs+定时器(node-schedule)+MySql

    目标:将本人写博客时候的截图保存到桌面的图片 执行保存到指定文件进行整理 并写入数据库 先看最终的目录结构: package.json文件: { "name": "zqz ...