zoukankan      html  css  js  c++  java
  • 利用mysql查询总数据条数,再php处理数据转出数组,生成随机返回到页面,可以做成刷新页面,出现不同的内容

    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);
                });


  • 相关阅读:
    html框内文字垂直居中的方法
    关于 TensorFlow
    用windows自带的ftp.exe实现断点续传的方法
    Bat脚本处理ftp超强案例解说
    用winrar和ftp命令实现自动备份文件并自动上传到指定的ftp服务器
    在ubuntu上利用科大讯飞的SDK实现语音识别-语义识别等功能
    Linux音频编程--使用ALSA库播放wav文件
    使用iconv进行文件编码转换
    嵌入式Linux-LCD显示多行文字
    使用freetype来显示中文汉字和英文字符
  • 原文地址:https://www.cnblogs.com/li-han/p/6248673.html
Copyright © 2011-2022 走看看