Pyrat.net – Création de sites Internet

Nested Recordset (Jeux d'enregistrement imbriqués)

2005-04-15T08:36:32Z

Dreamweaver MX ne sait pas gérer des Recordset imbriqués qui correspondent pourtant à une notion classique en base de données : la relation 1-n.

En rentrant dans le code, il est cependant aisé de mettre cela en place.

L'exemple suivant utilise 2 tables :

l'une a des utilisateurs
l'autre a des produits achetés par ces utilisateurs

On veut produire l'affichage suivant :

utilisateur 1
- produit 1
- produit 2
- …
utilisateur 2
- produit 1
- produit 2
- …
…

Principe

Créer le page qui affiche la liste des utilisateurs
Prévoir l'endroit où afficher les produits « [Liste Produits] »
Dans une page de travail non sauvegardée pour afficher le liste des produits filtrée sur Ref_Id_User
Simplifier le page du point 3
Copier coller le résultat de 4 dans le point 2
Paramétrer la requête collée selon Id_User

Sources

Source du point 2

<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%> <!--#include file="../Connections/connProduits.asp" --> <% Dim Recordset1 Dim Recordset1_numRows Set Recordset1 = Server.CreateObject("ADODB.Recordset") Recordset1.ActiveConnection = MM_connProduits_STRING Recordset1.Source = "SELECT Id_User, Login_User FROM Tbl_Users ORDER BY Login_User ASC" Recordset1.CursorType = 0 Recordset1.CursorLocation = 2 Recordset1.LockType = 1 Recordset1.Open() Recordset1_numRows = 0 %> <% Dim Repeat1__numRows Dim Repeat1__index Repeat1__numRows = -1 Repeat1__index = 0 Recordset1_numRows = Recordset1_numRows + Repeat1__numRows %> <html> <head> <title>Liste des Users + Produits associés</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <h1>Liste des Users + Produits associés </h1> <% While ((Repeat1__numRows <> 0) AND (NOT Recordset1.EOF)) %> <h2><%=(Recordset1.Fields.Item("Login_User").Value)%></h2> [Liste des Produits] <% Repeat1__index=Repeat1__index+1 Repeat1__numRows=Repeat1__numRows-1 Recordset1.MoveNext() Wend %> </body> </html> <% Recordset1.Close() Set Recordset1 = Nothing %>

Code du point 4

<% Dim RsLstProduits Set RsLstProduits = Server.CreateObject("ADODB.Recordset") RsLstProduits.ActiveConnection = MM_connProduits_STRING RsLstProduits.Source = "SELECT Id_Produit, Titre_Produit FROM Tbl_Produits WHERE Ref_Id_User = " + Replace(RsLstProduits__MMColParam, "'", "''") + " ORDER BY Titre_Produit ASC" RsLstProduits.CursorType = 0 RsLstProduits.CursorLocation = 2 RsLstProduits.LockType = 1 RsLstProduits.Open() %> <ul> <% While (NOT RsLstProduits.EOF) %> <li><%=(RsLstProduits.Fields.Item("Titre_Produit").Value)%></li> <% RsLstProduits.MoveNext() Wend %> </ul> <% RsLstProduits.Close() Set RsLstProduits = Nothing %>

Code Final

<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%> <!--#include file="../Connections/connProduits.asp" --> <% Dim Recordset1 Dim Recordset1_numRows Set Recordset1 = Server.CreateObject("ADODB.Recordset") Recordset1.ActiveConnection = MM_connProduits_STRING Recordset1.Source = "SELECT Id_User, Login_User FROM Tbl_Users ORDER BY Login_User ASC" Recordset1.CursorType = 0 Recordset1.CursorLocation = 2 Recordset1.LockType = 1 Recordset1.Open() Recordset1_numRows = 0 %> <% Dim Repeat1__numRows Dim Repeat1__index Repeat1__numRows = -1 Repeat1__index = 0 Recordset1_numRows = Recordset1_numRows + Repeat1__numRows %> <html> <head> <title>Liste des Users + Produits associés</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <h1>Liste des Users + Produits associés </h1> <% While ((Repeat1__numRows <> 0) AND (NOT Recordset1.EOF)) %> <h2><%=(Recordset1.Fields.Item("Login_User").Value)%></h2> <% Dim RsLstProduits Set RsLstProduits = Server.CreateObject("ADODB.Recordset") RsLstProduits.ActiveConnection = MM_connProduits_STRING RsLstProduits.Source = "SELECT Id_Produit, Titre_Produit FROM Tbl_Produits WHERE Ref_Id_User = " & (Recordset1.Fields.Item("Id_User").Value) & " ORDER BY Titre_Produit ASC" RsLstProduits.CursorType = 0 RsLstProduits.CursorLocation = 2 RsLstProduits.LockType = 1 RsLstProduits.Open() %> <ul> <% While (NOT RsLstProduits.EOF) %> <li><%=(RsLstProduits.Fields.Item("Titre_Produit").Value)%></li> <% RsLstProduits.MoveNext() Wend %> </ul> <% RsLstProduits.Close() Set RsLstProduits = Nothing %> <% Repeat1__index=Repeat1__index+1 Repeat1__numRows=Repeat1__numRows-1 Recordset1.MoveNext() Wend %> </body> </html> <% Recordset1.Close() Set Recordset1 = Nothing %>

Création des pages d'administration d'une table d'une base de données

2005-04-11T13:15:10Z

L'exemple est donné en ASP. Il serait sensiblement identique en php !

Nous allons utiliser des accélérateurs de développement d'application :

Objectif

Il s'agit de créer les pages suivantes :

* Liste des Radios * Effacement d'une radio (Delete) * Ajout d'une Radio (Insert) * Mise-à-jour d'une Radio (Update)

Liste des Radios

Créons une nouvelle page : RadiosLst.asp

Créons un Recordset sur cette page :

Un clic dans l'onglet application sur « Master Detail Page Set » permet de renseigner ceci :

Une deuxième page est alors créée et affichée : RadiosDelete.asp

Suppression

Modifion la page de suppression

Il dit qu'il faut un formulaire : mettre en bas de la page un formulaire vide avec un bouton Submit.

Insérons le Behavior « Delete Record » :

Et ajoutons un peu d'habillage (le lien « en fait, non ! » pointe sur la RadiosLst.asp)

Et corrigeons la page RadiosLst sur le Goto Detail Page de cette manière :

Ajout

L'ajout se fait avec une nouvelle page : RadiosInsert.asp et un clic sur le bouton Record Insertion Form dans l'onglet Application :

Mise-à-jour

Il faut définir un RecordSet qui filtre les radios selon l'identifiant de la radio cliquée dans la liste des radios.

Application - Record Update Form

Ajout d'une colonne dans la page RadiosLst.asp, Texte « Edit » dans la deuxième ligne, Sélection de ce texte et insertion du Behavior Goto Detail Page

La base de donnée utilisée est téléchargeable ici : Une base de données simple !

En PHP, je vous invite à laisser tomber le modèle de server PHP/MySQL de Macromedia et à utiliser Phakt de la société roumaine Interakt

Configurer DreamWeaver MX pour accéder à une base de donnée en DSNLess

2005-04-11T12:54:14Z

Chaine de connexion DSNLess en OleDB.

Il faut définir une connexion à la Base de Données.

Celle-ci se trouvant sur le serveur, il faut pouvoir retrouver son chemin d'accès à l'aide de la commande Server.MapPath.

C'est une connexion DSNLess en OleDB qui sera utilisée.

La chaine de connexion est : « Provider=Microsoft.Jet.OLEDB.4.0 ;Data Source= » & Server.MapPath(« /formateur/data/Bd_Radios.mdb »)

Le chemin est celui du fichier Access dans le site web par rapport à sa racine.

Considérations de développement

Si vous développez avec un site hébergé en local sur votre machine, il faut que le dossier qui contient la base de données ait les permission de sécurité NTFS suffisante.

Sous Windows NT 4 ou 2000 ou XP Pro, un utilisateur préfixé de IUSR_ est créé à l'installation du serveur Web (Internet User). Il faut que cet utilisateur ait les permissions de modification sur le dossier de la base.

Sans cela, l'accès à la base de donnée est mono-utilisateur.

La base de données utilisée est téléchargeable ici : Une base de données simple !

Configurer DreamWeaver MX pour accéder à un site de test distant

2005-04-11T12:05:27Z

Comment accéder à une base de données Access depuis une page ASP avec DreamWeaver ?

L'exemple donné ici correspond à une configuration typique en salle de formation.

Configuration en salle de formation

Accès au portable

Le portable sert de serveur pour tout le monde.

Pour y avoir accès, il faut modifier le fichier host en rajoutant la ligne :
AdresseIPduportable asp.formation [1]

Dans le cas ou le PC de formation passe par un proxy pour accéder à Internet, il faudra de plus exclure asp.formation pour celui-ci (dans chaque navigateur utilisé).

Configuration de DW MX

Site

Dans DreamWeaver MX, il faut configurer un site : Vous pouvez allez de f1 à f25 (remplacez n° par votre numéro)

Cette définition de site peut être exportée et ré-importée.

Préférences

Vous pouvez aller dans Edit - Preferences

[1] asp.formation étant un nom de domaine « interne »

Plan de cours : Formation à la création de site web dynamique avec Dreamweaver MX (ASP/Access ou PHP/MySQL)

2004-06-26T09:22:37Z

Attention, ces formations ne sont plus assurées par Pyrat.net

Pyrat.net a désormais centré ses activités sur SPIP [1].

Remarque

il s'agit d'un cours avec une option à choix au départ :

Technologies Microsoft avec Access comme base de donnée et ASP VBScript comme langage de développement Web
Ou technologies Open Source avec MySQL comme base de donnée et Php comme langage de développement Web

Il est envisageable de se former à l'une des technologies en premier (en 4 jours) et d'appliquer les connaissances acquises pour voir l'autre technologie en une journée supplémentaire.

Durée

ASP/Access ou Php/MySQL : 4 jours
ASP/Access et Php/MySQL : 5 jours

Pré requis

Savoir lire le HTML (connaître le principe des balises et savoir reconnaître les principales)
Savoir lire le langage SQL
Comprendre la structure d'une base de données relationnelle (Tables et Relations)
Connaître un langage de programmation (Pascal, Basic, C…)
Connaître Dreamweaver serait un plus
Lecture aisée de l'anglais informatique : les logiciels sont en anglais !

Objectifs

Acquérir les bases permettant de couvrir 80% des besoins en terme de création d'un site Web dynamique utilisant une base de données relationnelle.
Créer un site Web dynamique en utilisant au maximum les interfaces graphiques à notre disposition
À l'issue de la formation, les stagiaires reçoivent un CD-ROM avec l'ensemble des produits utilisés lors de la formation (en version d'évaluation).

Plan de cours

Préparatifs (1 journée)

Configuration de la machine de développement
ASP →IIS sur Windows NT4, Windows 2000 ou Windows XP Pro
Php → Apache ; utilisation de EasyPhp.
Présentation de la notion de Client/Serveur
Petits rappels de systèmes de base de données relationnelle (SGBDR)
Utilisation d'Access ou MySQL Front ou EMS MySQL Manager pour voir, modifier, consulter, créer la base de données (+MyODBC)

Dreamweaver MX (2 jours ½)

Configuration d'un site, choix d'un modèle de serveur
Création d'une connexion à la base de données
Affichage du contenu d'une table (tri, filtrage, pagination)
Ajout
Modification
Suppression
Formulaires complexes (liste déroulante…)
Sécurisation (Login/Mot de passe)

Aller plus loin (½ journée)

Requêtes imbriquées
Outils (PhpMaker, ASPMaker, Impakt…)
Sites utiles
Hébergement et Publication du site.

Configuration salle de formation

Un poste par stagiaire (12 maximum)
Pentium III à 600Mhz minimum
256Mo de Ram minimum
Écran 17 pouces en 1024*768 (voire plus)
Vidéo projecteur pour le formateur (qui utilise son propre portable)
Réseau 100Mb entre les postes et accès à Internet partagé
Paper-board, marqueurs, scotch.

[1] Si un formateur SQL passe sur cette page, qu'il prenne contact avec nous : nous recevons une douzaine de visites par jour sur cette page et une demande de formation par mois

Afficher les enregistrements d'une table

2004-01-07T08:28:28Z

Après avoir défini son site, il faut (en ayant une page ouverte) définir une connexion à la base de donnée :

Il est ensuite possible de glisser un des champs sur la page web ce qui provoque la création d'un Recordset :

Il faut ensuite répéter l'élément :

Visuellement, le tout est présenté ainsi en mode design par DreamWeaver MX :