JSP-Datenbankverbindung: Auswählen, Einfügen, Aktualisieren & Beispiel löschen

Inhaltsverzeichnis:

Anonim

Die Datenbank wird zum Speichern verschiedener Datentypen verwendet, die sehr groß sind und eine Speicherkapazität in Gigabyte haben. JSP kann sich mit solchen Datenbanken verbinden, um die Datensätze zu erstellen und zu verwalten.

In diesem Lernprogramm erfahren Sie, wie Sie eine Tabelle in der Datenbank erstellen und wie Sie Datensätze in diesen Tabellen über JSP erstellen.

In diesem Tutorial lernen Sie:

  • Tabelle erstellen
  • Datensätze erstellen
  • JSP-Vorgänge: Einfügen, Aktualisieren, Löschen, Auswählen

Tabelle erstellen

In der MYSQL-Datenbank können wir mit jedem MYSQL-Client eine Tabelle in der Datenbank erstellen.

Hier verwenden wir PHPMyadminclient und dort haben wir die Option "neu", um eine neue Tabelle mit dem folgenden Screenshot zu erstellen.

In diesem Fall müssen wir den Tabellennamen als guru_test angeben und zwei Felder erstellen: temp_id und emp_name.

Emp_idis mit Datentyp als int

Emp_name hat einen Datentyp als varchar

Eine weitere Option ist die Verwendung der Eingabeaufforderung und die Änderung des MYSQL-Verzeichnisses:

C: \>

C: \> CD-Programme \ MY SQL \ bin

C: \> Programme \ MySql \ bin>

Wir können uns wie folgt in die Datenbank einloggen:

C: \ Programme \ MYSQL \ bin> mysql -u gururoot -p

Passwort eingeben: *******

MySQL>

Erstellen Sie die Tabelle guru_test in der Datenbank mit dem Namen GuruTestas wie folgt an der MYSQL-Eingabeaufforderung:

Mysql> use GuruTest;MySql> create table guru_test(Emp_idint NOT NULL,Emp_namevarchar(11),);Once you execute this you get the following:Query OK, 0 rows affected(0.10 sec)MySQl> select * from guru_test;Query OK, 0 rows affected(0.10 sec)

Zuerst werden die Datensätze mit der INSERT- Abfrage eingefügt, und dann können wir mit der SELECT- Abfrage prüfen, ob die Tabelle erstellt wurde oder nicht.

Datensätze erstellen

Nach dem Erstellen einer Tabelle müssen wir Datensätze in die Tabelle guru_test mithilfe der Einfüge-Abfrage erstellen, die unten gezeigt wird:

Die hier eingegebenen Datensätze sind:

  • 1 und Guru emp1
  • 2 und Guru emp2
MySql>INSERT INTO `couch_tomato_db`.`guru_test` (`emp_id`, `emp_name`) VALUES ('1', 'guru emp1');Query OK, 1 row affected (0.05 sec)MySQL>INSERT INTO `couch_tomato_db`.`guru_test` (`emp_id`, `emp_name`) VALUES ('2', 'guru emp2');Query OK, 1 row affected (0.05 sec)

JSP-Vorgänge: Einfügen, Aktualisieren, Löschen, Auswählen

Mit JSP können wir mehrere Operationen in der Datenbank ausführen. Wir können die Datensätze einfügen und auch die Datensätze löschen, die nicht benötigt werden. Wenn ein Datensatz bearbeitet werden muss, können wir ein Update verwenden. Die Auswahloperation hilft beim Abrufen der erforderlichen Datensätze.

Wählen

Mit der Auswahloperation werden die Datensätze aus der Tabelle ausgewählt.

Beispiel :

In diesem Beispiel lernen wir die Auswahloperation zum Abrufen von Datensätzen aus der Tabelle guru_test kennen, die im obigen Abschnitt erstellt wurde.

<% @ page import = "java.io. *, java.util. *, java.sql. *"%><% @ page import = "javax.servlet.http. *, javax.servlet. *"%><% @ taglib uri = "http://java.sun.com/jsp/jstl/core" prefix = "c"%><% @ taglib uri = "http://java.sun.com/jsp/jstl/sql" prefix = "sql"%><% @ page language = "java" contentType = "text / html; Zeichensatz = ISO-8859-1"pageEncoding = "ISO-8859-1"%> Guru Database JSP1 </ title></ head><body><sql: setDataSource var = "snapshot" driver = "com.mysql.jdbc.Driver"url = "jdbc: mysql: // localhost / GuruTest"user = "gururoot" password = "guru" /><sql: query dataSource = "$ {snapshot}" var = "result">SELECT * von guru_test;</ sql: query><Tabelle>
<tr><th> Guru ID </ th><th> Name </ th></ tr><c: forEach var = "row" items = "$ {result.rows}">
<tr><td> <c: out value = "$ {row.emp_id}" /> </ td><td> <c: out value = "$ {row.emp_name}" /> </ td></ tr></ c: forEach></ table></ body></ html></pre>
<p><strong>Erläuterung des Codes:</strong></p>

<div id="container-5533149ee6411a5f99b370c693e87966"></div>
<p><strong>Codezeile 1:</strong> Hier importieren wir io, uti und SQL Bibliotheken von Java.</p>
<p>Codezeile <strong>3:</strong> Hier importieren wir die Kernbibliothek von JSTL und geben das Präfix als Gurucore an, um die Ausgabe zu erleichtern.</p>
<p>Codezeile <strong>4:</strong> Hier importieren wir die SQL-Bibliothek von jstl und geben ihr Präfix als gurusql an, um die SQL-Operationen auszuführen.</p>
<p>Codezeile <strong>15-17:</strong> Hier verbinden wir mit gurusql die Datenquelle, indem wir die Variable als "Guru" und den Treiber als JDBC-Treiber benennen. Fügen Sie außerdem Benutzername und Passwort mit "gururoot" und "guru" hinzu.</p>
<p><strong>Codezeile 19-21:</strong> Hier verwenden wir die SQL-Abfrage der Auswahlabfrage.</p>
<p>Codezeile <strong>31-32:</strong> Wir drucken die Ausgabe für emp id und emp name, die aus den Ergebnissen der Abfrage abgerufen werden, und drucken die Ausgabe mit foreach loop.</p>
<p>Wenn Sie den obigen Code ausführen, erhalten wir die Ausgabe wie folgt;</p>
<p><strong>Ausgabe:</strong></p>
<p>Hier werden beide Datensätze aus der Datenbank abgerufen</p>
<p>1 Guru emp1</p>
<p>2 Guru emp2</p>
<p><strong>Einfügen</strong></p>
<p>Der Einfügeoperator wird verwendet, um die Datensätze in die Datenbank einzufügen.</p>
<p><strong>Beispiel:</strong></p>
<p>In diesem Beispiel lernen wir, wie Sie die Datensätze in die Tabelle guru_test einfügen</p>

<div id="container-5533149ee6411a5f99b370c693e87966"></div>
<pre translate="no"><% @ page import = "java.io. *, java.util. *, java.sql. *"%><% @ page import = "javax.servlet.http. *, javax.servlet. *"%><% @ taglib uri = "http://java.sun.com/jsp/jstl/core" prefix = "gurucore"%><% @ taglib uri = "http://java.sun.com/jsp/jstl/sql" prefix = "gurusql"%><% @ page language = "java" contentType = "text / html; Zeichensatz = ISO-8859-1"pageEncoding = "ISO-8859-1"%><! DOCTYPE html PUBLIC "- // W3C // DTD HTML 4.01 Transitional // DE" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv = "Inhaltstyp" content = "text / html; Zeichensatz = ISO-8859-1"><title> Guru Database JSP1 </ title></ head><body><gurusql: setDataSource var = "guru" driver = "com.mysql.jdbc.Driver"url = "jdbc: mysql: // localhost / GuruTest"user = "gururoot" password = "guru" /><gurusql: update dataSource = "$ {guru}" var = "guruvar">INSERT INTO guru_test VALUES (3, 'emp emp3');</ gurusql: update></ body></ html></pre>
<p><strong>Erläuterung des Codes:</strong></p>
<p>Codezeile <strong>19-20:</strong> Hier fügen wir Datensätze in die Tabelle guru_test von GuruTestdatabase ein. Die eingefügten Datensätze sind: empID - 3 und empname - emp emp3. Diese Datensätze werden in die Tabelle eingefügt</p>
<p>Wenn Sie den Code ausführen, werden die Datensätze als guru_test mit dem Wert 3 und emp emp3 in die Tabelle eingefügt.</p>
<p><strong>Hinweis:</strong> Hier wird die Ausgabe nicht angezeigt, da wir nur den Datensatz in die Tabelle einfügen. Wir können den Datensatz mit der Auswahlabfrage als 'select * from guru_test' abrufen. Wenn der Datensatz dann eingefügt würde, würden wir den Wert 3 und emp3 erhalten. Wenn der Datensatz dann nicht eingefügt wird, wird 3 in den Datensätzen in der Tabelle nicht angezeigt.<strong> </strong></p>
<p><strong>Löschen</strong></p>
<p>Dies ist eine Löschoperation, bei der wir die Datensätze aus der Tabelle guru_test löschen.</p>
<p><strong>Beispiel:</strong></p>
<p>Hier löschen wir die Abfrage, um den Datensatz aus der Tabelle guru_test zu löschen. Der zu löschende Datensatz muss in der Variablen "guruid" gesetzt und der entsprechende Datensatz aus der Datenbank gelöscht werden.</p>
<pre translate="no"><% @ page import = "java.io. *, java.util. *, java.sql. *"%><% @ page import = "javax.servlet.http. *, javax.servlet. *"%><% @ taglib uri = "http://java.sun.com/jsp/jstl/core" prefix = "gurucore"%><% @ taglib uri = "http://java.sun.com/jsp/jstl/sql" prefix = "gurusql"%><% @ page language = "java" contentType = "text / html; Zeichensatz = ISO-8859-1"pageEncoding = "ISO-8859-1"%><! DOCTYPE html PUBLIC "- // W3C // DTD HTML 4.01 Transitional // DE" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv = "Inhaltstyp" content = "text / html; Zeichensatz = ISO-8859-1"><title> Guru Database JSP1 </ title></ head><body><gurusql: setDataSource var = "guru" driver = "com.mysql.jdbc.Driver"url = "jdbc: mysql: // localhost / GuruTest"user = "gururoot" password = "guru" /><gurucore: setze var = "guruid" value = "3" /><gurusql: update dataSource = "$ {guru}" var = "guruvar">DELETE FROM guru_test WHERE emp_id =?<gurusql: param value = "$ {guruid}" /></ gurusql: update></ body></ html></pre>
<p><strong>Erläuterung des Codes:</strong></p>
<p>Codezeile <strong>18:</strong> Wir setzen eine variable Guruid mit dem Wert 3, die aus der Datenbank gelöscht werden muss. Dies ist immer ein Primärschlüssel der Tabelle. In diesem Fall ist der Primärschlüssel die emp_id.</p>
<p>Codezeile <strong>19-22:</strong> Hier verwenden wir eine Löschabfrage, die einen Parameter in der where-Klausel festlegt. Hier ist der Parameter guruid, der in der Codezeile 18 festgelegt ist. Der entsprechende Datensatz wird gelöscht.</p>
<p><strong>Ausgabe:</strong></p>
<p>Wenn Sie den obigen Code ausführen, wird der Datensatz mit emp_id als 3 gelöscht.</p>
<p><strong>Hinweis:</strong> In diesem Beispiel können wir die Ausgabe nicht anzeigen, während wir den Datensatz aus der Tabelle löschen. Um zu überprüfen, ob dieser Datensatz gelöscht wird, müssen Sie die Auswahlabfrage "select * from guru_test" verwenden. In diesem Fall ist die Löschabfrage fehlgeschlagen, wenn wir 3 als Emp-ID erhalten. Andernfalls wurde der Datensatz erfolgreich gelöscht.</p>
<p><strong>Aktualisieren</strong></p>
<p>Das Update wird verwendet, um die Datensätze in der Tabelle zu bearbeiten.</p>
<p><strong>Beispiel:</strong></p>
<pre translate="no"><% @ page import = "java.io. *, java.util. *, java.sql. *"%><% @ page import = "javax.servlet.http. *, javax.servlet. *"%><% @ taglib uri = "http://java.sun.com/jsp/jstl/core" prefix = "gurucore"%><% @ taglib uri = "http://java.sun.com/jsp/jstl/sql" prefix = "gurusql"%><% @ page language = "java" contentType = "text / html; Zeichensatz = ISO-8859-1"pageEncoding = "ISO-8859-1"%><! DOCTYPE html PUBLIC "- // W3C // DTD HTML 4.01 Transitional // DE" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv = "Inhaltstyp" content = "text / html; Zeichensatz = ISO-8859-1"><title> Guru Database JSP1 </ title></ head><body><gurusql: setDataSource var = "guru" driver = "com.mysql.jdbc.Driver"url = "jdbc: mysql: // localhost / GuruTest"user = "gururoot" password = "guru" /><gurucore: setze var = "guruid" value = "2" /><gurusql: update dataSource = "$ {guru}" var = "guruvar">UPDATE guru_test SET emp_name = 'emp guru99'<gurusql: param value = "$ {guruid}" /></ gurusql: update></ body></ html> </pre>
<p><strong>Erläuterung des Codes:</strong></p>
<p>Codezeile <strong>18:</strong> Hier setzen wir eine variable Guruid auf 2. Dies ist die ID, unter der wir den Datensatz aktualisieren möchten.<strong> </strong></p>
<p>Codezeile <strong>19-22:</strong> Hier verwenden wir eine Aktualisierungsabfrage, um den Datensatz in der Tabelle guru_test des Datensatzes zu aktualisieren, die in Punkt 18 festgelegt ist. Hier wird emp guru2 durch emp guru99 ersetzt</p>
<p><strong>Ausgabe:</strong></p>
<p>Wenn Sie den obigen Code ausführen, wird der Datensatz withemp_id 2 in 99 geändert. In der Ausgabe wird nun emp "guru99" anstelle von emp "guru2" angezeigt.</p>
<p><strong>Zusammenfassung:</strong></p>
<p>In diesem Tutorial haben wir gelernt, wie Sie JSP mit der Datenbank und dem Datenbankzugriff verbinden. Außerdem haben wir verschiedene Vorgänge kennengelernt, die für die Tabelle in der Datenbank ausgeführt werden, z. B. Erstellen, Löschen, Aktualisieren usw.
										</div>
									</article>
									
<div id="container-5533149ee6411a5f99b370c693e87966"></div>								</div>
							</div>
						</div>
					</div>
				</div>
				
<aside class="col-lg-4 sidebar sidebar--right">
	<div class="widget widget-popular-posts">
		<h2 class="widget-title">Beliebte Beiträge</h2>
		<ul class="post-list-small">
			<li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__img-holder">
						<div class="thumb-container thumb-100"><a href="/8003841-display-loading-graphic-until-page-fully-loaded" title="Anzeige Laden der Grafik bis zum vollständigen Laden der Seite - CSS-Tricks" rel="bookmark"><img src="https://cdn.css-code.org/7422365/display_loading_graphic_until_page_fully_loaded_css-tricks.png.webp" loading="lazy" alt="Anzeige Laden der Grafik bis zum vollständigen Laden der Seite - CSS-Tricks" title="Anzeige Laden der Grafik bis zum vollständigen Laden der Seite - CSS-Tricks" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div>
					</div>
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8003841-display-loading-graphic-until-page-fully-loaded" title="Anzeige Laden der Grafik bis zum vollständigen Laden der Seite - CSS-Tricks" rel="bookmark">Anzeige Laden der Grafik bis zum vollständigen Laden der Seite - CSS-Tricks 2025</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__img-holder">
						<div class="thumb-container thumb-100"><a href="/8003842-highlight-all-links-to-current-page" title="Markieren Sie alle Links zur aktuellen Seite - CSS-Tricks" rel="bookmark"><img src="https://cdn.css-code.org/7323969/highlight_all_links_to_current_page_css-tricks.png.webp" loading="lazy" alt="Markieren Sie alle Links zur aktuellen Seite - CSS-Tricks" title="Markieren Sie alle Links zur aktuellen Seite - CSS-Tricks" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div>
					</div>
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8003842-highlight-all-links-to-current-page" title="Markieren Sie alle Links zur aktuellen Seite - CSS-Tricks" rel="bookmark">Markieren Sie alle Links zur aktuellen Seite - CSS-Tricks 2025</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__img-holder">
						<div class="thumb-container thumb-100"><a href="/8003843-highlight-related-label-when-input-in-focus" title="Markieren Sie die zugehörige Beschriftung, wenn Sie sie im Fokus eingeben CSS-Tricks" rel="bookmark"><img src="https://cdn.css-code.org/3570437/highlight_related_label_when_input_in_focus_css-tricks.png.webp" loading="lazy" alt="Markieren Sie die zugehörige Beschriftung, wenn Sie sie im Fokus eingeben CSS-Tricks" title="Markieren Sie die zugehörige Beschriftung, wenn Sie sie im Fokus eingeben CSS-Tricks" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div>
					</div>
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8003843-highlight-related-label-when-input-in-focus" title="Markieren Sie die zugehörige Beschriftung, wenn Sie sie im Fokus eingeben CSS-Tricks" rel="bookmark">Markieren Sie die zugehörige Beschriftung, wenn Sie sie im Fokus eingeben CSS-Tricks 2025</a></h3>
					</div>
				</div>
			</li>
		</ul>
	</div>

	<div class="widget widget-popular-posts">
		<h2 class="widget-title">Die besten Bewertungen für den Monat</h2>
		<ul class="post-list-small">
			<li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8003414-136-understanding-vanilla-forums-theme-overrides" title="# 136: Vanilla-Foren verstehen Themenüberschreibungen - CSS-Tricks" rel="bookmark"># 136: Vanilla-Foren verstehen Themenüberschreibungen - CSS-Tricks</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8003415-135-forums-wrangling-part-3-login" title="# 135: Foren Wrangling, Teil 3, Login - CSS-Tricks" rel="bookmark"># 135: Foren Wrangling, Teil 3, Login - CSS-Tricks</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8003416-134-forums-wrangling-part-2" title="# 134: Foren Wrangling, Teil 2 - CSS-Tricks" rel="bookmark"># 134: Foren Wrangling, Teil 2 - CSS-Tricks</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8003417-138-forums-homepage-styling" title="# 138: Foren Homepage Styling - CSS-Tricks" rel="bookmark"># 138: Foren Homepage Styling - CSS-Tricks</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8003418-139-individual-forums-thread-styling" title="# 139: Individuelles Forum Thread Styling - CSS-Tricks" rel="bookmark"># 139: Individuelles Forum Thread Styling - CSS-Tricks</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8003419-137-forums-wrangling-part-4-getting-control" title="# 137: Foren Wrangling, Teil 4, Kontrolle bekommen - CSS-Tricks" rel="bookmark"># 137: Foren Wrangling, Teil 4, Kontrolle bekommen - CSS-Tricks</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8003420-140-forums-signup-styling" title="# 140: Foren Anmelden Styling - CSS-Tricks" rel="bookmark"># 140: Foren Anmelden Styling - CSS-Tricks</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8003421-141-restrict-content-pro-setup-and-settings" title="# 141: Einschränken der Einrichtung und Einstellungen von Content Pro - CSS-Tricks" rel="bookmark"># 141: Einschränken der Einrichtung und Einstellungen von Content Pro - CSS-Tricks</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8003422-142-forums-modules-styling" title="# 142: Foren Module Styling - CSS-Tricks" rel="bookmark"># 142: Foren Module Styling - CSS-Tricks</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8003423-143-forums-new-thread-styling-and-functionality-discussion" title="# 143: Foren Diskussion über neues Thread-Styling und Funktionalität - CSS-Tricks" rel="bookmark"># 143: Foren Diskussion über neues Thread-Styling und Funktionalität - CSS-Tricks</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8003424-146-custom-header-for-the-lodge" title="# 146: Benutzerdefinierter Header für The Lodge - CSS-Tricks" rel="bookmark"># 146: Benutzerdefinierter Header für The Lodge - CSS-Tricks</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8003425-145-intro-to-the-lodge-private-access-area" title="# 145: Einführung in die Lodge (privater Zugangsbereich) - CSS-Tricks" rel="bookmark"># 145: Einführung in die Lodge (privater Zugangsbereich) - CSS-Tricks</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8003426-144-forums-pagination-styling-and-wrapup" title="# 144: Foren Paginierung Styling und Wrapup - CSS-Tricks" rel="bookmark"># 144: Foren Paginierung Styling und Wrapup - CSS-Tricks</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8003427-147-restricting-logic-with-restrict-content-pro" title="# 147: Einschränken der Logik mit Restrict Content Pro - CSS-Tricks" rel="bookmark"># 147: Einschränken der Logik mit Restrict Content Pro - CSS-Tricks</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8003428-148-styling-the-signup-button-for-the-lodge" title="# 148: Styling der Anmeldeschaltfläche für The Lodge - CSS-Tricks" rel="bookmark"># 148: Styling der Anmeldeschaltfläche für The Lodge - CSS-Tricks</a></h3>
					</div>
				</div>
			</li>
		</ul>
	</div>
	
<div id="container-5533149ee6411a5f99b370c693e87966"></div>	<div class="widget widget-popular-posts">
		<h2 class="widget-title">Top Artikel</h2>
		<ul class="post-list-small">
			<li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__img-holder">
						<div class="thumb-container thumb-100"><a href="/8226473-hbase-shell-commands-with-examples" title="HBase-Shell-Befehle mit Beispielen" rel="bookmark"><img src="https://cdn.css-code.org/8936601/hbase_shell_commands_with_examples.png.webp" loading="lazy" alt="HBase-Shell-Befehle mit Beispielen" title="HBase-Shell-Befehle mit Beispielen" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div>
					</div>
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8226473-hbase-shell-commands-with-examples" title="HBase-Shell-Befehle mit Beispielen" rel="bookmark">HBase-Shell-Befehle mit Beispielen 2025</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__img-holder">
						<div class="thumb-container thumb-100"><a href="/8226474-hive-queries-order-by-group-by-distribute-by-cluster-by-examples" title="Hive-Abfragen: Sortieren nach, Gruppieren nach, Verteilen nach, Cluster nach Beispielen" rel="bookmark"><img src="https://cdn.css-code.org/5262811/hive_queries_order_by-_group_by-_distribute_by-_cluster_by_examples.png.webp" loading="lazy" alt="Hive-Abfragen: Sortieren nach, Gruppieren nach, Verteilen nach, Cluster nach Beispielen" title="Hive-Abfragen: Sortieren nach, Gruppieren nach, Verteilen nach, Cluster nach Beispielen" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div>
					</div>
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8226474-hive-queries-order-by-group-by-distribute-by-cluster-by-examples" title="Hive-Abfragen: Sortieren nach, Gruppieren nach, Verteilen nach, Cluster nach Beispielen" rel="bookmark">Hive-Abfragen: Sortieren nach, Gruppieren nach, Verteilen nach, Cluster nach Beispielen 2025</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__img-holder">
						<div class="thumb-container thumb-100"><a href="/8226476-hive-function-built-in-and-udf-user-defined-functions" title="Hive-Funktion: Eingebaute & UDF (Benutzerdefinierte Funktionen)" rel="bookmark"><img src="https://cdn.css-code.org/1260447/hive_function_built-in_ampamp_udf_user_defined_functions.png.webp" loading="lazy" alt="Hive-Funktion: Eingebaute & UDF (Benutzerdefinierte Funktionen)" title="Hive-Funktion: Eingebaute & UDF (Benutzerdefinierte Funktionen)" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div>
					</div>
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8226476-hive-function-built-in-and-udf-user-defined-functions" title="Hive-Funktion: Eingebaute & UDF (Benutzerdefinierte Funktionen)" rel="bookmark">Hive-Funktion: Eingebaute & UDF (Benutzerdefinierte Funktionen) 2025</a></h3>
					</div>
				</div>
			</li>
		</ul>
	</div>
</aside>			</div>
		</div>
		
<footer class="footer footer--dark">
	<div class="container">
		<div class="footer__widgets">
			<div class="row">
				<div class="col-lg-4">
					<div class="widget">
						<h2 class="widget-title">Beliebte Beiträge</h2>
						<ul class="post-list-small">
							<li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8003997-send-email" title="E-Mail senden - CSS-Tricks" rel="bookmark">E-Mail senden - CSS-Tricks</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8003998-test-if-string-starts-with-certain-characters-in-php" title="Testen Sie, ob der String mit bestimmten Zeichen in PHP - beginnt CSS-Tricks" rel="bookmark">Testen Sie, ob der String mit bestimmten Zeichen in PHP - beginnt CSS-Tricks</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8003999-server-side-image-resizer" title="Serverseitiger Image Resizer - CSS-Tricks" rel="bookmark">Serverseitiger Image Resizer - CSS-Tricks</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8004000-truncate-long-string-exactly-in-middle" title="Lange Zeichenfolge genau in der Mitte abschneiden - CSS-Tricks" rel="bookmark">Lange Zeichenfolge genau in der Mitte abschneiden - CSS-Tricks</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8004001-truncate-string-by-words" title="Zeichenfolge nach Wörtern abschneiden - CSS-Tricks" rel="bookmark">Zeichenfolge nach Wörtern abschneiden - CSS-Tricks</a></h3>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="col-lg-4">
					<div class="widget">
						<h2 class="widget-title">Tipp Der Redaktion</h2>
						<ul class="post-list-small">
						<li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8224979-what-is-sql-learn-sql-basics-sql-full-form-and-how-to-use" title="Was ist SQL? Lernen Sie SQL-Grundlagen, SQL-Vollform & Wie benutzt man" rel="bookmark">Was ist SQL? Lernen Sie SQL-Grundlagen, SQL-Vollform & Wie benutzt man</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8224980-what-is-er-modeling-learn-with-example" title="Was ist ER-Modellierung? Lernen Sie mit Beispiel" rel="bookmark">Was ist ER-Modellierung? Lernen Sie mit Beispiel</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8224981-mysql-workbench-tutorial-for-beginners-how-to-install-and-use" title="MySQL Workbench Tutorial für Anfänger: So installieren Sie & Benutzen" rel="bookmark">MySQL Workbench Tutorial für Anfänger: So installieren Sie & Benutzen</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8224982-mysql-select-statement-with-examples" title="MySQL SELECT-Anweisung mit Beispielen" rel="bookmark">MySQL SELECT-Anweisung mit Beispielen</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8224983-mysql-where-clause-and-or-in-not-in-query-example" title="MySQL WHERE-Klausel: AND, OR, IN, NOT IN Abfragebeispiel" rel="bookmark">MySQL WHERE-Klausel: AND, OR, IN, NOT IN Abfragebeispiel</a></h3>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="col-lg-4">
					<div class="widget">
						<h2 class="widget-title">Top Artikel</h2>
						<ul class="post-list-small">
						<li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8224972-difference-between-call-by-value-and-call-by-reference" title="Unterschied zwischen Call by Value und Call by Reference" rel="bookmark">Unterschied zwischen Call by Value und Call by Reference</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8224973-r-select-filter-arrange-pipeline-with-example" title="R Wählen Sie (), Filter (), Arrange (), Pipeline mit Beispiel" rel="bookmark">R Wählen Sie (), Filter (), Arrange (), Pipeline mit Beispiel</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8224974-linux-tutorial-pdf-for-beginners-basics-guide-free-download" title="Linux Tutorial PDF für Anfänger: Grundlagenhandbuch (KOSTENLOSER Download)" rel="bookmark">Linux Tutorial PDF für Anfänger: Grundlagenhandbuch (KOSTENLOSER Download)</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8224975-55-best-microsoft-access-training-courses-and-classes-online" title="55 Beste Microsoft Access-Schulungskurse & Online-Unterricht" rel="bookmark">55 Beste Microsoft Access-Schulungskurse & Online-Unterricht</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8224976-top-16-microsoft-access-database-interview-questions-and-answers" title="Top 16 Fragen zum Microsoft Access Database-Interview & Antworten" rel="bookmark">Top 16 Fragen zum Microsoft Access Database-Interview & Antworten</a></h3>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<p>© Copyright de.css-code.org, 2025 September | 
				<a href="https://de.css-code.org/about-site" title="Über Site">Über Site</a> | 
				<a href="https://de.css-code.org/contacts" title="Kontakte">Kontakte</a> | 
				<a href="https://de.css-code.org/privacy-policy" title="Datenschutz-Bestimmungen">Datenschutz-Bestimmungen</a>.
			</p>
			
		</div>
	</div>
</footer>		
<link href="https://css-code.org/template/css/style.min.css" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" />	</body>
</html>