Liaison d'une feuille de calcul avec une base de données à l'aide du concepteur de feuilles de calcul dans VS.Net 2005
Liaison d’une feuille de calcul avec une base de données à l’aide du concepteur de feuilles de calcul dans VS.Net 2005
Le but de cet article est de permettre à tous les développeurs d’apprendre comment vous pouvez créer une application de liaison de données dansVS.Net 2005 et comprendre l’utilisation et le rôle deConcepteur de feuilles de travail éditeur. La meilleure façon d’apprendre et de comprendre quoi que ce soit est à travers des exemples. Ainsi, dans cet article, il serait également préférable pour nous de créer un exemple d’application pour démontrer l’utilisation deConcepteur de feuilles de travaildans des feuilles de travail contraignantes avec base de données. Créons une application étape par étape.
Étape 1 : Création d’un exemple de base de données
Tout d’abord, nous allons créer un exemple de base de données qui sera utilisé dans cet article. Nous avons utilisé MS Access pour créer un exemple de base de données contenantDes produits table dont le schéma est présenté ci-dessous :
Chiffre: Informations de conception deDes produits table
Peu d’enregistrements factices sont ajoutés auDes produits tableau comme indiqué ci-dessous dans la figure :
Chiffre: Enregistrements dansDes produits table
Étape 2 : Concevoir un exemple d’application
UnApplication Web ASP.NET est créé et conçu dans Visual Studio.NET 2005, comme illustré dans les figures ci-dessous. Ces captures d’écran sont utiles pour les développeurs qui ne sont pas très familiers avec Aspose.Cells.GridWeb dans Visual Studio.Net 2005.
Premier démarrage de VS.Net 2005.
Chiffre: À partir de VS.Net 2005
Créez un nouveau site Web à partir du menu Fichier|Nouveau|Site Web….
Chiffre: Création d’un nouveau site Web
Après avoir cliqué sur l’option de menu Fichier|Nouveau|Site Web…,Nouveau site Internet boîte de dialogue s’affiche. Clique leParcourir bouton dedans.
**Chiffre:**Boîte de dialogue Nouveau site Web
Après avoir cliqué sur leParcourir , choisissez le dossier d’emplacement dans le IIS local. Vous pouvez créer un nouveau dossier et en faire un dossier virtuel, comme indiqué sur la figure.
Chiffre: Création d’un nouveau dossier
Après avoir cliqué sur leOuvrir bouton dans leChoisissez l’emplacement dialogue,Nouveau site Internet la boîte de dialogue ressemblera.
Chiffre: Définition de l’emplacement du projet
Le projet est maintenant créé
Chiffre: Projet créé
Modes XHTML et HTML
Aspose.Cells.GridWeb prend complètement en charge le mode XHTML qui est implémenté par défaut dans VS.Net 2005 depuis leXhtmlMode propriété de laGrilleWeb le contrôle est réglé surVrai par défaut lorsque vous placez le contrôle sur la page Web. Mais si vous souhaitez implémenter le mode HTML pour le contrôle dans VS.Net 2005, vous pouvez le faire assez facilement. Vous devez modifier le**<!DOCTYPE>** marquer un peu dans le code source de la page Web et définir le**XhtmlMode** propriété de la**GrilleWeb** contrôler pour**Faux** .
Dans cette rubrique, nous utiliserons le mode HTML pour le contrôle. Alors suivez les étapes ci-dessous
1. Basculez vers la vue Source de la page Web et recherchez la balise <!DOCTYPE> suivante dans le code source.
XML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Une fois que vous avez trouvé cette balise, sélectionnez cette balise complète dans le code source, comme indiqué ci-dessous.
Chiffre: SélectionBalise <!DOCTYPE>
Remplace le**<!DOCTYPE>** tag de votre code source par le suivant.
XML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
Chiffre: ModificationBalise <!DOCTYPE>
2. Après avoir ajouté le contrôle GridWeb au formulaire Web. Vous devez sélectionner le contrôle et choisir la propriété XhtmlMode dans la fenêtre Propriétés pour la définir sur False.
Ajout de GridWeb au WebForm
Clic droit surBoîte à outils et sélectionnezChoisissez les articles… du menu.
Chiffre: Choisir des articles
Sélectionnez maintenantGrilleWeb composant et cliquez surD’ACCORD
Chiffre: SélectionGrilleWeb composant dans la boîte de dialogue des composants
Maintenant leGrilleWeb est ajouté comme indiqué dans la figure ci-dessous.
Chiffre: GrilleWeb est ajouté dans la boîte à outils
Placer leGrilleWeb sur le formulaire Web comme indiqué ci-dessous.
Chiffre: PlacementGrilleWeb sur la page internet
Étape 3 : Connexion à la base de données à l’aide de l’Explorateur de serveurs et définition de l’objet de connexion
Nous ajoutons d’abord la base de données MS Access au projet que nous avons précédemment créé dansÉtape 1 . Vous pouvez voir quedb.mdb fichier est ajouté au projet.
Chiffre: Base de données ajoutée au dossier du projet
Maintenant, nous allons àConcepteur de composants fenêtre du formulaire Web à l’aide de l’option de menu contextuel de la page Web.
Chiffre: SélectionAfficher le concepteur de composants option
La fenêtre du concepteur de composants est illustrée ci-dessous.
Chiffre: Fenêtre du concepteur de composants
Double-cliquez sur leOleDbConnectionOleDbConnection composant du panneau Données pour placer l’objet oleDbConnection1 dans la fenêtre.
Chiffre: Objet oleDbConnection1
Il est maintenant temps de se connecter à la base de données. Nous pouvons le faire facilement en utilisantExplorateur de serveur dans Visual Studio.NET 2005. Sélectionnez simplementConnexion de données dansExplorateur de serveur et clic droit. Vous verrez un menu contextuel apparaître devant vous. Sélectionner**Ajouter une connexion…**option dans le menu comme indiqué ci-dessous dans la figure :
Chiffre: SélectionAjouter une connexion… option du menu
Après avoir sélectionnéAjouter une connexion… option du menu,Ajouter une connexion la boîte de dialogue s’ouvrira etParcourir pour sélectionner le fichier de base de données comme indiqué ci-dessous.
Chiffre: Sélection du fichier de base de données
Vous pouvez tester la connexion.
Chiffre: Tester la connexion
Vous pouvez parcourir la connexion pour vérifier la table et ses champs.
Chiffre: Vérification de la table et de ses champs de la connexion
Maintenant, si vous sélectionnezoleDbConnection1 objet dans leConcepteur de composants fenêtre, vous pouvez sélectionner la chaîne de connexion liée à la connexion existante qui vient d’être créée, elle se trouve dans la propriété “ConnectionString” de laoleDbConnection1 objet dans la fenêtre Propriétés.
Chiffre: Sélection de la chaîne de connexion pour l’objet
Enfin, le modificateur de l’objet est changé enProtégé pour une meilleure accessibilité.
Chiffre: Définition du modificateur de l’objet
Étape 4 : configuration de l’objet adaptateur de données
Maintenant, ajoutez unOleDbDataAdapter composant dans le panneau Données de la boîte à outils pour le configurer. Double-cliquez sur leOleDbDataAdapter dans le panneau Données de la boîte à outils, il lancera son assistant de configuration et sélectionnera la connexion existante comme indiqué sur la figure :
Chiffre: Assistant de configuration de l’adaptateur de données
Après avoir cliquéSuivant bouton, cliquez sur leGénérateur de requêtes pour ajouter leDes produits tableau, sélectionnez Toutes les colonnes et cliquez surD’ACCORD bouton.
Chiffre: Ajout de la table des produits
Chiffre: Générateur de requêtes
Cliquez maintenantFinir bouton pour terminer l’assistant.
Chiffre: Terminer l’assistant
Après avoir configuré l’assistant, oleDbDataAdapter1 est automatiquement ajouté à la fenêtre, comme indiqué ci-dessous. De plus, vous pouvez définir son modificateur surProtégé.
Chiffre: Récupération de l’objet OleDbDataAdapter sur la fenêtre du concepteur
Étape 5 : Génération de l’ensemble de données
Comme nous avons créé des objets de connexion à la base de données et d’adaptateur de données, nous avons toujours besoin de quelque chose où nous pouvons stocker des données après la connexion à la base de données. UNEBase de donnéesobject peut stocker des données avec précision et nous pouvons également les générer facilement à l’aide de VS.NET 2005 IDE. Pour ce faire, sélectionnezoleDbDataAdaper1 et clic droit. Un menu contextuel apparaîtra avec certaines options. SélectionnerGénérer Base de données… option dans le menu comme indiqué ci-dessous dans la figure.
Chiffre: SélectionGénérer Base de données… option du menu
Après avoir sélectionnéGénérer Base de données… option du menu, unGénérer un ensemble de données la boîte de dialogue s’ouvrirait. En utilisant cette boîte de dialogue, nous pouvons sélectionner ce que serait le nom du nouveauBase de données l’objet à créer et les tables à ajouterBase de données . VérifierAjouter cet ensemble de données au concepteur option et cliquezD’ACCORD bouton comme indiqué ci-dessous dans la figure.
Chiffre: En cliquantD’ACCORD bouton pour générerBase de données
Maintenant, vous pouvez voir undataSet11 objet ajouté au concepteur comme indiqué ci-dessous dans la figure. Définissez le modificateur d’objet surProtégé.
Chiffre: Base de données généré et ajouté à la fenêtre du concepteur
Certains codes sont automatiquement générés dans la connexion liée au fichier .cs, l’adaptateur de données, l’objet de jeu de données.
Chiffre: Code généré
Étape 6 : Utilisation du concepteur de feuilles de calcul
Maintenant, il est temps d’ouvrir le secret. Sélectionnez le contrôle et faites un clic droit. Un menu contextuel s’ouvrira. Sélectionnez l’option Worksheets Designer… dans le menu, comme indiqué ci-dessous dans la figure.
Chiffre: SélectionConcepteur de feuilles de travail… option du menu
Après celaÉditeur de collection de feuilles de calcul boîte de dialogue (également appeléeConcepteur de feuilles de travail ) sera ouvert, vous pouvez voir plusieurs propriétés qui peuvent être configurées pour lier leFeuille1 avec n’importe quelle table de la base de données. sélectionnonsLa source de données la propriété. ÉcriredataSet11 dedans (que nous avons généré et ajouté à la fenêtre du concepteur à l’étape précédente). Cliquez ensuite surMembre de données la propriété. ÉcrireDes produits comme nom de table ici, comme indiqué ci-dessous dans la figure :
Chiffre: ParamètreLa source de données etMembre de données Propriétés
Maintenant, vous pouvez configurerLierColonnes la propriété. Après avoir cliqué dessus, vous pouvez maintenant ajouter les colonnes de liaison et définir leLégende , Champ de données (Cela devrait être le même queDes produits champs de table) et d’autres propriétés. Vous pouvez régler leEstCrééAuto àvrai et appliquerValidation et réglez leNuméroTypede différents domaines pour vos besoins.
Chiffre: En cliquantLierColonnes la propriété
Chiffre: Éditeur de collections BindColumn dialogue
Étape 7 : Ajout de quelques lignes de code pour la page Web
Nous avons utiliséConcepteur de feuilles de travail facilement et maintenant nous n’avons plus qu’à ajouter quelques lignes de code
Nous ajouterons d’abordOnInit code lié à l’événement à initialiserInitializeComponent méthode pour initialiser et créer des objets de connexion, de commande, d’adaptateur de données et d’ensemble de données. Ces lignes de code ne sont pas ajoutées avec le code généré automatiquement, nous devons donc les ajouter manuellement.
Chiffre: Ajouter du code1
Chiffre: Ajouter du code2
Maintenant, nous ajoutons du code dans lePage_Load gestionnaire d’événements pour le remplissagedataSet11 objet avec des données de la base de données (en utilisantoleDbDataAdapter1 ) et reliureGrilleWeb contrôler avecdataSet11 en appelant sonDataBind méthode.
Exemple:
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
Vous pouvez également vérifier le code ajouté àPage_Load gestionnaire d’événements comme indiqué ci-dessous dans la figure :
Chiffre: Code ajouté àPage_Load gestionnaire d’événements
De loin, nous avons construit une application de base de données très utile. Mais, cette application vous permet uniquement de visualiser les données de la table. Bien que vous puissiez modifier les données dansGrilleWeb contrôle mais quand vous fermerez la fenêtre de votre navigateur et ouvrirez votre base de données. Vous constaterez que rien n’a changé. Cela signifie que les modifications que vous avez apportées ne sont pas enregistrées dans la base de données. Donc, il y a quelque chose que vous devez faire.
Nous allons maintenant ajouter du code à notre application afin queGrilleWeb peut enregistrer ses modifications dans la base de données réelle. OuvronsPropriétés volet et sélectionnezEnregistrer la commande événement de laGrilleWeb contrôle à partir de la liste de ses événements. Si vous double-cliquez surEnregistrer la commande événement alors VS.NET 2005 IDE créeraGridWeb1_SaveCommand gestionnaire d’événements pour vous. Ajoutez du code à ce gestionnaire d’événements pour mettre à jour la base de données avec les données modifiées contenues dansBase de données (lié à la feuille de travail) en utilisantoleDbDataAdapter1.
Exemple:
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
Vous pouvez également vérifier le code ajouté àGridWeb1_SaveCommand gestionnaire d’événements comme indiqué ci-dessous dans la figure :
Chiffre: Code ajouté àGridWeb1_SaveCommand gestionnaire d’événements
Maintenant, si vous enregistrez vos modifications dans la base de données en utilisantSauver bouton de laGrilleWeb , ils seraient définitivement sauvés.
Étape 8 : Lancer votre application
Enfin, nous pouvons compiler et exécuter notre application en appuyant surCtrl+F5 ou en cliquantDémarrer bouton. Dans la boîte de dialogue de débogage, vous pouvez spécifier l’option de débogage appropriée et cliquer surD’ACCORD bouton comme indiqué ci-dessous dans la figure.
Chiffre: Application en cours d’exécution
Après compilation,Par défaut.aspx La page de notre application Web s’ouvrira dans une nouvelle fenêtre de navigateur où nous pourrons voir toutes les données chargées à partir de la base de données, comme indiqué ci-dessous :
Chiffre: Données chargées dansGrilleWeb contrôle depuis la base de données
Lorsque les données sont chargées dansGrilleWeb contrôle alors vous auriez l’impression que Aspose.Cells.GridWeb fournit un contrôle implicite des données à ses utilisateurs. Vérifions que le type de fonctionnalités de manipulation de données est proposé parGrilleWeb à ses utilisateurs.
La validation des données
Aspose.Cells.GridWeb crée automatiquement des règles de validation appropriées pour toutes les colonnes liées en fonction de leurs types de données définis dans la base de données. Vous pouvez voir le type de validation d’une cellule en passant le pointeur de la souris dessus, comme indiqué ci-dessous dans la figure :
**Chiffre:**Vérification du type de validation d’une cellule
Dans la figure ci-dessus, nous pouvons voir que la cellule sélectionnée contient**<INT>** type de validation, ce qui signifie que les utilisateurs ne peuvent saisir qu’une valeur entière, sinon une erreur de validation se produira. En outre,**<OBLIGATOIRE>** montre que la valeur de**Identifiant du produit** doit être soumis par l’utilisateur.
Suppression de lignes
Pour supprimer une ligne, vous devez d’abord sélectionner une ligne (ou n’importe quelle cellule de la ligne) et sélectionnerSupprimer la ligne option dans le menu contextuel comme indiqué ci-dessous :
Chiffre: SélectionSupprimer la ligne option du menu
Après avoir sélectionnéSupprimer la ligne du menu, la ligne est supprimée duGrilleWeb . Cliquez maintenantsauvegarder bouton de laGrilleWeb pour supprimer cet enregistrement dans la table de base de données d’origine.
Chiffre: Données de grille (après la suppression d’une ligne)
Modification des lignes
Vous pouvez également modifier les données dans les cellules ou les lignes, puis cliquer surSauver bouton pour enregistrer vos modifications.
Chiffre: Données de grille (Modification de l’enregistrement 1)
Chiffre: Données de la grille (Editing Record2)
Ajout de lignes
Pour ajouter une ligne, sélectionnezAjouter une rangée option dans le menu contextuel comme indiqué ci-dessous :
Chiffre: SélectionAjouter une rangée option du menu
Une nouvelle ligne sera ajoutée à la feuille à la fin des lignes après avoir sélectionnéAjouter une rangée option du menu. À gauche de la ligne nouvellement ajoutée, vous remarquerez unastérisque marque, indiquant que la ligne vient d’être ajoutée.
Chiffre: Nouvelle ligne ajoutée à la grille
Après avoir entré les valeurs dans la nouvelle ligne, cliquez surSauver bouton pour confirmer les modifications dans la table de base de données d’origine, comme indiqué ci-dessous
Chiffre: Enregistrement des modifications dans la table de base de données en cliquant surSauver bouton