Heim Backend-Entwicklung PHP-Tutorial PHP+MySQL+jQuery打造自己的微博程序_PHP教程

PHP+MySQL+jQuery打造自己的微博程序_PHP教程

Jul 13, 2016 pm 05:42 PM
persönlich Center Kann existieren 微博 uns 打造 新浪 程序 netto eigen

  我们在QQ个人中心或者新浪微博等网站上可以看到一个发表话题的应用。该应用实现了即时统计输入字数,并且通过Ajax与后台交互,将输入内容插入到话题列表中。本文讲解第一部分jQuery实现前端交互操作。

  

图例

 

  XHTML代码

 

<ol class="dp-xml">
<li class="alt"><span><span class="tag"><span class="tag-name">form</span><span> </span><span class="attribute">id</span><span>=</span><span class="attribute-value">"myform"</span><span> </span><span class="attribute">action</span><span>=</span><span class="attribute-value">"say.php"</span><span> </span><span class="attribute">method</span><span>=</span><span class="attribute-value">"post"</span><span class="tag">></span><span>        </span></span></span></li>
<li>
<span>    </span><span class="tag"><span class="tag-name">h3</span><span class="tag">></span><span class="tag"><span class="tag-name">span</span><span> </span><span class="attribute">class</span><span>=</span><span class="attribute-value">"counter"</span><span class="tag">></span><span>140</span><span class="tag"></span><span class="tag-name">span</span><span class="tag">></span><span>说说你正在做什么...</span><span class="tag"></span><span class="tag-name">h3</span><span class="tag">></span><span>        </span></span></span>
</li>
<li class="alt">
<span>    </span><span class="tag"><span class="tag-name">textarea</span><span> </span><span class="attribute">name</span><span>=</span><span class="attribute-value">"saytxt"</span><span> </span><span class="attribute">id</span><span>=</span><span class="attribute-value">"saytxt"</span><span> </span><span class="attribute">class</span><span>=</span><span class="attribute-value">"input"</span><span> </span><span class="attribute">rows</span><span>=</span><span class="attribute-value">"2"</span><span> </span><span class="attribute">cols</span><span>=</span><span class="attribute-value">"40"</span><span class="tag">></span><span class="tag"></span><span class="tag-name">textarea</span><span class="tag">></span><span>        </span></span>
</li>
<li>
<span>    </span><span class="tag"><span class="tag-name">p</span><span class="tag">></span><span>           </span></span>
</li>
<li class="alt">
<span>       </span><span class="tag"><span class="tag-name">input</span><span> </span><span class="attribute">type</span><span>=</span><span class="attribute-value">"image"</span><span> </span><span class="attribute">src</span><span>=</span><span class="attribute-value">"images/btn.gif"</span><span> </span><span class="attribute">class</span><span>=</span><span class="attribute-value">"sub_btn"</span><span> </span><span class="attribute">alt</span><span>=</span><span class="attribute-value">"发布"</span><span> </span><span class="tag">/></span><span>           </span></span>
</li>
<li>
<span>       </span><span class="tag"><span class="tag-name">span</span><span> </span><span class="attribute">id</span><span>=</span><span class="attribute-value">"msg"</span><span class="tag">></span><span class="tag"></span><span class="tag-name">span</span><span class="tag">></span><span>        </span></span>
</li>
<li class="alt">
<span>    </span><span class="tag"></span><span class="tag-name">p</span><span class="tag">></span><span>     </span>
</li>
<li>
<span class="tag"></span><span class="tag-name">form</span><span class="tag">></span><span>     </span>
</li>
<li class="alt"><span class="tag"><span class="tag-name">div</span><span> </span><span class="attribute">class</span><span>=</span><span class="attribute-value">"clear"</span><span class="tag">></span><span class="tag"></span><span class="tag-name">div</span><span class="tag">></span><span>     </span></span></li>
<li><span class="tag"><span class="tag-name">div</span><span> </span><span class="attribute">id</span><span>=</span><span class="attribute-value">"saywrap"</span><span class="tag">></span><span>         </span></span></li>
<li class="alt">
<span>     </span><span class="tag"><span class="tag-name">div</span><span> </span><span class="attribute">class</span><span>=</span><span class="attribute-value">"saylist"</span><span class="tag">></span><span>            </span></span>
</li>
<li>
<span>        </span><span class="tag"><span class="tag-name">a</span><span> </span><span class="attribute">href</span><span>=</span><span class="attribute-value">"#"</span><span class="tag">></span><span class="tag"><span class="tag-name">img</span><span> </span><span class="attribute">src</span><span>=</span><span class="attribute-value">"images/user.gif"</span><span> </span><span class="attribute">alt</span><span>=</span><span class="attribute-value">""</span><span> </span><span class="tag">/></span><span class="tag"></span><span class="tag-name">a</span><span class="tag">></span><span>            </span></span></span>
</li>
<li class="alt">
<span>        </span><span class="tag"><span class="tag-name">div</span><span> </span><span class="attribute">class</span><span>=</span><span class="attribute-value">"saytxt"</span><span class="tag">></span><span>               </span></span>
</li>
<li>
<span>            </span><span class="tag"><span class="tag-name">p</span><span class="tag">></span><span class="tag"><span class="tag-name">strong</span><span class="tag">></span><span class="tag"><span class="tag-name">a</span><span> </span><span class="attribute">href</span><span>=</span><span class="attribute-value">"#"</span><span class="tag">></span><span>Demo</span><span class="tag"></span><span class="tag-name">a</span><span class="tag">></span><span class="tag"></span><span class="tag-name">strong</span><span class="tag">></span><span>发布的内容...</span><span class="tag"></span><span class="tag-name">p</span><span class="tag">></span><span>                </span></span></span></span>
</li>
<li class="alt">
<span>            </span><span class="tag"><span class="tag-name">div</span><span> </span><span class="attribute">class</span><span>=</span><span class="attribute-value">"date"</span><span class="tag">></span><span class="tag"></span><span class="tag-name">div</span><span class="tag">></span><span>            </span></span>
</li>
<li>
<span>        </span><span class="tag"></span><span class="tag-name">div</span><span class="tag">>						
<p align="left"></p>
<div style="display:none;">
<span id="url" itemprop="url">http://www.bkjia.com/PHPjc/486081.html</span><span id="indexUrl" itemprop="indexUrl">www.bkjia.com</span><span id="isOriginal" itemprop="isOriginal">true</span><span id="isBasedOnUrl" itemprop="isBasedOnUrl">http://www.bkjia.com/PHPjc/486081.html</span><span id="genre" itemprop="genre">TechArticle</span><span id="description" itemprop="description">我们在QQ个人中心或者新浪微博等网站上可以看到一个发表话题的应用。该应用实现了即时统计输入字数,并且通过Ajax与后台交互,将输入...</span>
</div>
<div class="art_confoot"></div>
</span>
</li>
</ol>
Nach dem Login kopieren
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

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
Will R.E.P.O. Crossplay haben?
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌

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)

So machen Sie Google Maps zur Standardkarte im iPhone So machen Sie Google Maps zur Standardkarte im iPhone Apr 17, 2024 pm 07:34 PM

Die Standardkarte auf dem iPhone ist Maps, Apples proprietärer Geolokalisierungsanbieter. Obwohl die Karte immer besser wird, funktioniert sie außerhalb der Vereinigten Staaten nicht gut. Im Vergleich zu Google Maps hat es nichts zu bieten. In diesem Artikel besprechen wir die möglichen Schritte, um Google Maps als Standardkarte auf Ihrem iPhone zu nutzen. So machen Sie Google Maps zur Standardkarte auf dem iPhone. Das Festlegen von Google Maps als Standardkarten-App auf Ihrem Telefon ist einfacher als Sie denken. Befolgen Sie die nachstehenden Schritte – Erforderliche Schritte – Sie müssen Gmail auf Ihrem Telefon installiert haben. Schritt 1 – Öffnen Sie den AppStore. Schritt 2 – Suchen Sie nach „Gmail“. Schritt 3 – Klicken Sie auf neben der Gmail-App

So durchsuchen Sie frühere Weibos nach Datum auf Weibo_So durchsuchen Sie frühere Weibos nach Datum auf Weibo So durchsuchen Sie frühere Weibos nach Datum auf Weibo_So durchsuchen Sie frühere Weibos nach Datum auf Weibo Mar 30, 2024 pm 07:26 PM

1. Öffnen Sie zunächst den mobilen Webbrowser, suchen Sie nach der Weibo-Webversion und klicken Sie nach der Eingabe auf die Avatar-Schaltfläche in der oberen linken Ecke. 2. Klicken Sie dann oben rechts auf Einstellungen. 3. Klicken Sie in den Einstellungen auf die Option zum Versionswechsel. 4. Wählen Sie dann im Versionsschalter die Option Farbversion aus. 5. Klicken Sie auf Suchen, um die Suchseite aufzurufen. 6. Klicken Sie nach der Eingabe der Schlüsselwörter auf „Personen suchen“. 7. Wenn die Suchabschlussoberfläche angezeigt wird, klicken Sie auf Filter. 8. Geben Sie abschließend das konkrete Datum in die Spalte „Veröffentlichungszeit“ ein und klicken Sie auf „Filter“.

So richten Sie Echtzeitbenachrichtigungen für die besondere Aufmerksamkeit von Weibo ein_So richten Sie Echtzeitbenachrichtigungen für die besondere Aufmerksamkeit von Weibo ein So richten Sie Echtzeitbenachrichtigungen für die besondere Aufmerksamkeit von Weibo ein_So richten Sie Echtzeitbenachrichtigungen für die besondere Aufmerksamkeit von Weibo ein Mar 29, 2024 pm 10:01 PM

1. Öffnen Sie Weibo, klicken Sie auf „Mein“ und dann auf die Option „Einstellungen“ in der oberen rechten Ecke. 2. Suchen Sie nach dem Öffnen der Einstellungen nach den darin enthaltenen Push-Benachrichtigungseinstellungen und klicken Sie darauf. 3. Suchen Sie nach Eingabe der Push-Benachrichtigungseinstellungen nach „Besonderes Interesse“ und klicken Sie auf „Echtzeitbenachrichtigung“.

So entsperren Sie jemanden, der auf Weibo blockiert ist_So entsperren Sie Weibo So entsperren Sie jemanden, der auf Weibo blockiert ist_So entsperren Sie Weibo Mar 30, 2024 am 09:51 AM

1. Klicken Sie unten rechts in der Weibo-App auf [Mein], um Ihre persönliche Homepage aufzurufen. 2. Klicken Sie dann auf das Zahnradsymbol in der oberen rechten Ecke. 3. Zu diesem Zeitpunkt rufen wir die Einstellungsseite auf. Wählen Sie hier [Blockeinstellungen] aus, um sie aufzurufen. 4. In den Blockierungseinstellungen können wir die von uns blockierten Freunde sehen, darauf tippen und in den Popup-Optionen auf [Entsperren] klicken. 5. Oder Benutzer können direkt nach Weibo-Benutzern suchen, um die blockierte Benutzer-Homepage aufzurufen, und oben rechts auf [...] klicken, um die schwarze Liste zu entfernen.

Uhr-App fehlt im iPhone: So beheben Sie das Problem Uhr-App fehlt im iPhone: So beheben Sie das Problem May 03, 2024 pm 09:19 PM

Fehlt die Uhr-App auf Ihrem Telefon? Datum und Uhrzeit werden weiterhin in der Statusleiste Ihres iPhones angezeigt. Ohne die Uhr-App können Sie jedoch die Weltzeituhr, die Stoppuhr, den Wecker und viele andere Funktionen nicht nutzen. Daher sollte die Reparatur der fehlenden Uhr-App ganz oben auf Ihrer To-Do-Liste stehen. Diese Lösungen können Ihnen bei der Lösung dieses Problems helfen. Lösung 1 – Platzieren Sie die Uhr-App. Wenn Sie versehentlich die Uhr-App von Ihrem Startbildschirm entfernt haben, können Sie die Uhr-App wieder an ihrem Platz platzieren. Schritt 1 – Entsperren Sie Ihr iPhone und wischen Sie nach links, bis Sie zur Seite „App-Bibliothek“ gelangen. Schritt 2 – Suchen Sie als Nächstes im Suchfeld nach „Uhr“. Schritt 3 – Wenn Sie unten in den Suchergebnissen „Uhr“ sehen, halten Sie die Taste und gedrückt

So löschen Sie die Entwurfsbox von „Weibo'_Tutorial zum Löschen der Entwurfsbox von „Weibo' So löschen Sie die Entwurfsbox von „Weibo'_Tutorial zum Löschen der Entwurfsbox von „Weibo' Mar 30, 2024 pm 12:46 PM

1. Öffnen Sie zunächst Weibo, klicken Sie auf „Mein“ und dann auf das Entwurfsfeld. 2. Drücken Sie dann lange auf einen Entwurf und klicken Sie, um das Entwurfsfeld zu leeren oder den Entwurf zu löschen. 3. Klicken Sie abschließend auf OK.

So deaktivieren Sie den Weibo-Live-Modus_So deaktivieren Sie den Weibo-Live-Modus So deaktivieren Sie den Weibo-Live-Modus_So deaktivieren Sie den Weibo-Live-Modus Mar 30, 2024 am 10:16 AM

1. Öffnen Sie zunächst Weibo, klicken Sie auf „Suchen“ und dann auf „Weitere aktuelle Suchanfragen“. 2. Wählen Sie dann eine Schnellsuche zur Eingabe aus. 3. Rufen Sie dann den Live-Modus für Hot Search-Kommentare auf, suchen Sie die Standardversion in der oberen rechten Ecke und klicken Sie darauf. 4. Abschließend können Sie zum Standard-Kommentarbereich der Hot-Suche zurückkehren. Wenn Sie weiterhin den Live-Kommentarbereich anzeigen möchten, klicken Sie auf die Live-Version in der oberen rechten Ecke. Hinweis: Nur wenn viele Echtzeitkommentare vorhanden sind, wird automatisch in den Live-Modus gewechselt. Einige Hot-Suchen gelangen automatisch in den Live-Modus. Im Allgemeinen finden Direktsuchen im Standardmodus statt.

So posten Sie Videos auf Weibo, ohne die Bildqualität zu komprimieren_So posten Sie Videos auf Weibo, ohne die Bildqualität zu komprimieren So posten Sie Videos auf Weibo, ohne die Bildqualität zu komprimieren_So posten Sie Videos auf Weibo, ohne die Bildqualität zu komprimieren Mar 30, 2024 pm 12:26 PM

1. Öffnen Sie zunächst Weibo auf Ihrem Mobiltelefon und klicken Sie unten rechts auf [Ich] (wie im Bild gezeigt). 2. Klicken Sie dann oben rechts auf [Zahnrad], um die Einstellungen zu öffnen (wie im Bild gezeigt). 3. Suchen und öffnen Sie dann [Allgemeine Einstellungen] (wie im Bild gezeigt). 4. Geben Sie dann die Option [Video Follow] ein (wie im Bild gezeigt). 5. Öffnen Sie dann die Einstellung [Video-Upload-Auflösung] (wie im Bild gezeigt). 6. Wählen Sie abschließend [Originalbildqualität] aus, um eine Komprimierung zu vermeiden (wie im Bild gezeigt).

See all articles