Introduction à la base de données avec les formulaires HTML

Pour écrire un programme de bases de données, vous devez:

• un moteur de base de données par exemple Microsoft Access, MSSQL, MySQL, Oracle, etc

• une API de bases de données pour relier la base de données et le langage de programmation.

• un langage de programmation tels que C + +, Java, Visual Basic.net, et Perl.

• API Windows par exemple Win32 API pour la conception des formulaires. Notez que beaucoup de gens préfèrent utiliser les studios à la place. L’utilisation de studios rend la conception des formes les moins fastidieuse.

En écrivant tout programme, de l’API Windows vous donne plus de souplesse que les studios. Autrement dit, vous pouvez créer plusieurs formes de votre choix avec l’API Windows que vous le feriez avec un studio.

Si vous recherchez la flexibilité, et vous ne voulez pas passer par le processus fastidieux d’utiliser une API Windows, sachez que vous pouvez utiliser du HTML. Les auteurs de PL / SQL ont déjà été en utilisant le HTML pour créer leurs formes, mais pas dans la voie que je présente dans cette série d’articles.

Notez que tout le monde aujourd’hui devrait avoir un navigateur dans son ordinateur. L’utilisation de HTML pour créer des formes de bases de données vous donne la facilité de conception, et la bibliothèque pour produire des formes, qui est le « navigateur », est facilement disponible. Donc, si vous souhaitez une flexibilité et vous ne voulez pas utiliser une API Windows, HTML est un bon choix. Je vais vous montrer comment faire dans cette série.

Recordset

Recordset est un nom donné à la suite d’une requête de base. Il ya d’autres noms, tels que ResultSet. Ce résultat est dans la mémoire de l’ordinateur du client. Pour un langage tel que C + +, il ya des API, qui pointent le programme base de données (code pour manipuler les données) pour le moteur de base. Ces API ont (de produire) des enregistrements, qui est accessible par le langage de programmation (C + +).

Si nous utilisons JavaScript comme langage de programmation, ce recordset-nous utiliser? JavaScript offre un tableau à deux dimensions dont les colonnes peuvent être de différents types de données. Le problème ici est que le JavaScript tableau à deux dimensions ne sont pas bien développés. Il n’a pas les propriétés et les méthodes qui ont d’enregistrements classiques.

Peut-être que nous devrions utiliser l’élément HTML TABLE. L’élément HTML TABLE a les propriétés et les méthodes qui ont d’enregistrements classiques. Mais le tableau HTML et son contenu, par défaut, apparaît sur la page du navigateur, tandis que le contenu d’un jeu d’enregistrements classiques ne figure pas sur la fenêtre du document client!

Si vous donnez le tableau HTML la propriété de style, display: none, il n’apparaîtra pas ou occuper l’espace sur la fenêtre du navigateur. Considéré comme un jeu d’enregistrements, les données de terrain d’une rangée de l’élément TABLE est le contenu de l’élément TD. Cela peut être n’importe quoi, il peut être du texte, image, vidéo ou même audio. Autres enregistrements ne sont pas facilement prendre (accepter) des objets non textuels. L’élément HTML TABLE peut être utilisé comme un jeu d’enregistrements.

L’élément HTML TABLE comme un jeu d’enregistrements a les avantages suivants sur d’enregistrements classiques:

• Il ne doit pas seulement être à deux dimensions, il peut être trois, voire quatre dimensions. Quand il s’agit de dimensions, vous pouvez le faire aussi complexe que vous voulez. Toutefois, je n’aborderai pas cette question ici, peut-être dans un autre article.

• En conjonction avec le langage HTML, vous devez très peu de code (JavaScript) pour faire sa valeur sur le terrain (vidéo) apparaissent sur la fenêtre du navigateur. Avec un autre type d’enregistrements, en conjonction avec l’API Windows, vous avez besoin de beaucoup de code (C + +) pour faire la valeur du champ apparaît dans la fenêtre document, le client est. Remarque: l’utilisation des studios API Windows sans vous en avoir conscience.

• Si vous voulez, vous pouvez voir le contenu du jeu d’enregistrements sans utiliser de code. Pour ce faire, tout simplement permettre à la table HTML (enregistrements) avec son style par défaut du display: block; le mettre dans un élément DIV qui a des barres de défilement. Comme vous pouvez le voir, vous n’avez pas besoin de JavaScript, C + + ou Visual Basic.net pour ce faire. Il ne fait aucun autre type d’enregistrements dont les valeurs de données que vous pouvez voir dans la fenêtre des documents, juste comme ça.

• Vous pouvez donner le code HTML TABLE enregistrements champ des valeurs (par exemple des images) ou le jeu d’enregistrements ensemble, le comportement dynamique grâce à JavaScript.

Pour ceux d’entre vous qui ne sont pas utilisés pour la manipulation d’enregistrements à la main, sachez que tout récipient bien peut être utilisé comme un jeu de résultats. Le C + + contenant des vecteurs, par exemple, peut être utilisé comme un jeu d’enregistrements dans le monde C + +. L’élément HTML TABLE est un conteneur. Il pourrait ne pas ressembler à elle, mais il est.

Si vous faites affaire avec l’Internet et vous avez un programme de bases de données de base (ou petits) pour écrire,

• vous pouvez utiliser du HTML au lieu d’un studio, pour la flexibilité et à la place de l’API Windows pour la facilité du travail;

• vous pouvez utiliser JavaScript au lieu de C + + ou Visual Basic ou Perl, etc, pour la facilité de travail et parce qu’il est facilement disponible. Son interprète est avec le navigateur – voir ci-dessous pour l’explication;

• vous pouvez utiliser l’élément HTML TABLE avec la propriété de style mis à display: none, pour Single-Row formes (voir ci-dessous), ou avec l’affichage de style par défaut: bloc pour les formes de tableaux (voir ci-dessous). TABLEAU HTML est facilement accessible (dans les navigateurs).

Ceci est simplement un aspect du développement web.

Langage de programmation

Un peu d’histoire ici: Microsoft Visual basic.net est supérieur à ses prédécesseurs, Visual Basic 6 et en dessous. Ces prédécesseurs ont été utilisés dans l’écriture de programmes de bases de données. Aussi la dernière version de Perl est supérieure à ses prédécesseurs; ses prédécesseurs ont été utilisés pour la programmation de base de données.

Remarque: lorsque vous utilisez C + +, Java, Perl, Visual Basic, etc pour écrire des programmes de bases de données traditionnelles, vous utilisez la langue au niveau du client, et non pas au niveau du serveur.

Maintenant, est connu comme JavaScript un langage pour écrire des programmes de bases de données? Non! Pouvez-vous comparer la puissance de JavaScript aujourd’hui avec les versions précédentes de Visual Basic et Perl? Oui, très bien; aussi, JavaScript est facile à utiliser. JavaScript tel qu’il est aujourd’hui est un beau langage.

Pouvez-vous donner la puissance que JavaScript state-of-the-art langages comme le C + +, Java, Perl, Visual Basic.net avoir? Oui, en donnant notre propre interprétation des protocoles Internet (HTML, HTTP, etc), nous pouvons donner ce pouvoir JavaScript. Déjà, vous avez vu comment j’ai facilement transformé l’élément HTML TABLE dans un conteneur JavaScript. J’espère que vous pouvez maintenant voir que JavaScript, HTML, DOM et CSS ainsi, vous donner beaucoup de pouvoir. En d’autres termes, ces normes complètent d’autres ou de les responsabiliser JavaScript.

Ainsi, vous pouvez utiliser JavaScript pour écrire des programmes de bases de données traditionnelles. Lisez ce qui suit.

Formulaires

Le formulaire avec le code JavaScript est associé stocké sur le serveur. Lorsque l’utilisateur clique sur un lien dans le navigateur du client, la forme avec ses associés JavaScript est appelée depuis le serveur vers le client.

Formes de bases de données Beaucoup prennent une petite portion de l’écran. Quand vous avez une forme de bases de données sur votre page web, vous pouvez facilement ajouter des décorations (images par exemple) autour de la forme. Ce n’est pas une tâche aisée pour les fenêtres de document développé à partir de l’API Windows, même à partir de studios.

Je présente les informations dans cette série de telle façon que vous lisez, vous pouvez être réaliser votre propre projet personnel, si vous êtes novice en programmation, alors vous devriez essayer les codes que je donne dans cette série.

Il ya deux types de base de formes, à une rangée formulaires et formulaires tabulaires.

Single-Row Formulaires

Le schéma suivant montre un formulaire simple rangée.

Fig.1. Single-Row Formulaire

Avec cette forme, le contenu du jeu d’enregistrements est montré d’une rangée à la fois. La forme de la figure affiche des lignes de données des employés d’une entreprise. Nous allons concevoir ce formulaire en utilisant HTML, CSS, JavaScript, et un jeu d’enregistrements d’un élément HTML TABLE. Tout d’abord, je vous ferai savoir ce que le formulaire ne.

Au sommet de la forme que vous avez le titre de la forme: Information sur l’employé. La zone supérieure droite du formulaire vous donne le numéro de ligne du jeu d’enregistrements et le nombre total d’enregistrements (lignes). En descendant sur le formulaire, vous voyez les étiquettes et leurs valeurs de champ correspondant. Si vous regardez en bas à droite du formulaire, vous devriez voir quelques boutons avec le texte; | <<, <<,>> et>> |. Ce sont des boutons de navigation. Le bouton avec | <<montrera la première ligne du jeu d’enregistrements lorsque vous cliquez dessus. Le bouton avec <<montrera la rangée précédente du jeu d’enregistrements. Le bouton avec>> affichera la ligne suivante (avant) et le bouton avec>> | affiche la dernière rangée.

Le formulaire contient les boutons suivants: Ajouter, Modifier, Supprimer, Effacer, rechercher, trier, Enregistrer et Terminé. Lorsque le formulaire s’affiche, vous ne pouvez pas faire quelque chose pour les valeurs du champ. Afin d’ajouter une ligne (enregistrement) pour le jeu d’enregistrements, vous devez cliquer sur le bouton Ajouter d’abord. Afin de modifier une ligne, vous devez cliquer sur le bouton Modifier premier. Afin de supprimer une ligne dans le jeu d’enregistrements, vous devez cliquer sur le bouton Supprimer d’abord. Pour effacer le contenu du champ de la forme (mais pas les valeurs de la ligne dans le jeu d’enregistrements), vous cliquez sur le bouton Effacer.

Les enregistrements peuvent être très longues (plusieurs lignes ont); en utilisant les boutons de navigation vous prendra un certain temps (trop de clics), avant d’arriver à une ligne particulière que vous cherchez peut-être. Donc, pour aller à une ligne particulière, qui est, pour montrer un dossier en particulier, vous cliquez sur le bouton: une boîte de dialogue apparaît; vous tapez des mots-clés et cliquez sur le bouton OK de la boîte de dialogue, la boîte de dialogue disparaît, la forme de code cherche le dossier et afficher les données dans les champs du formulaire. Lorsque vous naviguez parmi les enregistrements à l’aide des boutons de navigation, vous pouvez réaliser que les enregistrements (lignes) ne sont pas triés dans l’ordre que vous voulez. Vous pouvez utiliser le bouton Trier. Ce processus fonctionne de manière similaire à celle du bouton Rechercher.

Les trois principales choses que vous faites pour un jeu d’enregistrements sont à ajouter un enregistrement (ligne), d’éditer un dossier et supprimer un enregistrement. Vous pouvez ensuite enregistrer ces changements à la base de données. C’est pourquoi vous avez le bouton Enregistrer. Lorsque le navigateur met en évidence (affiche) la forme, vous pouvez traiter les données du jeu d’enregistrements en utilisant les caractéristiques que j’ai mentionnées plus haut. Lorsque vous avez terminé, vous cliquez sur le bouton Terminé. Le bouton Terminé enregistre les données que vous pourriez ne pas avoir sauvé, avec votre accusé de réception, puis ferme la fenêtre du navigateur.

Nous verrons comment tout cela est réalisé en utilisant le code de la série.