Inhaltsverzeichnis
博友界面
Heim Backend-Entwicklung PHP-Tutorial 关于php,mysql,html的数字分页和文本分页的两种分页样式供大家参考_PHP教程

关于php,mysql,html的数字分页和文本分页的两种分页样式供大家参考_PHP教程

Jul 13, 2016 am 10:28 AM
样式

请勿盗版,转载请加上出处http://blog.csdn.net/yanlintao1

请勿盗版,转载请加上出处http://blog.csdn.net/yanlintao1

首先进行样式展示希望对大家有所帮助,也希望大家给出意见和建议:

第一种:数字分页

\

第二种:为文本分页

\


php分页函数(我写在下面引入的common.inc.php公共文件中):

/*
 *_page()分页的相关参数
 *@param int $_pagesize 每页存有几个好友
 *@param $_sql 获取所有字段
 * */
function _page($_sql,$_size){
    global $_pagenum,$_pagesize,$_pageabsolute,$_num,$_page;
    //分页模块以及容错处理
    //第几页
    if(isset( $_GET['page'])){
        $_page = $_GET['page'];
        if(empty($_page)||$_page<0||!is_numeric($_page)){
            $_page = 1;
        }else{
            $_page = intval($_page);
        }
    }else{
        $_page = 1;
    }
    //每页有几个好友
    $_pagesize = $_size;
    //得到所有数据综合
    $_num = _num_rows(_query($_sql));
    //ceil见大于等于1就进位,计算有多少页
    if($_num == 0){
        $_pageabsolute = 1;
    }else{
        $_pageabsolute = ceil($_num/$_pagesize);
    }
    if($_page>$_pageabsolute){
        $_page=$_pageabsolute;
    }
    //从数据库的第几条数据开始
    $_pagenum = ($_page-1)*$_pagesize;
}
/*
 * _paging分页函数
 * @access public 表示函数对外公开
 * @param int $_type 若为1则按数字分页,若为2按文本形式分页
 * $_pageabsolute 共多少页
 * $_page 第几页
 * $_num 一共有多少条数据
* */
function _paging($_type){
    global $_pageabsolute,$_page,$_num;
    if($_type==1){
        echo &#39;<div id="page_num">&#39;;
        echo &#39;<ul>&#39;;       
        for($i=0;$i<$_pageabsolute;$i++){
            if($_page==($i+1)){
                echo &#39;<li>&#39;.($i+1).&#39;</li>&#39;;
            }else{
                echo &#39;<li>&#39;.($i+1).&#39;</li>&#39;;
            }
        }
        echo &#39;</ul>&#39;;
        echo &#39;</div>&#39;;
    }elseif($_type==2){
       echo &#39;<div id="page_text">&#39;;
       echo &#39;<ul>&#39;;
       echo &#39;<li>&#39;.$_page.&#39;/&#39;.$_pageabsolute.&#39;页    |</li>&#39;;
       echo &#39;<li>共有<strong>&#39;.$_num.&#39;</strong>条数据    |</li>&#39;; 
       if($_page==1){
           echo &#39;<li>首页    |</li>&#39;;
           echo &#39;<li>下一页    |    </li>&#39;;
           echo &#39;<li>尾页    |    </li>&#39;;
       }elseif($_page==$_pageabsolute){
           echo &#39;<li>首页    |    </li>&#39;;                   	   
           echo &#39;<li>上一页    |    </li>&#39;;
           echo &#39;<li>尾页    |</li>&#39;;
       }else{
           echo &#39;<li>首页    |    </li>&#39;;
           echo &#39;<li>上一页    |    </li>&#39;;
           echo &#39;<li>下一页    |    </li>&#39;;
           echo &#39;<li>尾页    |    </li>&#39;;
        }             
        echo &#39;</ul>&#39;;  
        echo &#39;</div>&#39;;
        
    }
}
Nach dem Login kopieren

html代码:

*/
//引入公共文件
require &#39;./includer/common.inc.php&#39;;
//分页模块,第一个参数获取总条数,第二个参数获得每页有几个好友
global $_pagenum,$_pagesize;
_page("SELECT tg_id FROM tg_guest", 2);
//从数据库中取数据,按照注册时间顺序排列
$_result = _query("SELECT tg_username,tg_sex,tg_face,tg_id FROM tg_guest ORDER BY tg_reg_time DESC LIMIT $_pagenum,$_pagesize");
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>博友</title>
  <?php 
    require ROOT_PATH.&#39;includer/title.inc.php&#39;;
  ?> 
  <script type="text/javascript" src="js/blog_message.js"></script>
</head>
<body>

   <?php 
    require ROOT_PATH.&#39;includer/header.inc.php&#39;;
  ?>
    <div id="blog">
       <h2 id="博友界面">博友界面</h2>
       <?php 
       while(!!$_rows=_fetch_array_list($_result,MYSQL_ASSOC)){
           $_html = array();
           $_html[&#39;tg_username&#39;] = $_rows[&#39;tg_username&#39;];
           $_html[&#39;tg_face&#39;] = $_rows[&#39;tg_face&#39;];
           $_html[&#39;tg_sex&#39;] = $_rows[&#39;tg_sex&#39;];
           $_html[&#39;tg_id&#39;] = $_rows[&#39;tg_id&#39;];
           $_html = _html($_html);
        ?>
       <dl>
           <dt class="user"><?php echo $_html[&#39;tg_username&#39;]?>(<?php echo $_html[&#39;tg_sex&#39;]?>)</dt>
           <dt><img  src="http://blog.csdn.net/yanlintao1/article/details/<?php echo $_html['tg_face']? alt="关于php,mysql,html的数字分页和文本分页的两种分页样式供大家参考_PHP教程" >" alt="<?php echo $_html[&#39;tg_username&#39;]?>"></img></dt>
           <dd class="message">">发消息</dd>
           <dd class="friend">加好友</dd>
           <dd class="guest">写留言</dd>
           <dd class="flower">送鲜花</dd>      
       </dl>  
       <?php }?>
       <?php 
           //销毁结果集
           _free_result($_result);
           //1为数字分页,2为文本分页
           _paging(2);
       ?>
    </div>
   <?php 
    require ROOT_PATH.&#39;includer/footer.inc.php&#39;;    
  ?>

</body>
Nach dem Login kopieren
请勿盗版,转载请加上出处http://blog.csdn.net/yanlintao1

www.bkjia.comtruehttp://www.bkjia.com/PHPjc/802114.htmlTechArticle请勿盗版,转载请加上出处http://blog.csdn.net/yanlintao1 请勿盗版,转载请加上出处http://blog.csdn.net/yanlintao1 首先进行样式展示希望对大家有所帮...
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Java-Tutorial
1662
14
PHP-Tutorial
1262
29
C#-Tutorial
1235
24
macOS: So ändern Sie die Farbe von Desktop-Widgets macOS: So ändern Sie die Farbe von Desktop-Widgets Oct 07, 2023 am 08:17 AM

In macOS Sonoma müssen Widgets nicht wie in früheren Versionen von Apples macOS außerhalb des Bildschirms ausgeblendet oder im Benachrichtigungscenter vergessen werden. Stattdessen können sie direkt auf dem Desktop Ihres Mac platziert werden – sie sind auch interaktiv. Bei Nichtgebrauch verschwinden macOS-Desktop-Widgets in einem monochromen Stil im Hintergrund, wodurch Ablenkungen reduziert werden und Sie sich auf die aktuelle Aufgabe in der aktiven Anwendung oder im aktiven Fenster konzentrieren können. Wenn Sie jedoch auf den Desktop klicken, kehren sie zur Vollfarbe zurück. Wenn Sie ein tristes Aussehen bevorzugen und diesen Aspekt der Einheitlichkeit auf Ihrem Desktop beibehalten möchten, gibt es eine Möglichkeit, es dauerhaft zu machen. Die folgenden Schritte zeigen, wie es gemacht wird. Öffnen Sie die Systemeinstellungen-App

Leitfaden zum Beheben von Fehlausrichtungen von WordPress-Webseiten Leitfaden zum Beheben von Fehlausrichtungen von WordPress-Webseiten Mar 05, 2024 pm 01:12 PM

Leitfaden zum Beheben falsch ausgerichteter WordPress-Webseiten. Bei der Entwicklung von WordPress-Websites stoßen wir manchmal auf falsch ausgerichtete Webseitenelemente. Dies kann an Bildschirmgrößen auf verschiedenen Geräten, Browserkompatibilität oder falschen CSS-Stileinstellungen liegen. Um diese Fehlausrichtung zu beheben, müssen wir das Problem sorgfältig analysieren, mögliche Ursachen finden und es Schritt für Schritt debuggen und reparieren. In diesem Artikel werden einige häufig auftretende Probleme mit der Fehlausrichtung von WordPress-Webseiten sowie entsprechende Lösungen vorgestellt und spezifische Codebeispiele bereitgestellt, die bei der Entwicklung helfen

CSS-Webhintergrundbilddesign: Erstellen Sie verschiedene Hintergrundbildstile und -effekte CSS-Webhintergrundbilddesign: Erstellen Sie verschiedene Hintergrundbildstile und -effekte Nov 18, 2023 am 08:38 AM

CSS-Webseiten-Hintergrundbilddesign: Erstellen Sie verschiedene Hintergrundbildstile und -effekte. Es sind spezifische Codebeispiele erforderlich. Zusammenfassung: Im Webdesign sind Hintergrundbilder ein wichtiges visuelles Element, das die Attraktivität und Lesbarkeit der Seite effektiv verbessern kann. In diesem Artikel werden einige gängige Designstile und -effekte für CSS-Hintergrundbilder vorgestellt und entsprechende Codebeispiele bereitgestellt. Leser können diese Hintergrundbildstile und -effekte entsprechend ihren eigenen Bedürfnissen und Vorlieben auswählen und anwenden, um bessere visuelle Effekte und ein besseres Benutzererlebnis zu erzielen. Schlüsselwörter: CSS, Hintergrundbild, Designstil, Effekt, Codedarstellung

Verwenden Sie den Pseudoklassenselektor :nth-last-child(2), um den Stil des vorletzten untergeordneten Elements auszuwählen Verwenden Sie den Pseudoklassenselektor :nth-last-child(2), um den Stil des vorletzten untergeordneten Elements auszuwählen Nov 20, 2023 am 11:22 AM

Verwenden Sie den Pseudoklassenselektor :nth-last-child(2), um den Stil des vorletzten untergeordneten Elements auszuwählen. In CSS ist der Pseudoklassenselektor ein sehr leistungsfähiges Werkzeug, das zur Auswahl verwendet werden kann die spezifischen Elemente. Einer davon ist der Pseudoklassenselektor :nth-last-child(2), der das vorletzte untergeordnete Element auswählt und Stile darauf anwendet. Erstellen wir zunächst ein Beispiel-HTML-Dokument, damit wir diesen Pseudoklassenselektor darin verwenden können. von

CSS-Texteffekte: Fügen Sie dem Text verschiedene Spezialeffekte und Stile hinzu CSS-Texteffekte: Fügen Sie dem Text verschiedene Spezialeffekte und Stile hinzu Nov 18, 2023 am 10:30 AM

CSS-Texteffekte: Das Hinzufügen verschiedener Spezialeffekte und Stile zu Text erfordert spezifische Codebeispiele. 1. Einführung Im Webdesign ist Text ein unverzichtbarer Bestandteil. Durch das Hinzufügen von Spezialeffekten und Stilen zum Text können Sie die Seite lebendiger und interessanter gestalten und das Leseerlebnis des Benutzers verbessern. In diesem Artikel werden einige gängige CSS-Texteffekte vorgestellt und entsprechende Codebeispiele zum Nachschlagen und Lernen der Leser bereitgestellt. 2. Textfarbe Die Textfarbe ist einer der grundlegendsten Texteffekte. Durch Festlegen der Farbeigenschaft können Sie die Farbe des Texts ändern. Hier ist ein Beispiel

Verwenden Sie den Pseudoklassenselektor :root, um den Stil des Stammelements des Dokuments auszuwählen Verwenden Sie den Pseudoklassenselektor :root, um den Stil des Stammelements des Dokuments auszuwählen Nov 20, 2023 pm 02:18 PM

Die Verwendung des Pseudoklassenselektors :root zum Auswählen des Stils des Stammelements des Dokuments erfordert bestimmte Codebeispiele. In CSS können wir den Pseudoklassenselektor :root verwenden, um das Stammelement des Dokuments auszuwählen und einen bestimmten Stil anzugeben dafür. Der :root-Pseudoklassenselektor entspricht in den meisten Fällen der Auswahl von HTML-Elementen. Wenn jedoch ein Namespace im Dokument vorhanden ist, wählt der :root-Pseudoklassenselektor das Stammelement des Standard-Namespace aus. Hier ist ein konkretes Codebeispiel, das zeigt, wie der Pseudoklassenselektor :root verwendet wird, um das Stammelement des Dokuments auszuwählen.

CSS-Webnavigationsleistendesign: Erstellen verschiedener Navigationsleistenstile CSS-Webnavigationsleistendesign: Erstellen verschiedener Navigationsleistenstile Nov 18, 2023 pm 04:41 PM

CSS-Webnavigationsleistendesign: Um verschiedene Navigationsleistenstile zu erstellen, sind spezifische Codebeispiele erforderlich. Die Navigationsleiste ist eine der wichtigsten Komponenten im Webdesign. Sie erleichtert Benutzern nicht nur das Durchsuchen verschiedener Seiten der Website klare Anleitung zur Website-Struktur. Beim Entwerfen einer Navigationsleiste stehen wir häufig vor dem Problem, eine Navigationsleiste zu erstellen, die sowohl schön als auch funktional ist. In diesem Artikel werden einige gängige Entwurfsmethoden für CSS-Navigationsleisten vorgestellt und entsprechende Codebeispiele bereitgestellt, um den Lesern zu helfen, sie besser zu verstehen und anzuwenden. Grundlegende Navigationsleiste Die grundlegende Navigationsleiste ist am gebräuchlichsten

Front-End- und Back-End-Verantwortlichkeiten und Qualifikationsanforderungen Front-End- und Back-End-Verantwortlichkeiten und Qualifikationsanforderungen Mar 25, 2024 pm 07:00 PM

Front-End und Back-End sind zwei unverzichtbare Teile der Softwareentwicklung und bringen jeweils unterschiedliche Verantwortlichkeiten und Qualifikationsanforderungen mit sich. In diesem Artikel werden die Arbeitsinhalte und Anforderungen von Front-End- und Back-End-Entwicklungsingenieuren in Bezug auf Verantwortlichkeiten und Fähigkeiten untersucht. 1. Verantwortlichkeiten und Qualifikationsanforderungen von Front-End-Ingenieuren Front-End-Ingenieure sind für die Implementierung von Benutzeroberflächen und interaktiven Funktionen verantwortlich und müssen die folgenden Verantwortlichkeiten und Qualifikationsanforderungen erfüllen: Implementierung des Benutzeroberflächendesigns für Websites oder Anwendungen gute visuelle Effekte und interaktive Erfahrung; Arbeiten Sie eng mit UI/UX-Designern zusammen, um Designentwürfe in umzusetzen

See all articles