草庐IT

php - 来自数据库jquery的字母表 Accordion

coder 2023-10-20 原文

所以我想做的是使用 Accordion 按字母顺序显示数据库中的数据。这是我的代码:

<head>
    <title>HeadCount - Create New Project</title>
    <link href="jquery-ui/jquery-ui.css" rel="stylesheet" />
    <script src="jquery-ui/jquery.js"></script>
    <script src="jquery-ui/jquery-ui.js"></script>
    <script>
        $(document).ready(function(){
            $("#myAccordion"). accordion({heightStyle:"content"});
            $(".source li").draggable({helper:"clone"});
            $("#cart").droppable({drop:function(event,ui){
                $("#items").append($("<li></li>").text(ui.draggable.text()));
            }});
        });
    </script>
    <style>
        #myAccordion
        {
            width:400px;
            float:left;
            margin:25px;
        }
        li
        {
            margin-top:5px;
        }
        #cart
        {
            width:300px;
            height:400px;
            border:2px solid black;
            float:left;
        }
    </style>
    <?php
        $servername = "localhost";
        $username = "root";
        $password = "";
        $dbname = "users";

        // Create connection
        $conn = new mysqli($servername, $username, $password, $dbname);
        // Check connection
        if ($conn->connect_error) {
             die("Connection failed: " . $conn->connect_error);
        } 
    ?>      
</head>
<body>

    <h2>Items</h2>
    <div id="myAccordion">
        <?php for($i=321; $i<347; $i++)
            {
                echo "<h3>".chr($i)."</h3>";
                echo '<ul class="source">'; 
                    $sql = "SELECT username FROM user WHERE username LIKE '".chr($i+32)."%' ";
                    $result = $conn->query($sql);       
                    if ($result->num_rows > 0) 
                    {
                         // output data of each row
                         while($row = $result->fetch_assoc()) 
                         {  
                            $name= $row["username"];    
                            echo"<li class='ui-state-highlight'>". $name ."</li>";
                            //echo "<br>". $name.  "<br>";
                         }
                    } else 
                    {
                         echo "0 results";
                    }                       
                     '</ul>';                   
            }
        ?>  
    </div>  

    <div id="cart">
        <h2>Project</h2>
        <ol id="items"></ol>
    </div>


</body>

现在我试图手动添加每个字母并从数据库中逐个字母地选择。但我想知道是否有更简单的方法来做到这一点。谢谢你的帮助。

所以在编辑代码后,它的名字是按字母排序的,但是现在它显示在同一个 Accordion 选项卡下

最佳答案

是的,你可以简单地使用一个 for 循环来完成它......像这样: 您可以使用 chr 函数来获取字符形式的字符代码。 通常;

chr(256 + 65) = A and chr(256 + 97) = a
chr(256 + 66) = B and chr(256 + 98) = b
chr(256 + 67) = C and chr(256 + 99) = c
and so on ...

所以你可以尝试这样的事情:

<?php for($i=321; $i<347;$i++){
echo "<h3>".chr($i)."</h3>";
echo '<ul class="source">';

    $sql = "SELECT username FROM user WHERE username LIKE '".chr($i+32)."%' ";
    $result = $conn->query($sql);

    if ($result->num_rows > 0) {
         // output data of each row
         while($row = $result->fetch_assoc()) 
         {  
            $name= $row["username"];    
            echo"<li class='ui-state-highlight'>". $name ."</li>";
            //echo "<br>". $name.  "<br>";
         }
    } else 
    {
         echo "0 results";
    }
?>  
</ul>

EDIT 在查看下面关于性能问题的评论后,您可以尝试以下操作:

$sql = "SELECT username FROM user ORDER BY username ASC";
$result = $conn->query($sql);
$row = mysql_fetch_row($result);
for($i=321; $i<347;$i++){
    echo "<h3>".chr($i)."</h3>";
    echo '<ul class="source">';
    foreach($row as $checkrow) {
        if($checkrow == chr(i) || $checkrow == chr(i+32)) {
            echo"<li class='ui-state-highlight'>". $checkrow ."</li>";
            unset($row[key($row)]);
        }
    }
 ?>
 </ul>     

关于php - 来自数据库jquery的字母表 Accordion ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39197894/

有关php - 来自数据库jquery的字母表 Accordion的更多相关文章

  1. ruby - 解析 RDFa、微数据等的最佳方式是什么,使用统一的模式/词汇(例如 schema.org)存储和显示信息 - 2

    我主要使用Ruby来执行此操作,但到目前为止我的攻击计划如下:使用gemsrdf、rdf-rdfa和rdf-microdata或mida来解析给定任何URI的数据。我认为最好映射到像schema.org这样的统一模式,例如使用这个yaml文件,它试图描述数据词汇表和opengraph到schema.org之间的转换:#SchemaXtoschema.orgconversion#data-vocabularyDV:name:namestreet-address:streetAddressregion:addressRegionlocality:addressLocalityphoto:i

  2. ruby-on-rails - 使用一系列等级计算字母等级 - 2

    这里是Ruby新手。完成一些练习后碰壁了。练习:计算一系列成绩的字母等级创建一个方法get_grade来接受测试分数数组。数组中的每个分数应介于0和100之间,其中100是最大分数。计算平均分并将字母等级作为字符串返回,即“A”、“B”、“C”、“D”、“E”或“F”。我一直返回错误:avg.rb:1:syntaxerror,unexpectedtLBRACK,expecting')'defget_grade([100,90,80])^avg.rb:1:syntaxerror,unexpected')',expecting$end这是我目前所拥有的。我想坚持使用下面的方法或.join,

  3. ruby - 匹配大写字母并用后续字母填充,直到一定的字符串长度 - 2

    我有一个驼峰式字符串,例如:JustAString。我想按照以下规则形成长度为4的字符串:抓取所有大写字母;如果超过4个大写字母,只保留前4个;如果少于4个大写字母,则将最后大写字母后的字母大写并添加字母,直到长度变为4。以下是可能发生的3种情况:ThisIsMyString将产生TIMS(大写字母);ThisIsOneVeryLongString将产生TIOV(前4个大写字母);MyString将生成MSTR(大写字母+tr大写)。我设法用这个片段解决了前两种情况:str.scan(/[A-Z]/).first(4).join但是,我不太确定如何最好地修改上面的代码片段以处理最后一种

  4. ruby - Ruby 有 `Pair` 数据类型吗? - 2

    有时我需要处理键/值数据。我不喜欢使用数组,因为它们在大小上没有限制(很容易不小心添加超过2个项目,而且您最终需要稍后验证大小)。此外,0和1的索引变成了魔数(MagicNumber),并且在传达含义方面做得很差(“当我说0时,我的意思是head...”)。散列也不合适,因为可能会不小心添加额外的条目。我写了下面的类来解决这个问题:classPairattr_accessor:head,:taildefinitialize(h,t)@head,@tail=h,tendend它工作得很好并且解决了问题,但我很想知道:Ruby标准库是否已经带有这样一个类? 最佳

  5. jquery - 我的 jquery AJAX POST 请求无需发送 Authenticity Token (Rails) - 2

    rails中是否有任何规定允许站点的所有AJAXPOST请求在没有authenticity_token的情况下通过?我有一个调用Controller方法的JqueryPOSTajax调用,但我没有在其中放置任何真实性代码,但调用成功。我的ApplicationController确实有'request_forgery_protection'并且我已经改变了config.action_controller.consider_all_requests_local在我的environments/development.rb中为false我还搜索了我的代码以确保我没有重载ajaxSend来发送

  6. ruby - 我如何添加二进制数据来遏制 POST - 2

    我正在尝试使用Curbgem执行以下POST以解析云curl-XPOST\-H"X-Parse-Application-Id:PARSE_APP_ID"\-H"X-Parse-REST-API-Key:PARSE_API_KEY"\-H"Content-Type:image/jpeg"\--data-binary'@myPicture.jpg'\https://api.parse.com/1/files/pic.jpg用这个:curl=Curl::Easy.new("https://api.parse.com/1/files/lion.jpg")curl.multipart_form_

  7. 世界前沿3D开发引擎HOOPS全面讲解——集3D数据读取、3D图形渲染、3D数据发布于一体的全新3D应用开发工具 - 2

    无论您是想搭建桌面端、WEB端或者移动端APP应用,HOOPSPlatform组件都可以为您提供弹性的3D集成架构,同时,由工业领域3D技术专家组成的HOOPS技术团队也能为您提供技术支持服务。如果您的客户期望有一种在多个平台(桌面/WEB/APP,而且某些客户端是“瘦”客户端)快速、方便地将数据接入到3D应用系统的解决方案,并且当访问数据时,在各个平台上的性能和用户体验保持一致,HOOPSPlatform将帮助您完成。利用HOOPSPlatform,您可以开发在任何环境下的3D基础应用架构。HOOPSPlatform可以帮您打造3D创新型产品,HOOPSSDK包含的技术有:快速且准确的CAD

  8. FOHEART H1数据手套驱动Optitrack光学动捕双手运动(Unity3D) - 2

    本教程将在Unity3D中混合Optitrack与数据手套的数据流,在人体运动的基础上,添加双手手指部分的运动。双手手背的角度仍由Optitrack提供,数据手套提供双手手指的角度。 01  客户端软件分别安装MotiveBody与MotionVenus并校准人体与数据手套。MotiveBodyMotionVenus数据手套使用、校准流程参照:https://gitee.com/foheart_1/foheart-h1-data-summary.git02  数据转发打开MotiveBody软件的Streaming,开始向Unity3D广播数据;MotionVenus中设置->选项选择Unit

  9. 使用canal同步MySQL数据到ES - 2

    文章目录一、概述简介原理模块二、配置Mysql使用版本环境要求1.操作系统2.mysql要求三、配置canal-server离线下载在线下载上传解压修改配置单机配置集群配置分库分表配置1.修改全局配置2.实例配置垂直分库水平分库3.修改group-instance.xml4.启动监听四、配置canal-adapter1修改启动配置2配置映射文件3启动ES数据同步查询所有订阅同步数据同步开关启动4.验证五、配置canal-admin一、概述简介canal是Alibaba旗下的一款开源项目,Java开发。基于数据库增量日志解析,提供增量数据订阅&消费。Git地址:https://github.co

  10. ruby-on-rails - 创建 ruby​​ 数据库时惰性符号绑定(bind)失败 - 2

    我正在尝试在Rails上安装ruby​​,到目前为止一切都已安装,但是当我尝试使用rakedb:create创建数据库时,我收到一个奇怪的错误:dyld:lazysymbolbindingfailed:Symbolnotfound:_mysql_get_client_infoReferencedfrom:/Library/Ruby/Gems/1.8/gems/mysql2-0.3.11/lib/mysql2/mysql2.bundleExpectedin:flatnamespacedyld:Symbolnotfound:_mysql_get_client_infoReferencedf

随机推荐