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="/8003402-123-building-the-videos-archive-part-2-navigation" title="# 123: Erstellen des Videoarchivs, Teil 2 (Navigation) - CSS-Tricks" rel="bookmark"><img src="https://cdn.css-code.org/5534941/123_building_the_videos_archive-_part_2_navigation_css-tricks.png.webp" loading="lazy" alt="# 123: Erstellen des Videoarchivs, Teil 2 (Navigation) - CSS-Tricks" title="# 123: Erstellen des Videoarchivs, Teil 2 (Navigation) - 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="/8003402-123-building-the-videos-archive-part-2-navigation" title="# 123: Erstellen des Videoarchivs, Teil 2 (Navigation) - CSS-Tricks" rel="bookmark"># 123: Erstellen des Videoarchivs, Teil 2 (Navigation) - 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="/8003403-122-building-the-videos-archive-part-1" title="# 122: Erstellen des Videoarchivs, Teil 1 - CSS-Tricks" rel="bookmark"><img src="https://cdn.css-code.org/1599866/122_building_the_videos_archive-_part_1_css-tricks.png.webp" loading="lazy" alt="# 122: Erstellen des Videoarchivs, Teil 1 - CSS-Tricks" title="# 122: Erstellen des Videoarchivs, Teil 1 - 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="/8003403-122-building-the-videos-archive-part-1" title="# 122: Erstellen des Videoarchivs, Teil 1 - CSS-Tricks" rel="bookmark"># 122: Erstellen des Videoarchivs, Teil 1 - 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="/8003404-125-photoshopping-the-single-video-page" title="# 125: Photoshopping der einzelnen Videoseite - CSS-Tricks" rel="bookmark"><img src="https://cdn.css-code.org/4284101/125_photoshopping_the_single_video_page_css-tricks.png.webp" loading="lazy" alt="# 125: Photoshopping der einzelnen Videoseite - CSS-Tricks" title="# 125: Photoshopping der einzelnen Videoseite - 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="/8003404-125-photoshopping-the-single-video-page" title="# 125: Photoshopping der einzelnen Videoseite - CSS-Tricks" rel="bookmark"># 125: Photoshopping der einzelnen Videoseite - 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="/8224756-jsp-program-examples-registration-and-login-form" title="Beispiele für JSP-Programme: Registrierung & Login Formular" rel="bookmark">Beispiele für JSP-Programme: Registrierung & Login Formular</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="/8224757-jsp-file-upload-and-file-download-program-examples" title="Upload von JSP-Dateien & Beispiele für Dateidownload-Programme" rel="bookmark">Upload von JSP-Dateien & Beispiele für Dateidownload-Programme</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="/8224758-debugging-in-jsp" title="Debuggen in JSP" rel="bookmark">Debuggen in JSP</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="/8224759-top-50-jsp-interview-questions-and-answers" title="Top 50 Fragen zum JSP-Interview & Antworten" rel="bookmark">Top 50 Fragen zum JSP-Interview & Antworten</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="/8224760-top-20-maven-interview-questions-and-answers" title="Top 20 Maven Interview Fragen & Antworten" rel="bookmark">Top 20 Maven Interview Fragen & Antworten</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="/8224761-what-is-data-analysis-research-types-methods-techniques" title="Was ist Datenanalyse? Forschung - Typen - Methoden - Techniken" rel="bookmark">Was ist Datenanalyse? Forschung - Typen - Methoden - Techniken</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="/8224762-kotlin-vs-java-whats-the-difference" title="Kotlin vs Java: Was ist der Unterschied?" rel="bookmark">Kotlin vs Java: Was ist der Unterschied?</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="/8224763-10-best-programming-language-to-learn-in-2021" title="10 beste Programmiersprache zum Lernen im Jahr 2021" rel="bookmark">10 beste Programmiersprache zum Lernen im Jahr 2021</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="/8224764-what-is-mean-stack-developer-skills-salary-growth" title="Was ist Mean Stack Developer? Fähigkeiten, Gehalt, Wachstum" rel="bookmark">Was ist Mean Stack Developer? Fähigkeiten, Gehalt, Wachstum</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="/8224765-7-best-budget-ultrawide-monitor-2021-reviews" title="7 BEST Budget Ultrawide Monitor (2021 Bewertungen)" rel="bookmark">7 BEST Budget Ultrawide Monitor (2021 Bewertungen)</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="/8224766-introduction-to-linux-operating-system-os-what-is-linux" title="Einführung in das Linux-Betriebssystem: Was ist Linux?" rel="bookmark">Einführung in das Linux-Betriebssystem: Was ist Linux?</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="/8224767-10-best-single-and-dual-monitor-arm-desk-mount-stands-in-2021" title="10 beste Single & Dual Monitor Arm Schreibtischhalterung steht im Jahr 2021" rel="bookmark">10 beste Single & Dual Monitor Arm Schreibtischhalterung steht im Jahr 2021</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="/8224771-linux-vs-windows-whats-the-difference" title="Linux vs Windows: Was ist der Unterschied?" rel="bookmark">Linux vs Windows: Was ist der Unterschied?</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="/8224811-linux-command-line-tutorial-manipulate-terminal-with-cd-commands" title="Linux-Befehlszeilen-Tutorial: Bearbeiten Sie das Terminal mit CD-Befehlen" rel="bookmark">Linux-Befehlszeilen-Tutorial: Bearbeiten Sie das Terminal mit CD-Befehlen</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="/8224915-how-to-download-and-install-linux-ubuntu-in-windows-pc" title="Herunterladen & Installieren Sie Linux (Ubuntu) auf einem Windows-PC" rel="bookmark">Herunterladen & Installieren Sie Linux (Ubuntu) auf einem Windows-PC</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="/8003469-basics-of-google-font-api" title="Grundlagen der Google Font API - CSS-Tricks" rel="bookmark"><img src="https://cdn.css-code.org/8247621/basics_of_google_font_api_css-tricks.png.webp" loading="lazy" alt="Grundlagen der Google Font API - CSS-Tricks" title="Grundlagen der Google Font API - 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="/8003469-basics-of-google-font-api" title="Grundlagen der Google Font API - CSS-Tricks" rel="bookmark">Grundlagen der Google Font API - 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="/8003470-blurry-text" title="Verschwommener Text - CSS-Tricks" rel="bookmark"><img src="https://cdn.css-code.org/1248779/blurry_text_css-tricks.png.webp" loading="lazy" alt="Verschwommener Text - CSS-Tricks" title="Verschwommener Text - 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="/8003470-blurry-text" title="Verschwommener Text - CSS-Tricks" rel="bookmark">Verschwommener Text - 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="/8003472-bouncy-animated-loading-animation" title="Bouncy Animated Loading Animation - CSS-Tricks" rel="bookmark"><img src="https://cdn.css-code.org/9268893/bouncy_animated_loading_animation_css-tricks.png.webp" loading="lazy" alt="Bouncy Animated Loading Animation - CSS-Tricks" title="Bouncy Animated Loading Animation - 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="/8003472-bouncy-animated-loading-animation" title="Bouncy Animated Loading Animation - CSS-Tricks" rel="bookmark">Bouncy Animated Loading Animation - CSS-Tricks 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="/8224613-how-to-send-email-using-codeigniter" title="So senden Sie E-Mails mit CodeIgniter" rel="bookmark">So senden Sie E-Mails mit CodeIgniter</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8224614-difference-between-cookie-and-session" title="Unterschied zwischen Cookie und Sitzung" rel="bookmark">Unterschied zwischen Cookie und Sitzung</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8224615-laravel-vs-codeigniter-which-is-better" title="Laravel vs CodeIgniter: Was ist besser?" rel="bookmark">Laravel vs CodeIgniter: Was ist besser?</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8224616-codeigniter-tutorial-pdf-book-for-beginners-download-now" title="Codeigniter Tutorial PDF: Buch für Anfänger (Jetzt herunterladen)" rel="bookmark">Codeigniter Tutorial PDF: Buch für Anfänger (Jetzt herunterladen)</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8224617-relational-data-model-in-dbms-concepts-constraints-example" title="Relationales Datenmodell in DBMS: Konzepte, Einschränkungen, Beispiel" rel="bookmark">Relationales Datenmodell in DBMS: Konzepte, Einschränkungen, Beispiel</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="/8226191-15-best-code-review-tools-for-code-quality-analysis" title="15 BEST Code Review Tools für die Codequalitätsanalyse" rel="bookmark">15 BEST Code Review Tools für die Codequalitätsanalyse</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8226192-50-best-freelance-websites-for-beginners-in-2021" title="50+ BESTE freiberufliche Websites für Anfänger im Jahr 2021" rel="bookmark">50+ BESTE freiberufliche Websites für Anfänger im Jahr 2021</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8226193-15-best-free-code-editors-for-windows-and-mac-2021-update" title="15 besten kostenlosen Code-Editoren für Windows & Mac (Update 2021)" rel="bookmark">15 besten kostenlosen Code-Editoren für Windows & Mac (Update 2021)</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8226194-14-best-latex-editor-in-2021-windows-mac" title="14 BESTER LaTeX-Editor im Jahr 2021 (Windows, Mac)" rel="bookmark">14 BESTER LaTeX-Editor im Jahr 2021 (Windows, Mac)</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8226195-10-best-notepad-alternatives-for-windows-mac-linux-2021" title="10 besten Notepad ++ - Alternativen für Windows, Mac, Linux (2021)" rel="bookmark">10 besten Notepad ++ - Alternativen für Windows, Mac, Linux (2021)</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="/8223779-sap-bw-tutorial-pdf-download-business-intelligence-book" title="SAP BW Tutorial PDF: Laden Sie Business Intelligence herunter (Buch)" rel="bookmark">SAP BW Tutorial PDF: Laden Sie Business Intelligence herunter (Buch)</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8223780-sap-bex-characteristics-and-key-figure-settings-rkf-ckf-and-formulas" title="SAP BEx: Eigenschaften & Kennzahleneinstellungen (RKF, CKF & Formeln)" rel="bookmark">SAP BEx: Eigenschaften & Kennzahleneinstellungen (RKF, CKF & Formeln)</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8223781-what-is-off-cycle-payroll-sap-it267" title="Was ist Off Cycle Payroll? SAP IT267" rel="bookmark">Was ist Off Cycle Payroll? SAP IT267</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8223782-foreign-currency-revaluation-in-sap-month-end-closing" title="Neubewertung von Fremdwährungen in SAP: Monatsabschluss" rel="bookmark">Neubewertung von Fremdwährungen in SAP: Monatsabschluss</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8223783-how-to-delete-a-personnel-number-sap-rpudelpn" title="So löschen Sie eine Personalnummer: SAP RPUDELPN" rel="bookmark">So löschen Sie eine Personalnummer: SAP RPUDELPN</a></h3>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<p>© Copyright de.css-code.org, 2025 August | 
				<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>