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="/8226414-database-vs-data-warehouse-key-differences" title="Datenbank vs Data Warehouse: Hauptunterschiede" rel="bookmark"><img src="https://cdn.css-code.org/7524578/database_vs_data_warehouse_key_differences.png.webp" loading="lazy" alt="Datenbank vs Data Warehouse: Hauptunterschiede" title="Datenbank vs Data Warehouse: Hauptunterschiede" 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="/8226414-database-vs-data-warehouse-key-differences" title="Datenbank vs Data Warehouse: Hauptunterschiede" rel="bookmark">Datenbank vs Data Warehouse: Hauptunterschiede 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="/8226415-20-best-it-asset-management-software-2021-reviews" title="20+ BESTE IT-Asset-Management-Software (2021 Bewertungen)" rel="bookmark"><img src="https://cdn.css-code.org/6275402/20_best_it_asset_management_software_2021_reviews.jpg.webp" loading="lazy" alt="20+ BESTE IT-Asset-Management-Software (2021 Bewertungen)" title="20+ BESTE IT-Asset-Management-Software (2021 Bewertungen)" 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="/8226415-20-best-it-asset-management-software-2021-reviews" title="20+ BESTE IT-Asset-Management-Software (2021 Bewertungen)" rel="bookmark">20+ BESTE IT-Asset-Management-Software (2021 Bewertungen) 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="/8226416-etl-vs-elt-must-know-differences" title="ETL vs ELT: Unterschiede müssen bekannt sein" rel="bookmark"><img src="https://cdn.css-code.org/4387246/etl_vs_elt_must_know_differences.png.webp" loading="lazy" alt="ETL vs ELT: Unterschiede müssen bekannt sein" title="ETL vs ELT: Unterschiede müssen bekannt sein" 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="/8226416-etl-vs-elt-must-know-differences" title="ETL vs ELT: Unterschiede müssen bekannt sein" rel="bookmark">ETL vs ELT: Unterschiede müssen bekannt sein 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="/8003358-062-a-look-at-the-current-buysellads-setup" title="# 062: Ein Blick auf das aktuelle BuySellAds-Setup - CSS-Tricks" rel="bookmark"># 062: Ein Blick auf das aktuelle BuySellAds-Setup - 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="/8003359-063-mocking-up-buysellads-zones" title="# 063: Verspotten von BuySellAds-Zonen - CSS-Tricks" rel="bookmark"># 063: Verspotten von BuySellAds-Zonen - 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="/8003360-061-custom-header-for-the-forums-part-3" title="# 061: Benutzerdefinierter Header für die Foren, Teil 3 - CSS-Tricks" rel="bookmark"># 061: Benutzerdefinierter Header für die Foren, Teil 3 - 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="/8003361-064-implementing-buysellads-zones" title="# 064: Implementierung von BuySellAds-Zonen - CSS-Tricks" rel="bookmark"># 064: Implementierung von BuySellAds-Zonen - 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="/8003362-065-adding-buysellads-sidebar-ad" title="# 065: Hinzufügen von BuySellAds Sidebar Ad - CSS-Tricks" rel="bookmark"># 065: Hinzufügen von BuySellAds Sidebar Ad - 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="/8003363-070-htmling-the-footer" title="# 070: HTMLing der Fußzeile - CSS-Tricks" rel="bookmark"># 070: HTMLing der Fußzeile - 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="/8003364-066-photoshopping-the-footer-part-1" title="# 066: Photoshopping der Fußzeile, Teil 1 - CSS-Tricks" rel="bookmark"># 066: Photoshopping der Fußzeile, Teil 1 - 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="/8003365-068-photoshopping-the-footer-part-3" title="# 068: Photoshopping der Fußzeile, Teil 3 - CSS-Tricks" rel="bookmark"># 068: Photoshopping der Fußzeile, Teil 3 - 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="/8003366-067-photoshopping-the-footer-part-2" title="# 067: Photoshopping der Fußzeile, Teil 2 - CSS-Tricks" rel="bookmark"># 067: Photoshopping der Fußzeile, 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="/8003367-069-photoshopping-the-footer-part-4" title="# 069: Photoshopping der Fußzeile, Teil 4 - CSS-Tricks" rel="bookmark"># 069: Photoshopping der Fußzeile, Teil 4 - 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="/8003368-071-cssing-the-footer-part-1" title="# 071: CSSing the Footer, Teil 1 - CSS-Tricks" rel="bookmark"># 071: CSSing the Footer, Teil 1 - 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="/8003369-077-custom-header-for-snippets" title="# 077: Benutzerdefinierter Header für Snippets - CSS-Tricks" rel="bookmark"># 077: Benutzerdefinierter Header für Snippets - 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="/8003370-073-cssing-the-footer-part-3" title="# 073: CSSing the Footer, Teil 3 - CSS-Tricks" rel="bookmark"># 073: CSSing the Footer, Teil 3 - 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="/8003371-074-cssing-the-footer-part-4" title="# 074: CSSing the Footer, Teil 4 - CSS-Tricks" rel="bookmark"># 074: CSSing the Footer, Teil 4 - 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="/8003372-076-custom-header-for-video-section" title="# 076: Benutzerdefinierter Header für den Videobereich - CSS-Tricks" rel="bookmark"># 076: Benutzerdefinierter Header für den Videobereich - 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="/8225933-17-best-excel-alternatives-in-2021-freepaid" title="17 BESTE Excel-Alternativen im Jahr 2021 (kostenlos / bezahlt)" rel="bookmark"><img src="https://cdn.css-code.org/2681037/17_best_excel_alternatives_in_2021_freepaid.png.webp" loading="lazy" alt="17 BESTE Excel-Alternativen im Jahr 2021 (kostenlos / bezahlt)" title="17 BESTE Excel-Alternativen im Jahr 2021 (kostenlos / bezahlt)" 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="/8225933-17-best-excel-alternatives-in-2021-freepaid" title="17 BESTE Excel-Alternativen im Jahr 2021 (kostenlos / bezahlt)" rel="bookmark">17 BESTE Excel-Alternativen im Jahr 2021 (kostenlos / bezahlt) 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="/8225935-top-10-excel-formulas-asked-in-an-interview-and-answers" title="Top 10 Excel-Formeln, die in einem Interview gestellt wurden & Antworten" rel="bookmark"><img src="https://cdn.css-code.org/7280859/top_10_excel_formulas_asked_in_an_interview_ampamp_answers.png.webp" loading="lazy" alt="Top 10 Excel-Formeln, die in einem Interview gestellt wurden & Antworten" title="Top 10 Excel-Formeln, die in einem Interview gestellt wurden & Antworten" 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="/8225935-top-10-excel-formulas-asked-in-an-interview-and-answers" title="Top 10 Excel-Formeln, die in einem Interview gestellt wurden & Antworten" rel="bookmark">Top 10 Excel-Formeln, die in einem Interview gestellt wurden & Antworten 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="/8225936-13-best-free-microsoft-courses-and-certification-2021-update" title="13 besten kostenlosen Microsoft-Kurse & Zertifizierung (2021 Update)" rel="bookmark"><img src="https://cdn.css-code.org/2227029/13_best_free_microsoft_courses_ampamp_certification_2021_update.jpg.webp" loading="lazy" alt="13 besten kostenlosen Microsoft-Kurse & Zertifizierung (2021 Update)" title="13 besten kostenlosen Microsoft-Kurse & Zertifizierung (2021 Update)" 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="/8225936-13-best-free-microsoft-courses-and-certification-2021-update" title="13 besten kostenlosen Microsoft-Kurse & Zertifizierung (2021 Update)" rel="bookmark">13 besten kostenlosen Microsoft-Kurse & Zertifizierung (2021 Update) 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="/8226533-tableau-tutorial-pdf-for-beginners-free-download" title="Tableau Tutorial PDF für Anfänger (KOSTENLOSER Download)" rel="bookmark">Tableau Tutorial PDF für Anfänger (KOSTENLOSER Download)</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8226534-top-30-talend-interview-questions-and-answers" title="Top 30 Talend Interview Fragen & Antworten" rel="bookmark">Top 30 Talend Interview Fragen & Antworten</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8226535-supervised-machine-learning-what-is-algorithms-example" title="Überwachtes maschinelles Lernen: Was ist, Algorithmen, Beispiel" rel="bookmark">Überwachtes maschinelles Lernen: Was ist, Algorithmen, Beispiel</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8226536-difference-between-deep-learning-and-machine-learning-vs-ai" title="Unterschied zwischen Deep Learning und Machine Learning gegenüber AI" rel="bookmark">Unterschied zwischen Deep Learning und Machine Learning gegenüber AI</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8226537-groups-in-tableau-create-groups-hierarchy-sets-and-sort-data" title="Gruppen in Tableau: Gruppen, Hierarchie, Mengen & Daten sortieren" rel="bookmark">Gruppen in Tableau: Gruppen, Hierarchie, Mengen & Daten sortieren</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="/8003722-javascript-required-content-with-fallback-content" title="Erforderlicher JavaScript-Inhalt mit Fallback-Inhalt - CSS-Tricks" rel="bookmark">Erforderlicher JavaScript-Inhalt mit Fallback-Inhalt - CSS-Tricks</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8003723-empty-an-array" title="Array leeren - CSS-Tricks" rel="bookmark">Array leeren - CSS-Tricks</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8003724-fix-ie-10-on-windows-phone-8-viewport" title="Fix IE 10 unter Windows Phone 8 Viewport - CSS-Tricks" rel="bookmark">Fix IE 10 unter Windows Phone 8 Viewport - CSS-Tricks</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8003725-format-currency" title="Währung formatieren - CSS-Tricks" rel="bookmark">Währung formatieren - CSS-Tricks</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8003727-call-function-with-random-timer" title="Aufruffunktion mit Random Timer - CSS-Tricks" rel="bookmark">Aufruffunktion mit Random Timer - CSS-Tricks</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="/8003895-append-non-breaking-space-between-last-two-words" title="Fügen Sie ein nicht unterbrechendes Leerzeichen zwischen den letzten beiden Wörtern hinzu CSS-Tricks" rel="bookmark">Fügen Sie ein nicht unterbrechendes Leerzeichen zwischen den letzten beiden Wörtern hinzu CSS-Tricks</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8003896-adjust-server-time" title="Serverzeit anpassen - CSS-Tricks" rel="bookmark">Serverzeit anpassen - CSS-Tricks</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8003897-append-login-credentials-to-url" title="Anmeldeinformationen an URL anhängen - CSS-Tricks" rel="bookmark">Anmeldeinformationen an URL anhängen - CSS-Tricks</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8003898-associative-array-syntax" title="Assoziative Array-Syntax - CSS-Tricks" rel="bookmark">Assoziative Array-Syntax - CSS-Tricks</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8003899-applying-evenodd-classes" title="Anwenden von geraden / ungeraden Klassen - CSS-Tricks" rel="bookmark">Anwenden von geraden / ungeraden Klassen - CSS-Tricks</a></h3>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<p>© Copyright de.css-code.org, 2025 Juni | 
				<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>