Maison > Article > interface Web > Que savez-vous du développement Web avec Nodejs ? Un article pour vous permettre de comprendre le développement web nodejs
Cet article nous permet de comprendre le processus de développement web avec nodejs Tout ce que vous voulez savoir est ici. Les pages HTML sont générées dynamiquement par le serveur. Jetons un coup d'œil à cet article.
Tout d'abord, Node.js, PHP, Perl, ASP et JSP visent tous à réaliser des pages Web dynamiques , ce qui signifie que le serveur génère dynamiquement des pages HTML. La raison en est que le HTML statique a une évolutivité très limitée et ne peut pas interagir efficacement avec les utilisateurs. (Recommandation du didacticiel : Manuel de référence chinois de node.js )
L'ingénierie logicielle est décomposée en trois niveaux : modèle, vue et contrôleur.
Un modèle est l'implémentation d'objets et de leurs structures de données, comprenant généralement des opérations de base de données.
La vue représente l'interface utilisateur, qui est généralement la structure organisationnelle du HTML dans un site Web.
Le contrôleur est utilisé pour traiter les demandes des utilisateurs et le flux de données, les modèles complexes et transmettre la sortie à la vue.
Préparation
1. Utilisez le module http
post Requête :
var http = require('http'); var querystring = require('querystring'); var server = http.createServer(function(req, res) { var post = ''; req.on('data', function(chunk) { post += chunk; }); req.on('end', function() { post = querystring.parse(post); res.write(post.title); res.write(post.text); res.end(); }); }).listen(3000);
Donc par rapport à PHP, si vous souhaitez utiliser nodejs pour développer directement un site web en utilisant le module http, vous devez tout implémenter manuellement. pour apprendre node.js, vous pouvez aller sur le site Web PHP chinois tutoriel vidéo node.js colonne
2. Framework express
Le seul web recommandé par nodejs En plus de fournir une interface de niveau supérieur pour le module http, le framework de développement
implémente également de nombreuses fonctions, notamment :
- Contrôle de routage
- Prise en charge de l'analyse du modèle
- Vue dynamique
- Session utilisateur
- Protection CSRF
- Service de fichiers statiques
- Contrôleur d'erreurs
- Journal d'accès
- Cache
- Prise en charge des plugins
Démarrage rapide
1. Installer Express
$ npm install -g express
2. Créer un projet
$ express -t ejs microblog $ cd microblog && npm install
3.
$ node app.js
3. Contrôle de routage
1.Principe de fonctionnement
2. Créez des règles de routage
Ouvrez app.js et ajoutez une ligne après l'application de règles de routage existante. .get('/', routes.index)
Règles de routage de style RESTapp.get(‘/hello’, routes.hello); 改 routes/index.js, 加 hello 函数: exports.index = function(req, res) { res.render('index', { title: 'Express' }); }; exports.hello = function(req, res) { res.send('The time is ' + new Date().toString()); };
Moteur de modèles1. Qu'est-ce qu'un moteur de modèles
Le moteur de modèles est un outil qui génère du HTML à partir de modèles de page selon certaines règles
La fonction du moteur de modèles est de combiner le modèle de page avec le données à afficher pour générer une page HTML.
Il peut s'exécuter côté serveur ou côté client
Le courant dominant consiste à exécuter le moteur de modèle sur le serveur
Dans l'architecture MVC, le moteur de modèle est inclus côté serveur et contrôlé Une fois que le contrôleur a reçu la demande de l'utilisateur, il récupère les données du modèle et appelle le moteur de modèle
Le moteur de modèle prend les données et le modèle de page en entrée, génère la page html. , puis le renvoie au contrôleur
est restitué par le contrôleur Donnez au client
l'emplacement du moteur de modèle dans mvc :2. Utiliser le moteur de template ejs
le système de balises ejs est très simple, 3 balises :
- : Afficher le contenu html original
Ce qui précède est tout le contenu de cet article sur nodejs pour le développement Web (plus Pour plus de détails, rendez-vous sur le site Web PHP chinois Manuel de référence chinois de node.js ). Si vous avez des questions, vous pouvez laisser un message ci-dessous.
[Recommandation de l'éditeur]
Introduction détaillée à la modularisation Javascript
Qu'est-ce qu'un modèle front-end ? Introduction aux principes et exemples de modèles front-end
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!