.NET Softwareentwicklung (Funktionsweise für Entwickler)

Beginnen Sie mit der Erstellung eines neuen Windows Forms-Projekts in Visual Studio. Dies ist Ihre Grundlage, auf der Sie die Benutzeroberfläche für Ihren Rechnungsgenerator gestalten. Gestalten Sie Ihr Formular, um die notwendigen Eingabefelder für Kunden- und Artikeldetails einzuschließen, zusammen mit einem Button zum Erstellen des PDFs. Es ist unsere Rechnungsgenerator-Oberfläche:

Die Benutzeroberfläche der Windows Forms-Anwendung ist sorgfältig gestaltet, um Bedienungsfreundlichkeit und Funktionalität sicherzustellen. Das Hauptfenster, mit dem Titel "Rechnungsgenerator", ist in verschiedene Abschnitte unterteilt, um ein nahtloses Benutzererlebnis zu bieten.

Abschnitt Kundeninformation

Oben enthält das Formular Felder für 'Kundenname', 'Kundenadresse', 'Kunden-E-Mail' und 'Kundentelefonnummer'. Dieser Bereich ist der Aufnahme grundlegender Kundendaten gewidmet, die prominent auf der erstellten Rechnung erscheinen werden.

Rechnungspositionen hinzufügen

Direkt unter den Kundeninformationen befindet sich ein Bereich mit der Bezeichnung 'Rechnungsposten hinzufügen'. Hier können Benutzer die Details einzelner Artikel eingeben, wie 'Artikel-ID', 'Beschreibung', 'Menge' und 'Stückpreis'. Ein 'Artikel hinzufügen'-Button befindet sich daneben, der es Benutzern ermöglicht, den eingegebenen Artikel zur Rechnungsliste unten hinzuzufügen.

Rechnungspostenliste

Der zentrale Teil des Formulars zeigt den Abschnitt 'Rechnungsinformationen', der eine Tabelle anzeigt, in der die eingegebenen Artikel erscheinen, sobald sie hinzugefügt werden. Die Tabellenspalten umfassen 'Artikel-ID', 'Beschreibung', 'Menge', 'Stückpreis' und 'Gesamtpreis', wobei die letzte Spalte automatisch basierend auf Menge und Stückpreis berechnet wird. Ein Datumswahler mit der Bezeichnung 'Datum auswählen' ermöglicht es dem Benutzer, das Rechnungsdatum anzugeben, was zur Spezifität des Dokuments beiträgt.

Rechnungsvorgänge

Am unteren Rand des Formulars wird ein Label mit dem 'Gesamtbetrag' angezeigt, das dynamisch aktualisiert wird, wenn Artikel hinzugefügt oder entfernt werden. Dies stellt sicher, dass Benutzer stets einen Echtzeit-Überblick über den Gesamtwert der Rechnung haben. Zusätzlich löst ein 'Rechnung erstellen'-Button aus, dass die Anwendung die IronPDF-Bibliothek verwendet, um eine PDF-Version der Rechnung basierend auf den eingegebenen Daten zu erstellen.

Diese Benutzeroberfläche ist nicht nur funktional, sondern auch intuitiv und ermöglicht es Benutzern, problemlos mit der Anwendung zu interagieren, ohne dass eine steile Lernkurve erforderlich ist. Sie ist darauf ausgelegt, alle notwendigen Informationen für die Rechnungserstellung unterzubringen, während sie einen klaren und einfachen Weg von der Dateneingabe bis zur PDF-Erstellung bietet.

Der Kern der Windows Forms-Anwendung ist ihre Fähigkeit, Benutzereingaben zu verwalten, die Daten in ein strukturiertes Format zu organisieren und ein greifbares Dokument – in diesem Fall eine Rechnung im PDF-Format – zu erzeugen. Die Funktionalität basiert auf einer Reihe methodischer Schritte innerhalb des Anwendungscode.

Einrichten der Datenrasteransicht

Beim Initialisieren des Formulars ruft die Anwendung SetupDataGridViewColumns auf, um die Datenstruktur zu erstellen, in der Rechnungsartikel angezeigt werden. Spalten für Artikel-ID, Beschreibung, Menge, Stückpreis und Gesamtpreis werden erstellt, wobei der Gesamtpreis ein nur lesbares Feld ist, da er automatisch berechnet wird. Zusätzlich wird eine Button-Spalte zum Löschen von Artikeln hinzugefügt, was die Benutzerkontrolle über den Rechnungsinhalt verbessert.

private void SetupDataGridViewColumns()
{
    invoiceDataGridView.Columns.Clear(); // Clear existing columns if any
    // Add columns specifying the details to be displayed in the invoice
    invoiceDataGridView.Columns.Add("itemIdColumn", "Item ID");
    invoiceDataGridView.Columns.Add("descriptionColumn", "Description");
    invoiceDataGridView.Columns.Add("quantityColumn", "Quantity");
    invoiceDataGridView.Columns.Add("unitPriceColumn", "Unit Price");
    invoiceDataGridView.Columns.Add("totalPriceColumn", "Total Price");
    // Set the Total Price column to read-only as it will be calculated automatically
    invoiceDataGridView.Columns["totalPriceColumn"].ReadOnly = true;
    // Add a button column for delete action
    DataGridViewButtonColumn deleteButtonColumn = new DataGridViewButtonColumn();
    deleteButtonColumn.HeaderText = "";
    deleteButtonColumn.Name = "deleteButtonColumn";
    deleteButtonColumn.Text = "Delete";
    deleteButtonColumn.UseColumnTextForButtonValue = true; // Set the button text to "Delete"
    // Add the delete button column to the DataGridView
    invoiceDataGridView.Columns.Add(deleteButtonColumn);
}

public Form1()
{
    InitializeComponent();
    SetupDataGridViewColumns();
    // Wire up the CellClick event to a handler to manage deletion of items
    invoiceDataGridView.CellClick += invoiceDataGridView_CellClick;
}

private void invoiceDataGridView_CellClick(object sender, DataGridViewCellEventArgs e)
{
    // If the clicked cell is part of the button column and not the header row
    if (e.ColumnIndex == invoiceDataGridView.Columns["deleteButtonColumn"].Index && e.RowIndex >= 0)
    {
        // Confirm delete operation
        if (MessageBox.Show("Are you sure you want to delete this item?", "Confirm Delete", MessageBoxButtons.YesNo, MessageBoxIcon.Question) == DialogResult.Yes)
        {
            // Remove the row from the DataGridView
            invoiceDataGridView.Rows.RemoveAt(e.RowIndex);
        }
    }
}

private void SetupDataGridViewColumns()
{
    invoiceDataGridView.Columns.Clear(); // Clear existing columns if any
    // Add columns specifying the details to be displayed in the invoice
    invoiceDataGridView.Columns.Add("itemIdColumn", "Item ID");
    invoiceDataGridView.Columns.Add("descriptionColumn", "Description");
    invoiceDataGridView.Columns.Add("quantityColumn", "Quantity");
    invoiceDataGridView.Columns.Add("unitPriceColumn", "Unit Price");
    invoiceDataGridView.Columns.Add("totalPriceColumn", "Total Price");
    // Set the Total Price column to read-only as it will be calculated automatically
    invoiceDataGridView.Columns["totalPriceColumn"].ReadOnly = true;
    // Add a button column for delete action
    DataGridViewButtonColumn deleteButtonColumn = new DataGridViewButtonColumn();
    deleteButtonColumn.HeaderText = "";
    deleteButtonColumn.Name = "deleteButtonColumn";
    deleteButtonColumn.Text = "Delete";
    deleteButtonColumn.UseColumnTextForButtonValue = true; // Set the button text to "Delete"
    // Add the delete button column to the DataGridView
    invoiceDataGridView.Columns.Add(deleteButtonColumn);
}

public Form1()
{
    InitializeComponent();
    SetupDataGridViewColumns();
    // Wire up the CellClick event to a handler to manage deletion of items
    invoiceDataGridView.CellClick += invoiceDataGridView_CellClick;
}

private void invoiceDataGridView_CellClick(object sender, DataGridViewCellEventArgs e)
{
    // If the clicked cell is part of the button column and not the header row
    if (e.ColumnIndex == invoiceDataGridView.Columns["deleteButtonColumn"].Index && e.RowIndex >= 0)
    {
        // Confirm delete operation
        if (MessageBox.Show("Are you sure you want to delete this item?", "Confirm Delete", MessageBoxButtons.YesNo, MessageBoxIcon.Question) == DialogResult.Yes)
        {
            // Remove the row from the DataGridView
            invoiceDataGridView.Rows.RemoveAt(e.RowIndex);
        }
    }
}

Rechnungspositionen hinzufügen

Wenn ein Benutzer Details für einen Artikel eingibt und auf 'Artikel hinzufügen' klickt, erfasst das Ereignis btnAddItem_Click die eingegebenen Daten, überprüft sie und ruft anschließend AddItemToInvoice auf. Diese Methode fügt eine neue Zeile zur DataGridView mit den eingegebenen Werten hinzu, berechnet den Gesamtpreis für den Artikel und aktualisiert den angezeigten Rechnungsbetrag, der am unteren Rand des Formulars angezeigt wird.

public void AddItemToInvoice(string itemId, string description, int quantity, decimal unitPrice)
{
    decimal totalPrice = quantity * unitPrice;
    invoiceDataGridView.Rows.Add(itemId, description, quantity, unitPrice, totalPrice);
}

private void CalculateTotalAmount()
{
    decimal totalAmount = 0m;
    foreach (DataGridViewRow row in invoiceDataGridView.Rows)
    {
        totalAmount += Convert.ToDecimal(row.Cells["totalPriceColumn"].Value ?? 0);
    }
    // Display the total amount accumulated
    lblTotalAmount.Text = $"{totalAmount:C2}";
}

private void btnAddItem_Click(object sender, EventArgs e)
{
    // Collect data from input controls
    string itemId = txtItemID.Text;
    string description = txtDescription.Text;
    int quantity = (int)numericUpDownQuantity.Value;
    decimal unitPrice;
    // Validate the collected data
    bool isUnitPriceValid = decimal.TryParse(txtUnitPrice.Text, out unitPrice);
    if (string.IsNullOrEmpty(itemId) || string.IsNullOrEmpty(description) || quantity <= 0 || !isUnitPriceValid || unitPrice <= 0)
    {
        MessageBox.Show("Please enter valid data for all fields.", "Invalid Data", MessageBoxButtons.OK, MessageBoxIcon.Warning);
        return;
    }
    // Add data to the DataGridView
    AddItemToInvoice(itemId, description, quantity, unitPrice);
    // Clear the input fields after adding the item to the grid
    txtItemID.Clear();
    txtDescription.Clear();
    txtUnitPrice.Clear();
    numericUpDownQuantity.Value = 0;
    CalculateTotalAmount();
}

public void AddItemToInvoice(string itemId, string description, int quantity, decimal unitPrice)
{
    decimal totalPrice = quantity * unitPrice;
    invoiceDataGridView.Rows.Add(itemId, description, quantity, unitPrice, totalPrice);
}

private void CalculateTotalAmount()
{
    decimal totalAmount = 0m;
    foreach (DataGridViewRow row in invoiceDataGridView.Rows)
    {
        totalAmount += Convert.ToDecimal(row.Cells["totalPriceColumn"].Value ?? 0);
    }
    // Display the total amount accumulated
    lblTotalAmount.Text = $"{totalAmount:C2}";
}

private void btnAddItem_Click(object sender, EventArgs e)
{
    // Collect data from input controls
    string itemId = txtItemID.Text;
    string description = txtDescription.Text;
    int quantity = (int)numericUpDownQuantity.Value;
    decimal unitPrice;
    // Validate the collected data
    bool isUnitPriceValid = decimal.TryParse(txtUnitPrice.Text, out unitPrice);
    if (string.IsNullOrEmpty(itemId) || string.IsNullOrEmpty(description) || quantity <= 0 || !isUnitPriceValid || unitPrice <= 0)
    {
        MessageBox.Show("Please enter valid data for all fields.", "Invalid Data", MessageBoxButtons.OK, MessageBoxIcon.Warning);
        return;
    }
    // Add data to the DataGridView
    AddItemToInvoice(itemId, description, quantity, unitPrice);
    // Clear the input fields after adding the item to the grid
    txtItemID.Clear();
    txtDescription.Clear();
    txtUnitPrice.Clear();
    numericUpDownQuantity.Value = 0;
    CalculateTotalAmount();
}

Erstellung der PDF-Rechnung

Wenn auf 'Rechnung erstellen' geklickt wird, führt die Anwendung den Ereignis-Handler btnInvoice_Click aus, in dem sie eine HTML-Zeichenfolge unter Verwendung einer StringBuilder-Klasse konstruiert. Diese Zeichenfolge umfasst die Kundendetails und eine stilisierte HTML-Tabelle, die mit den Rechnungsartikeln aus der DataGridView gefüllt ist. Der Renderer von IronPDF konvertiert anschließend dieses HTML in ein PDF-Dokument, das an einem angegebenen Pfad gespeichert wird. Die Anwendung bestätigt die erfolgreiche Erstellung der Rechnung mit einer Nachricht an den Benutzer.

private void btnInvoice_Click(object sender, EventArgs e)
{
    IronPdf.License.LicenseKey = "your-license-key"; // Replace with your IronPDF license key
    var customerName = txtName.Text;
    var customerEmail = txtEmail.Text;
    var customerAddress = txtAddress.Text;
    var customerPhone = txtPhone.Text;
    var htmlStringBuilder = new StringBuilder();
    htmlStringBuilder.Append("<html>");
    htmlStringBuilder.Append("<head>");
    htmlStringBuilder.Append("<title>Invoice</title>");
    htmlStringBuilder.Append(@"
        <style>
            body { font-family: 'Arial', sans-serif; }
            h1 { color: #333; text-align: center; }
            table { width: 100%; border-collapse: collapse; margin-top: 20px; }
            th, td { border: 1px solid #999; padding: 8px; text-align: left; }
            th { background-color: #f2f2f2; }
            tr:nth-child(even) { background-color: #f9f9f9; }
            h2 { text-align: right; margin-top: 20px; }
            .customer-info { line-height: 1.6; margin-bottom: 20px; }
            .customer-info p { margin: 0 0 10px 0; color: #333; }
            .customer-info label { font-weight: bold; }
        </style>");
    htmlStringBuilder.Append("</head>");
    htmlStringBuilder.Append("<body>");
    htmlStringBuilder.Append("<h1>Invoice</h1>");
    htmlStringBuilder.Append("<div class='customer-info'>");
    htmlStringBuilder.Append($"<p><strong>Customer Name:</strong> {customerName}</p>");
    htmlStringBuilder.Append($"<p><strong>Customer Email:</strong> {customerEmail}</p>");
    htmlStringBuilder.Append($"<p><strong>Customer Address:</strong> {customerAddress}</p>");
    htmlStringBuilder.Append($"<p><strong>Customer Phone:</strong> {customerPhone}</p>");
    htmlStringBuilder.Append("</div>");
    htmlStringBuilder.Append("<table><tr><th>Item ID</th><th>Description</th><th>Quantity</th><th>Unit Price</th><th>Total Price</th></tr>");
    foreach (DataGridViewRow row in invoiceDataGridView.Rows)
    {
        if (row.IsNewRow) continue; 
        htmlStringBuilder.Append("<tr>");
        htmlStringBuilder.Append($"<td>{row.Cells["itemIdColumn"].Value}</td>");
        htmlStringBuilder.Append($"<td>{row.Cells["descriptionColumn"].Value}</td>");
        htmlStringBuilder.Append($"<td>{row.Cells["quantityColumn"].Value}</td>");
        htmlStringBuilder.Append($"<td>{row.Cells["unitPriceColumn"].Value:C2}</td>");
        htmlStringBuilder.Append($"<td>{row.Cells["totalPriceColumn"].Value:C2}</td>");
        htmlStringBuilder.Append("</tr>");
    }
    htmlStringBuilder.Append("</table>");
    htmlStringBuilder.Append($"<h2>Total Amount: {lblTotalAmount.Text}</h2>");
    htmlStringBuilder.Append("</body></html>");
    var renderer = new IronPdf.ChromePdfRenderer();
    var pdfDocument = renderer.RenderHtmlAsPdf(htmlStringBuilder.ToString());
    string savePath = Path.Combine($"F:\\Invoice_{DateTime.Now:yyyyMMddHHmmss}.pdf");
    pdfDocument.SaveAs(savePath);
    MessageBox.Show("The invoice has been successfully saved to your desktop.", "Invoice Saved", MessageBoxButtons.OK, MessageBoxIcon.Information);
}

private void btnInvoice_Click(object sender, EventArgs e)
{
    IronPdf.License.LicenseKey = "your-license-key"; // Replace with your IronPDF license key
    var customerName = txtName.Text;
    var customerEmail = txtEmail.Text;
    var customerAddress = txtAddress.Text;
    var customerPhone = txtPhone.Text;
    var htmlStringBuilder = new StringBuilder();
    htmlStringBuilder.Append("<html>");
    htmlStringBuilder.Append("<head>");
    htmlStringBuilder.Append("<title>Invoice</title>");
    htmlStringBuilder.Append(@"
        <style>
            body { font-family: 'Arial', sans-serif; }
            h1 { color: #333; text-align: center; }
            table { width: 100%; border-collapse: collapse; margin-top: 20px; }
            th, td { border: 1px solid #999; padding: 8px; text-align: left; }
            th { background-color: #f2f2f2; }
            tr:nth-child(even) { background-color: #f9f9f9; }
            h2 { text-align: right; margin-top: 20px; }
            .customer-info { line-height: 1.6; margin-bottom: 20px; }
            .customer-info p { margin: 0 0 10px 0; color: #333; }
            .customer-info label { font-weight: bold; }
        </style>");
    htmlStringBuilder.Append("</head>");
    htmlStringBuilder.Append("<body>");
    htmlStringBuilder.Append("<h1>Invoice</h1>");
    htmlStringBuilder.Append("<div class='customer-info'>");
    htmlStringBuilder.Append($"<p><strong>Customer Name:</strong> {customerName}</p>");
    htmlStringBuilder.Append($"<p><strong>Customer Email:</strong> {customerEmail}</p>");
    htmlStringBuilder.Append($"<p><strong>Customer Address:</strong> {customerAddress}</p>");
    htmlStringBuilder.Append($"<p><strong>Customer Phone:</strong> {customerPhone}</p>");
    htmlStringBuilder.Append("</div>");
    htmlStringBuilder.Append("<table><tr><th>Item ID</th><th>Description</th><th>Quantity</th><th>Unit Price</th><th>Total Price</th></tr>");
    foreach (DataGridViewRow row in invoiceDataGridView.Rows)
    {
        if (row.IsNewRow) continue; 
        htmlStringBuilder.Append("<tr>");
        htmlStringBuilder.Append($"<td>{row.Cells["itemIdColumn"].Value}</td>");
        htmlStringBuilder.Append($"<td>{row.Cells["descriptionColumn"].Value}</td>");
        htmlStringBuilder.Append($"<td>{row.Cells["quantityColumn"].Value}</td>");
        htmlStringBuilder.Append($"<td>{row.Cells["unitPriceColumn"].Value:C2}</td>");
        htmlStringBuilder.Append($"<td>{row.Cells["totalPriceColumn"].Value:C2}</td>");
        htmlStringBuilder.Append("</tr>");
    }
    htmlStringBuilder.Append("</table>");
    htmlStringBuilder.Append($"<h2>Total Amount: {lblTotalAmount.Text}</h2>");
    htmlStringBuilder.Append("</body></html>");
    var renderer = new IronPdf.ChromePdfRenderer();
    var pdfDocument = renderer.RenderHtmlAsPdf(htmlStringBuilder.ToString());
    string savePath = Path.Combine($"F:\\Invoice_{DateTime.Now:yyyyMMddHHmmss}.pdf");
    pdfDocument.SaveAs(savePath);
    MessageBox.Show("The invoice has been successfully saved to your desktop.", "Invoice Saved", MessageBoxButtons.OK, MessageBoxIcon.Information);
}

Sobald die Windows Forms-Anwendung entwickelt und die IronPDF-Bibliothek integriert ist, ist das Ausführen der Anwendung und die Erzeugung von PDF-Rechnungen ein einfacher Prozess. Der Benutzer interagiert mit der Benutzeroberfläche der Anwendung, um Daten einzugeben und das gewünschte Ergebnis zu erzeugen. So verläuft der Prozess typischerweise:

Start der Anwendung

Starten Sie die Anwendung, indem Sie sie innerhalb von Visual Studio ausführen oder die kompilierte ausführbare Datei (.exe) direkt aus der Windows-Umgebung heraus starten. Die Anwendung zeigt das Formular zur Interaktion durch den Benutzer an.

Rechnungsdaten eingeben

Geben Sie Kundendetails in die vorgesehenen Textfelder oben im Formular ein, einschließlich Kundenname, Adresse, E-Mail und Telefonnummer. Fügen Sie Rechnungsartikel hinzu, indem Sie die Felder 'Artikel-ID', 'Beschreibung', 'Menge' und 'Stückpreis' im Abschnitt 'Rechnungsposten hinzufügen' des Formulars ausfüllen.

Klicken Sie auf 'Artikel hinzufügen', um den Artikel zur Rechnungsliste hinzuzufügen. Die DataGridView wird aktualisiert, um den neuen Artikel, seine Details und den berechneten Gesamtpreis anzuzeigen. Wiederholen Sie den Vorgang, um alle erforderlichen Artikel zur Rechnung hinzuzufügen. Das 'Gesamtbetrag'-Label wird dynamisch aktualisiert, um die kumulative Gesamtsumme der aufgelisteten Artikel anzuzeigen.

Erstellung der PDF-Rechnung

Klicken Sie auf 'Rechnung erstellen', sobald alle Artikel hinzugefügt und die Kundeninformationen vollständig sind. Die Anwendung kompiliert die Daten in HTML-Format, stilisiert mit CSS. IronPDF übernimmt die Konvertierung der HTML-Zeichenfolge in ein PDF-Dokument. Es wird mit der Chrome-Engine gerendert, was hohe Treue zu modernen Webstandards gewährleistet.

Ansicht der erstellten Rechnung

Nach der PDF-Generierung speichert die Anwendung die PDF-Datei an einem angegebenen Speicherort, oft im selben Verzeichnis wie die Anwendung oder einem vom Benutzer festgelegten Pfad. Eine Erfolgsmeldung erscheint, um dem Benutzer mitzuteilen, dass die PDF-Rechnung erfolgreich gespeichert wurde. Benutzer können dann zum gespeicherten Ort navigieren, um die Rechnung anzusehen oder zu verteilen.

PDF-Ausgabe

Das Ausgabe-PDF zeigt die Kundeninformationen oben an, gefolgt von einer detaillierten Tabelle der gekauften Artikel, einschließlich Beschreibungen, Mengen und Preisen. Der Gesamtbetrag der Rechnung ist am Ende des Dokuments aufgeführt und weist klar auf den Betrag hin, den der Kunde zahlen muss. Das PDF ist so gestaltet, dass es sauber und professionell aussieht, indem der innerhalb des Codes definierte CSS genutzt wird, um sicherzustellen, dass die Rechnung sowohl funktional als auch ästhetisch ansprechend ist.