Binden eines Arbeitsblatts mit einer Datenbank mithilfe des Arbeitsblatt-Designers in VS.Net 2005
Binden eines Arbeitsblatts mit einer Datenbank mithilfe des Arbeitsblatt-Designers in VS.Net 2005
Der Zweck dieses Artikels besteht darin, allen Entwicklern zu zeigen, wie Sie eine Datenbindungsanwendung in erstellen könnenVS.Net 2005 und verstehen Sie die Verwendung und Rolle vonArbeitsblatt-Designer Editor. Der beste Weg, etwas zu lernen und zu verstehen, ist durch Beispiele. Daher erstellen wir in diesem Artikel am besten auch eine Beispielanwendung, um die Verwendung von zu demonstrierenArbeitsblatt-Designerin verbindlichen Arbeitsblättern mit Datenbank. Lassen Sie uns Schritt für Schritt eine Anwendung erstellen.
Schritt 1: Erstellen einer Beispieldatenbank
Zunächst erstellen wir eine Beispieldatenbank, die in diesem Artikel verwendet wird. Wir haben MS Access verwendet, um eine Beispieldatenbank zu erstellen, die Folgendes enthältProdukte Tabelle, deren Schema unten gezeigt wird:
Figur: Designinformationen vonProdukte Tisch
Dem werden einige Dummy-Datensätze hinzugefügtProdukte Tabelle wie unten in der Abbildung gezeigt:
Figur: Aufzeichnungen einProdukte Tisch
Schritt 2: Beispielanwendung entwerfen
EinASP.NET Webanwendung wird in Visual Studio.NET 2005 erstellt und entworfen, wie in den Abbildungen unten gezeigt. Diese Screenshots sind nützlich für Entwickler, die mit Aspose.Cells.GridWeb in Visual Studio.Net 2005 nicht sehr vertraut sind.
Starten Sie zuerst VS.Net 2005.
Figur: Ab VS.Net 2005
Erstellen Sie über das Menü Datei|Neu|Website… eine neue Website.
Figur: Erstellen einer neuen Website
Nachdem Sie auf die Menüoption Datei|Neu|Website… geklickt haben,Neue Website Dialog angezeigt. Drücke denDurchsuche Knopf darin.
**Figur:**Dialogfeld „Neue Website“.
Nach dem Anklicken derDurchsuche Wählen Sie den Standortordner im lokalen IIS aus. Sie können einen neuen Ordner erstellen und ihn wie in der Abbildung gezeigt zu einem virtuellen Ordner machen.
Figur: Erstellen eines neuen Ordners
Nach dem Anklicken derOffen Schaltfläche in derOrt wählen Dialog,Neue Website Dialog wird aussehen.
Figur: Projektspeicherort festlegen
Jetzt wird das Projekt erstellt
Figur: Erstelltes Projekt
XHTML- und HTML-Modi
Aspose.Cells.GridWeb unterstützt vollständig den XHTML-Modus, der seit dem standardmäßig in VS.Net 2005 implementiert istXhtmlMode Eigentum derGridWeb Steuerung eingestellt istWahr standardmäßig, wenn Sie das Steuerelement auf der Webseite platzieren. Aber wenn Sie den HTML-Modus für die Steuerung in VS.Net 2005 implementieren möchten, können Sie dies ganz einfach tun. Sie müssen die ändern**<!DOCTYPE>** Tag ein bisschen im Quellcode der Webseite und setze das**XhtmlMode** Eigentum der**GridWeb** Kontrolle zu**FALSCH** .
In diesem Thema verwenden wir den HTML-Modus für die Steuerung. Befolgen Sie daher die folgenden Schritte
1. Wechseln Sie zur Quellansicht der Webseite und suchen Sie das folgende <!DOCTYPE>-Tag im Quellcode.
XML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Sobald Sie dieses Tag gefunden haben, wählen Sie dieses vollständige Tag im Quellcode aus, wie unten gezeigt.
Figur: Auswählen**<!DOCTYPE>-Tag**
Ersetze das**<!DOCTYPE>** -Tag aus Ihrem Quellcode mit dem folgenden.
XML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
Figur: Ändern**<!DOCTYPE>-Tag**
2. Nachdem Sie das GridWeb-Steuerelement zum Webformular hinzugefügt haben. Sie sollten das Steuerelement auswählen und die XhtmlMode-Eigenschaft im Eigenschaftenfenster auswählen, um sie auf False zu setzen.
Hinzufügen von GridWeb zum WebForm
Klicken Sie mit der rechten Maustaste aufWerkzeugkasten und auswählenArtikel auswählen… aus dem Menü.
Figur: Artikel auswählen
Wählen Sie nun ausGridWeb Komponente und klicken SieOK
Figur: AuswählenGridWeb Komponente im Komponentendialog
Jetzt dieGridWeb wird hinzugefügt, wie in der Abbildung unten gezeigt.
Figur: GridWeb wird in der Toolbox hinzugefügt
Stelle dasGridWeb im Webformular wie unten gezeigt.
Figur: PlatzierungGridWeb auf der Webseite
Schritt 3: Herstellen einer Verbindung mit der Datenbank mithilfe des Server-Explorers und Festlegen des Verbindungsobjekts
Zuerst fügen wir die MS Access-Datenbank dem Projekt hinzu, in dem wir zuvor erstellt habenSchritt 1 . Sie können das sehendb.mdb Datei wird dem Projekt hinzugefügt.
Figur: Datenbank zum Projektordner hinzugefügt
Nun gehen wir zuKomponentendesigner Fenster des Webformulars mit der Rechtsklick-Menüoption der Webseite.
Figur: AuswählenKomponenten-Designer anzeigen Möglichkeit
Das Fenster „Komponenten-Designer“ wird wie folgt angezeigt.
Figur: Komponenten-Designer-Fenster
Doppelklicken Sie auf dieOleDbConnection Komponente aus dem Datenbereich, um das oleDbConnection1-Objekt im Fenster zu platzieren.
Figur: oleDbConnection1-Objekt
Jetzt ist es an der Zeit, sich mit der Datenbank zu verbinden. Wir können es einfach tun, indem wir verwendenServer-Explorer in Visual Studio.NET 2005. Einfach auswählenDatenverbindung inServer-Explorer und Rechtsklick. Vor Ihnen erscheint ein Kontextmenü. Wählen**Verbindung hinzufügen…**Option aus dem Menü, wie unten in der Abbildung gezeigt:
Figur: AuswählenVerbindung hinzufügen… Option aus dem Menü
Nach der AuswahlVerbindung hinzufügen… Option aus dem Menü,Verbindung hinzufügen Dialog wird geöffnet undDurchsuche , um die Datenbankdatei wie unten gezeigt auszuwählen.
Figur: Auswahl der Datenbankdatei
Sie können die Verbindung testen.
Figur: Testen der Verbindung
Sie können die Verbindung durchsuchen, um die Tabelle und ihre Felder zu überprüfen.
Figur: Überprüfen der Tabelle und ihrer Felder der Verbindung
Wenn Sie jetzt auswählenoleDbConnection1 Objekt in derKomponentendesigner Fenster können Sie die Verbindungszeichenfolge auswählen, die sich auf die vorhandene Verbindung bezieht, die gerade erstellt wird. Sie befindet sich dort in der Eigenschaft “ConnectionString” deroleDbConnection1 Objekt im Eigenschaftenfenster.
Figur: Auswählen der Verbindungszeichenfolge für das Objekt
Schließlich wird der Modifikator des Objekts geändert zuGeschützt für eine bessere Erreichbarkeit.
Figur: Festlegen des Modifikators des Objekts
Schritt 4: Datenadapterobjekt konfigurieren
Fügen Sie nun ein hinzuOleDbDataAdapter Komponente aus dem Datenbereich in der Toolbox, um sie zu konfigurieren. Doppelklicken Sie auf dieOleDbDataAdapter Im Datenbereich der Toolbox startet es seinen Konfigurationsassistenten und wählt die vorhandene Verbindung aus, wie in der Abbildung gezeigt:
Figur: Konfigurationsassistent für Datenadapter
Nach dem AnklickenNächste klicken Sie auf die SchaltflächeAbfrage Ersteller um die hinzuzufügenProdukte Tabelle, wählen Sie Alle Spalten und klicken Sie aufOK Knopf.
Figur: Produkttabelle hinzufügen
Figur: Abfrage Ersteller
Jetzt klickenFertig Schaltfläche, um den Assistenten zu beenden.
Figur: Den Assistenten beenden
Nach der Konfiguration des Assistenten wird oleDbDataAdapter1 automatisch zum Fenster hinzugefügt, wie unten gezeigt. Außerdem können Sie den Modifikator auf setzenGeschützt.
Figur: Abrufen des OleDbDataAdapter-Objekts im Designerfenster
Schritt 5: DataSet generieren
Da wir Datenbankverbindungs- und Datenadapterobjekte erstellt haben, brauchen wir dennoch etwas, wo wir Daten speichern können, nachdem wir uns mit der Datenbank verbunden haben. EINDatensatzObjekt kann Daten genau speichern und wir können sie auch einfach mit VS.NET 2005 IDE generieren. Wählen Sie dazu ausoleDbDataAdaper1 und Rechtsklick. Ein Kontextmenü mit einigen Optionen wird angezeigt. WählenGenerieren Datensatz… Option aus dem Menü, wie unten in der Abbildung gezeigt.
Figur: AuswählenGenerieren Datensatz… Option aus dem Menü
Nach der AuswahlGenerieren Datensatz… Option aus dem Menü, aDatensatz generieren Dialog geöffnet würde. Mit diesem Dialog können wir den Namen des neuen auswählenDatensatz zu erstellendes Objekt und welche Tabellen hinzugefügt werden sollenDatensatz . PrüfenFügen Sie dieses Dataset dem Designer hinzu Option und klicken Sie aufOK Taste wie unten in der Abbildung gezeigt.
Figur: KlickenOK Schaltfläche zum GenerierenDatensatz
Jetzt sieht man aDatensatz11 Objekt, das dem Designer hinzugefügt wurde, wie unten in der Abbildung gezeigt. Stellen Sie den Objektmodifikator auf einGeschützt.
Figur: Datensatz generiert und dem Designerfenster hinzugefügt
Bestimmter Code wird automatisch in der .cs-dateibezogenen Verbindung, dem Datenadapter und dem Datensatzobjekt generiert.
Figur: Generierter Code
Schritt 6: Verwenden des Arbeitsblatt-Designers
Jetzt ist es an der Zeit, das Geheimnis zu lüften. Wählen Sie das Steuerelement aus und klicken Sie mit der rechten Maustaste. Ein Kontextmenü würde geöffnet werden. Wählen Sie die Option Arbeitsblatt-Designer… aus dem Menü, wie unten in der Abbildung gezeigt.
Figur: AuswählenArbeitsblatt-Designer… Option aus dem Menü
NachdemEditor für Arbeitsblattsammlungen Dialog (auch genanntArbeitsblatt-Designer ) geöffnet wird, können Sie mehrere Eigenschaften sehen, die konfiguriert werden können, um dieBlatt1 mit jeder Tabelle in der Datenbank. Lassen Sie uns auswählenDatenquelle Eigentum. SchreibenDatensatz11 darin (das wir im vorherigen Schritt generiert und zum Designerfenster hinzugefügt haben). Dann klicken Sie aufDatenmitglied Eigentum. SchreibenProdukte als Tabellenname hier, wie unten in der Abbildung gezeigt:
Figur: EinstellungDatenquelle undDatenmitglied Eigenschaften
Jetzt können Sie konfigurierenBindenSpalten Eigentum. Nachdem Sie darauf geklickt haben, können Sie jetzt die Bindungsspalten hinzufügen und festlegenBildbeschriftung , Datenfeld (Sollte gleich seinProdukte Tabellenfelder) und andere Eigenschaften. Sie können die einstellenWird automatisch erstellt zuwahr und bewerbenValidierung und setze dieNumberTypeaus verschiedenen Feldern für Ihre Anforderungen.
Figur: KlickenBindenSpalten Eigentum
Figur: BindColumn-Auflistungs-Editor Dialog
Schritt 7: Hinzufügen einiger Codezeilen für die Webseite
Wir haben benutztArbeitsblatt-Designer einfach und jetzt müssen wir nur noch ein paar Codezeilen hinzufügen
Zuerst werden wir hinzufügenOnInit ereignisbezogener Code zum InitialisierenInitialisieren der Komponente Methode zum Initialisieren und Erstellen von Verbindungs-, Befehls-, Datenadapter- und Datensatzobjekten. Diese Codezeilen werden nicht mit dem automatisch generierten Code hinzugefügt, daher müssen wir sie manuell hinzufügen.
Figur: Etwas Code hinzufügen1
Figur: Etwas Code hinzufügen2
Jetzt fügen wir etwas Code in die hinzuSeite_Laden Ereignishandler zum FüllenDatensatz11 Objekt mit Daten aus der Datenbank (mitoleDbDataAdapter1 ) und verbindlichGridWeb Kontrolle mitDatensatz11 indem Sie es anrufenDataBind Methode.
Beispiel:
C#
//Implementing Page_Load event handler
protected void Page_Load(object sender, EventArgs e)
{
//Checking if there is not any PostBack
if (!IsPostBack)
{
try
{
//Filling DataSet with data
oleDbDataAdapter1.Fill(dataSet11);
//Binding GridWeb with DataSet
GridWeb1.DataBind();
}
finally
{
//Finally, closing database connection
oleDbConnection1.Close();
}
}
}
VB.NET
'Implementing Page_Load event handler
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
'Checking if there is not any PostBack
If Not IsPostBack Then
Try
'Filling DataSet with data
oleDbDataAdapter1.Fill(dataSet11)
'Binding GridWeb with DataSet
GridWeb1.DataBind()
Finally
'Finally, closing database connection
oleDbConnection1.Close()
End Try
End If
End Sub
Sie können auch den hinzugefügten Code überprüfenSeite_Laden Ereignishandler wie unten in der Abbildung gezeigt:
Figur: Code hinzugefügtSeite_Laden Ereignishandler
Bei weitem haben wir eine sehr nützliche Datenbankanwendung erstellt. Mit dieser Anwendung können Sie jedoch nur die Daten der Tabelle anzeigen. Obwohl Sie Daten in bearbeiten könnenGridWeb steuern, sondern wenn Sie Ihr Browserfenster schließen und Ihre Datenbank öffnen. Sie würden feststellen, dass sich nichts geändert hat. Das bedeutet, dass die von Ihnen vorgenommenen Änderungen nicht in der Datenbank gespeichert werden. Es gibt also etwas, das Sie tun müssen.
Jetzt werden wir unserer Anwendung etwas Code hinzufügen, damitGridWeb kann seine Änderungen in der aktuellen Datenbank speichern. Öffnen wir esEigenschaften Bereich und wählen Sie ausSaveCommand Veranstaltung derGridWeb Steuerung aus der Liste seiner Ereignisse. Wenn Sie auf doppelklickenSaveCommand Ereignis dann VS.NET 2005 IDE erstellenGridWeb1_SaveCommand Event-Handler für Sie. Fügen Sie diesem Ereignishandler Code hinzu, um die Datenbank mit den darin enthaltenen geänderten Daten zu aktualisierenDatensatz (mit dem Arbeitsblatt verbunden) verwendenoleDbDataAdapter1.
Beispiel:
C#
//Implementing the event handler for SaveCommand event
protected void GridWeb1_SaveCommand(object sender, EventArgs e)
{
try
{
//Getting the modified data of worksheet as a DataSet
DataSet dataset = (DataSet)GridWeb1.WebWorksheets[0].DataSource;
//Updating database according to modified DataSet
oleDbDataAdapter1.Update(dataset);
}
finally
{
//Closing database connection
oleDbConnection1.Close();
}
}
VB.NET
'Implementing the event handler for SaveCommand event
Protected Sub GridWeb1_SaveCommand(ByVal sender As Object, ByVal e As System.EventArgs)
Handles GridWeb1.SaveCommand
Try
'Getting the modified data of worksheet as a DataSet
Dim dataset As DataSet = CType(GridWeb1.WebWorksheets(0).DataSource, DataSet)
'Updating database according to modified DataSet
oleDbDataAdapter1.Update(dataset)
Finally
'Closing database connection
oleDbConnection1.Close()
End Try
End Sub
Sie können auch den hinzugefügten Code überprüfenGridWeb1_SaveCommand Ereignishandler wie unten in der Abbildung gezeigt:
Figur: Code hinzugefügtGridWeb1_SaveCommand Ereignishandler
Wenn Sie nun Ihre Änderungen in der Datenbank speichern, verwenden SieSpeichern Knopf derGridWeb , sie würden definitiv gerettet werden.
Schritt 8: Ausführen Ihrer Anwendung
Schließlich können wir unsere Anwendung kompilieren und ausführen, indem wir entweder drückenStrg+F5 oder klickenStart Knopf. Im Debugging-Dialogfeld können Sie die entsprechende Debugging-Option angeben und klickenOK Taste wie unten in der Abbildung gezeigt.
Figur: Laufende Anwendung
Nach der ZusammenstellungDefault.aspx Die Seite unserer Webanwendung wird in einem neuen Browserfenster geöffnet, in dem wir alle aus der Datenbank geladenen Daten wie unten gezeigt sehen können:
Figur: Daten geladen inGridWeb Steuerung aus der Datenbank
Wenn Daten in geladen werdenGridWeb Kontrolle, dann würden Sie das Gefühl haben, dass Aspose.Cells.GridWeb seinen Benutzern eine implizite Kontrolle über die Daten bietet. Lassen Sie uns überprüfen, welche Art von Datenbearbeitungsfunktionen angeboten werdenGridWeb an seine Benutzer.
Datenvalidierung
Aspose.Cells. GridWeb erstellt automatisch geeignete Validierungsregeln für alle gebundenen Spalten gemäß ihren in der Datenbank definierten Datentypen. Sie können den Validierungstyp einer Zelle sehen, indem Sie Ihren Mauszeiger darauf bewegen, wie unten in der Abbildung gezeigt:
**Figur:**Überprüfung des Validierungstyps einer Zelle
In der obigen Abbildung können wir sehen, dass die ausgewählte Zelle enthält**<INT>** Typ der Validierung, was bedeutet, dass Benutzer nur einen ganzzahligen Wert eingeben können, da sonst ein Validierungsfehler auftritt. Darüber hinaus,**<ERFORDERLICH>** zeigt, dass der Wert von**Produkt ID** muss vom Benutzer eingereicht werden.
Zeilen löschen
Um eine Zeile zu löschen, sollten Sie zuerst eine Zeile (oder eine beliebige Zelle der Zeile) auswählen und auswählenZeile löschen Option aus dem Rechtsklickmenü wie unten gezeigt:
Figur: AuswählenZeile löschen Option aus dem Menü
Nach der AuswahlZeile löschen aus dem Menü wird die Zeile aus dem gelöschtGridWeb . Jetzt klickenspeichern Knopf derGridWeb um diesen Datensatz in der ursprünglichen Datenbanktabelle zu löschen.
Figur: Rasterdaten (nachdem eine Zeile gelöscht wurde)
Zeilen bearbeiten
Sie können auch Daten in Zellen oder Zeilen bearbeiten und dann klickenSpeichern Schaltfläche, um Ihre Änderungen zu speichern.
Figur: Rasterdaten (Bearbeiten von Datensatz 1)
Figur: Rasterdaten (Bearbeiten von Datensatz2)
Zeilen hinzufügen
Um eine Zeile hinzuzufügen, wählen Sie ausZeile hinzufügen Option aus dem Rechtsklickmenü wie unten gezeigt:
Figur: AuswählenZeile hinzufügen Option aus dem Menü
Nach der Auswahl wird dem Blatt am Ende der Zeilen eine neue Zeile hinzugefügtZeile hinzufügen Option aus dem Menü. Auf der linken Seite der neu hinzugefügten Zeile würden Sie ein bemerkenSternchen Markierung, die angibt, dass die Zeile neu hinzugefügt wurde.
Figur: Neue Zeile zum Raster hinzugefügt
Nachdem Sie die Werte in die neue Zeile eingegeben haben, klicken Sie aufSpeichern Schaltfläche, um die Änderungen in der ursprünglichen Datenbanktabelle wie unten gezeigt zu bestätigen
Figur: Änderungen an Datenbanktabelle speichern durch AnklickenSpeichern Knopf