Fonction: Cliquez pour appeler l’action Formulaire de contact Afficher les avis DONNER LA POSSIBILITÉ POUR LES VISITEURS D’ÉCRIRE LEUR AVIS mettre une carte Google Internalisation appel à l’action liens sur les médias sociaux Chabot Réservation en ligne Section Blog Utilisateurs: Le site aura deux utilisateurs. L’administrateur et le client Fonctions de l’administrateur : Créer un billet de blog, lire et approuver les avis, mettre à jour les sections de blog
Fonctions du client : Écrire des commentaires Écrire des commentaires Partager la publication
React, Node.js Express, MySQL Architecture
Les données du site seront stockées dans la base de données MySQL et connectées à l’extrémité avant par un serveur Node.js. Pour l’avant, nous allons utiliser react.js. Nous allons construire l’application avec l’architecture suivante: Photo credit: https://bezkoder.com/
From the Features of the website, the blog will have the following data tables, Post, Users, Comments, Emails and user reviews.The data that stored in the database are;
Crédit photo: https://bezkoder.com/
À partir des fonctionnalités du site Web, le blog aura les tables de données suivantes, Post, Utilisateurs, Commentaires, E-mails et commentaires des utilisateurs. Les données stockées dans la base de données sont les suivantes : Pour le Post:
Post_id Titre featuredImage Description Content createdAt Slug arthur
Pour les commentaires
Post_id User_id Nom Comment
Pour les Review
Nom review_id review
Pour la lettre de nouvelles:
Id name email
Pour le formulaire de contact :
Id Name email number Service Message submittedAt
À l’aide d’un outil de base de données, nous concevons le modèle de base de données montrant leurs différentes relations À l’aide de ce modèle, nous générons le code SQL suivant pour créer la base de données : CREATE TABLE `Post` ( `title` TEXT NOT NULL, `featuredImage` varchar(255) NOT NULL, `description` varchar(255) NOT NULL, `content` varchar(2000) NOT NULL, `post_id` DECIMAL(200) NOT NULL AUTO_INCREMENT, `slug` varchar(200) NOT NULL, `createdAt` DATETIME NOT NULL, PRIMARY KEY (`post_id`) );
CREATE TABLE `Comment` (
`author` varchar(255) NOT NULL, `comment_id` varchar(255) NOT NULL AUTO_INCREMENT, `post_id` DECIMAL(200) NOT NULL, `createdAt` DATETIME(200) NOT NULL, PRIMARY KEY (`comment_id`) );
CREATE TABLE `User` (
`firstName` varchar(50) NOT NULL UNIQUE, `password` varchar(255) NOT NULL UNIQUE, `id` INT(20) NOT NULL AUTO_INCREMENT, `lastName` varchar(50) NOT NULL, `email` varchar(50) NOT NULL, `password` varchar(50) NOT NULL, `registeredAt` DATETIME NOT NULL, `mobile` varchar(15) NOT NULL, PRIMARY KEY (`id`) );
CREATE TABLE `User_Review` (
`name` varchar(50) NOT NULL, `review_id` DECIMAL NOT NULL AUTO_INCREMENT, `review` TEXT NOT NULL, PRIMARY KEY (`review_id`) );
ALTER TABLE `Comment` ADD CONSTRAINT `Comment_fk0` FOREIGN KEY (`author`)
REFERENCES `User`(`firstName`);
ALTER TABLE `Comment` ADD CONSTRAINT `Comment_fk1` FOREIGN KEY (`post_id`)
REFERENCES `Post`(`post_id`);
ALTER TABLE `User_Review` ADD CONSTRAINT `User_Review_fk0` FOREIGN KEY
(`name`) REFERENCES `User`(`firstName`);
Et les tables créées:
Il s’agit d’API que Node.js Express App exportera :
Methods Urls Actions GET api/posts Get all Post GET api/posts/:id Get Post by id POST api/posts Add new Post PUT api/posts/:id Update Post by id DELETE api/posts/:id Remove Post by id DELETE api/posts Remove all Post GET api/tutorials?title=[kw] find all Posts which title contains 'kw'
GET api/comment/:post_id Get all Commets for a
particular post POST api/comment Add new comment DELETE api/comment/:user_id Remove comment by user_id
GET api/review Get all review
POST api/review Add new review DELETE api/review/: Remove review by id comment_id
Get api/user/:id Get user by id
Post api/user Add new user Delete api/user/:user_id Remove user by id
Get api/user/:id Get user by id
Post api/user Add new user Delete api/user/:user_id Remove user by id
