EasyForms_NET.vb Télécharger - EasyForms_NET.vb Téléchargement du code source

EasyForms_NET.vb

Visual Basic

1.0.0

Télécharger

Cloner des formulaires Google

Ce projet est un simple clone de Google Forms qui permet aux utilisateurs de créer et d'afficher des soumissions. Il démontre l'utilisation d'un serveur backend pour gérer les données et d'une application frontend pour interagir avec les utilisateurs. Le backend est construit avec Node.js et Express, tandis que le frontend est construit à l'aide de Visual Basic dans Visual Studio.

Table des matières

Introduction
Architecture
Structure du projet
Installation
Configuration du back-end
Configuration frontale
Exécution du projet
Points de terminaison de l'API
Usage
Contribuer
Licence
Aperçu

Introduction

But

Le but de ce projet est de fournir un système de soumission de formulaire simple où les utilisateurs peuvent créer de nouvelles soumissions et afficher celles existantes. Il sert d'exemple d'intégration d'une application frontend avec un serveur backend.

Caractéristiques

Créez de nouvelles soumissions de formulaire avec les détails de l'utilisateur et un chronomètre.
Affichez les soumissions existantes, parcourez-les à l'aide des boutons suivant et précédent.
Persistance des données en utilisant un fichier JSON comme base de données.

Architecture

Back-end

Node.js et Express sont utilisés pour créer une API REST simple.
Le module fs est utilisé pour lire et écrire des données dans un fichier JSON ( db.json ).

L'extrémité avant

Visual Basic dans Visual Studio est utilisé pour créer l'application frontale.
L'application frontale se compose de deux formulaires principaux : CreateSubmissionForm et ViewSubmissionsForm .

Structure du projet

clone-google-forms/
│
├── Glissement/
│ ├── dist/
│ │ ├── serveur.js
│ ├── src/
│ │ ├── db.json
│ │ ├── serveur.ts
│ ├── node_modules/
│ ├── package.json
│ ├── tsconfig.json
│ └── LISEZMOI.md
│ └── Projet VisualStudio/
├── CreateSubmissionForm.vb
├── ViewSubmissionsForm.vb
├── Programme.vb
└── VisualStudioProject.sln

Slidely : Contient le code backend.
- dist : fichiers JavaScript compilés.
- src : fichiers source TypeScript et fichier JSON de base de données.
- node_modules : Dépendances Node.js.
- package.json : configuration du projet Node.js.
- tsconfig.json : configuration TypeScript.
VisualStudioProject : Contient le code frontend.
- CreateSubmissionForm.vb : Formulaire pour créer une nouvelle soumission.
- ViewSubmissionsForm.vb : Formulaire pour afficher les soumissions existantes.
- Program.vb : Fichier programme principal.
- VisualStudioProject.sln : fichier de solution Visual Studio.

Installation

Conditions préalables

Noeud.js
npm
Visual Studio avec prise en charge .NET

Configuration du back-end

Clonez le dépôt :

git clone https://github.com/yourusername/google-forms-clone.git
cd google-forms-clone/Slidely

Installez les dépendances nécessaires :
```
npm install
```
Compilez les fichiers TypeScript :
```
tsc
```

Configuration frontale

Ouvrez la solution VisualStudioProject dans Visual Studio.
Assurez-vous que tous les packages NuGet nécessaires sont installés. Vous devrez peut-être restaurer les packages NuGet s'ils sont manquants.

Exécution du projet

Démarrage du serveur back-end

Accédez au répertoire Slidely :
```
 cd google-forms-clone/Slidely
```

Démarrez le serveur :

node dist/server.js

Vous devriez voir le message :

 Server is running on http://localhost:3000

Exécuter le front-end

Ouvrez la solution dans Visual Studio.
Définissez le formulaire de démarrage sur CreateSubmissionForm ou ViewSubmissionsForm selon vos besoins.
Exécutez le projet en appuyant sur F5 ou en cliquant sur le bouton Start dans Visual Studio.

Points de terminaison de l'API

POST / soumettre

Description : Soumet une nouvelle entrée de formulaire.

Corps de la demande :

{
  "name" : " John Doe " ,
  "email" : " [email protected] " ,
  "phone" : " 1234567890 " ,
  "github_link" : " https://github.com/johndoe " ,
  "stopwatch_time" : " 00:05:00 "
}

Réponse :
```
{
  "success" : true
}
```

OBTENIR/lire

Description : récupère une entrée de formulaire par son index.
Paramètres de requête :
- index : L'index de la soumission à récupérer.

Réponse :

{
  "submission" : {
    "name" : " John Doe " ,
    "email" : " [email protected] " ,
    "phone" : " 1234567890 " ,
    "githubLink" : " https://github.com/johndoe " ,
    "stopwatchTime" : " 00:05:00 "
  }
}

Usage

Créer une soumission

Ouvrez le CreateSubmissionForm dans Visual Studio.
Entrez les détails nécessaires tels que le nom, l'e-mail, le téléphone, le lien GitHub et démarrez le chronomètre.
Cliquez sur le bouton Submit pour enregistrer la soumission.
- Les données du formulaire sont envoyées au serveur backend via une requête POST à /submit .
- Si la soumission réussit, un message de confirmation s'affiche.

Affichage des soumissions

Ouvrez le ViewSubmissionsForm dans Visual Studio.
Cliquez sur les boutons Next ou Previous pour parcourir les soumissions.
- Le formulaire récupère les données du serveur backend via une requête GET vers /read avec l'index actuel comme paramètre de requête.
- Les détails de la soumission sont affichés dans les champs du formulaire.

Contribuer

Les contributions sont les bienvenues ! Veuillez créer le référentiel et créer une pull request avec vos modifications. Assurez-vous que votre code respecte les normes de codage et inclut les tests appropriés.