亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

Maison interface Web js tutoriel Explication détaillée des étapes d'utilisation du moteur de modèles de développement frontal de n?uds Jade

Explication détaillée des étapes d'utilisation du moteur de modèles de développement frontal de n?uds Jade

May 22, 2018 am 10:32 AM
node moteur modèle

Cette fois, je vous apporte le développement frontal de n?udsmoteur de modèlesexplication détaillée des étapes d'utilisation de Jade, quelles sont les précautions pour l'utilisation du moteur de modèles de développement front-end de n?uds Jade , voici des cas pratiques, un Levez-vous et jetez un ?il.

Avec le développement du Web, les applications frontales sont devenues de plus en plus complexes, et le javascript(Node.js) basé sur le back-end a également commencé à émerger. Avec le temps, de plus grandes attentes sont placées sur javascript. Dans le même temps, l'idée de??javascript MVC est également devenue populaire. Afin de séparer l'interface utilisateur des données métiers (contenu), le concept de ? moteur de modèles ? est né.

Pour faire simple, le moteur de modèle est une cha?ne avec plusieurs variables à déterminer dans , et les données y sont insérées dynamiquement via la fonction du moteur de modèle.

Aujourd'hui, nous allons parler des instructions d'utilisation et de grammaire de Jade. Site officiel de Jade?: jade-lang.com/

Outil de ligne de commande Jade

L'utilisation de Jade nécessite l'environnement Node et est installé via l'outil de ligne de commande Jade du package npm, après une installation réussie, vous pouvez créer un nouveau fichier avec le suffixe de fichier *.jade. Nous pouvons utiliser la syntaxe de jade à notre guise. Après l'écriture, il nous suffit de la compiler via l'outil de ligne de commande pour la compiler dans le fichier statique html que nous utilisons habituellement.

Méthode d'installation

1. Déterminez d'abord si l'environnement Node et l'outil npm sont installés?:

Exécutez comme suit dans la commande. outil de ligne Code?:

node?-v
=>?v0.10.35
npm?-v
=>?1.4.28
//?如果成功返回版本號信息即為已成功安裝?Node?環(huán)境。

2. Installez l'outil de ligne de commande Jade globalement via npm

npm?install?jade?-g
//?mac用戶可能需要管理員權(quán)限,使用如下命令
sudo?npm?install?jade?-g

3. Créez un fichier *.Jade et démarrez la tache.

4. Compilez le fichier jade dans un fichier html à l'aide de l'outil de ligne de commande Jade

Comment utiliser l'outil de ligne de commande Jade

Nous pouvons visualiser les paramètres de l'outil de ligne de commande Jade via jade --help

jade?--help
Usage:?jade?[options]?[dir|file?...]
?Options:
??-h,?--help?????output?usage?information?/?輸出使用信息
??-V,?--version???output?the?version?number?/?輸出版本號信息
??-O,?--obj?<str>??javascript?options?object?/?傳輸?shù)?jade?文件中的數(shù)據(jù)對象
??-o,?--out?<dir>??output?the?compiled?html?to?<dir>?/?輸出編譯后的?HTML?到?<dir>?
??-p,?--path?<path>?filename?used?to?resolve?includes?/?在處理?stdio?時,查找包含文件時的查找路徑
??-P,?--pretty????compile?pretty?html?output?/?格式化編譯?html?文件
??-c,?--client????compile?function?for?client-side?runtime.js?/?編譯瀏覽器端可用的?runtime.js
??-n,?--name?<str>??The?name?of?the?compiled?template?(requires?--client)?/?編譯模板的名字
??-D,?--no-debug???compile?without?debugging?(smaller?functions)?/?關(guān)閉編譯的調(diào)試選項(xiàng)(函數(shù)會更小)
??-w,?--watch????watch?files?for?changes?and?automatically?re-render?/?監(jiān)聽文件改變并自動刷新編譯結(jié)果
??--name-after-file?Name?the?template?after?the?last?section?of?the?file?path?(requires?--client?and?overriden?by?--name)
??--doctype?<str>??Specify?the?doctype?on?the?command?line?(useful?if?it?is?not?specified?by?the?template)?/?在命令行中指定文檔類型(如果在模板中沒有被指定)
?Examples:
??#?編譯整個目錄
??$?jade?templates
??#?生成?{foo,bar}.html
??$?jade?{foo,bar}.jade
??#?在標(biāo)準(zhǔn)IO下使用jade
??$?jade?< my.jade >?my.html
??#?在標(biāo)準(zhǔn)IO下使用jade
??$?echo?'h1?Jade!'?|?jade
??#?foo,?bar?目錄渲染到?/tmp
??$?jade?foo?bar?--out?/tmp

Exemple?:

//?比如說我們需要編譯index.jade文件,默認(rèn)編譯到同文件夾下的同名html?文件中
jade?index.jade
//?如果我們要格式化輸出?index.html?文件,只需要添加?-P?參數(shù)即可
jade?-P?index.jade
//?如果我們要實(shí)現(xiàn)監(jiān)聽和自動編譯,需要使用?-w?參數(shù)
jade?-P?-w?index.jade

Je crois que vous ma?trisez la méthode après avoir lu C'est le cas dans cet article, et il y a des choses plus excitantes. Veuillez prêter attention aux autres articles connexes sur le site Web chinois de php?!

Lecture recommandée?:

Explication détaillée de l'utilisation des balises Jade du moteur de modèle frontal de n?ud

Création de serveur NodeJS et redémarrer l'opération partage de code

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!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefa?on, veuillez contacter admin@php.cn

Outils d'IA chauds

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

échangez les visages dans n'importe quelle vidéo sans effort grace à notre outil d'échange de visage AI entièrement gratuit?!

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Enseignement du n?ud PI: Qu'est-ce qu'un n?ud PI? Comment installer et configurer le n?ud PI? Enseignement du n?ud PI: Qu'est-ce qu'un n?ud PI? Comment installer et configurer le n?ud PI? Mar 05, 2025 pm 05:57 PM

Explication détaillée et guide d'installation pour les n?uds de pignon Cet article introduira l'écosystème de pignon en détail - n?uds PI, un r?le clé dans l'écosystème de pignon et fournir des étapes complètes pour l'installation et la configuration. Après le lancement du réseau de test de la blockchain pèse, les n?uds PI sont devenus une partie importante de nombreux pionniers participant activement aux tests, se préparant à la prochaine version du réseau principal. Si vous ne connaissez pas encore Pinetwork, veuillez vous référer à ce qu'est Picoin? Quel est le prix de l'inscription? PI Utilisation, exploitation minière et sécurité. Qu'est-ce que Pinetwork? Le projet Pinetwork a commencé en 2019 et possède sa pièce exclusive de crypto-monnaie PI. Le projet vise à en créer un que tout le monde peut participer

Comment utiliser Express pour gérer le téléchargement de fichiers dans un projet de n?ud Comment utiliser Express pour gérer le téléchargement de fichiers dans un projet de n?ud Mar 28, 2023 pm 07:28 PM

Comment gérer le téléchargement de fichiers ? L'article suivant vous expliquera comment utiliser Express pour gérer les téléchargements de fichiers dans le projet de n?ud. J'espère qu'il vous sera utile?!

Une analyse approfondie de l'outil de gestion de processus de Node ? pm2 ? Une analyse approfondie de l'outil de gestion de processus de Node ? pm2 ? Apr 03, 2023 pm 06:02 PM

Cet article partagera avec vous l'outil de gestion de processus de Node "pm2" et expliquera pourquoi pm2 est nécessaire, comment installer et utiliser pm2, j'espère qu'il sera utile à tout le monde !

Authentification basée sur des jetons avec Angular et Node Authentification basée sur des jetons avec Angular et Node Sep 01, 2023 pm 02:01 PM

L'authentification est l'une des parties les plus importantes de toute application Web. Ce didacticiel traite des systèmes d'authentification basés sur des jetons et de leurs différences par rapport aux systèmes de connexion traditionnels. à la fin de ce didacticiel, vous verrez une démo entièrement fonctionnelle écrite en Angular et Node.js. Systèmes d'authentification traditionnels Avant de passer aux systèmes d'authentification basés sur des jetons, examinons les systèmes d'authentification traditionnels. L'utilisateur fournit son nom d'utilisateur et son mot de passe dans le formulaire de connexion et clique sur Connexion. Après avoir effectué la demande, authentifiez l'utilisateur sur le backend en interrogeant la base de données. Si la demande est valide, une session est créée à l'aide des informations utilisateur obtenues à partir de la base de données et les informations de session sont renvoyées dans l'en-tête de réponse afin que l'ID de session soit stocké dans le navigateur. Donne accès aux applications soumises à

Modèles d'e-mails PHP?: personnalisez et personnalisez le contenu de vos e-mails. Modèles d'e-mails PHP?: personnalisez et personnalisez le contenu de vos e-mails. Sep 19, 2023 pm 01:21 PM

Modèles de courrier électronique PHP?: personnalisez le contenu de votre courrier électronique Avec la popularité et l'utilisation généralisée du courrier électronique, les modèles de courrier électronique traditionnels ne peuvent plus répondre aux besoins des utilisateurs en matière de contenu de courrier électronique personnalisé et personnalisé. Nous pouvons désormais créer des modèles d'e-mails personnalisés en utilisant le langage de programmation PHP. Cet article vous montrera comment utiliser PHP pour atteindre cet objectif et fournira quelques exemples de code spécifiques. 1. Créer un modèle d'e-mail Tout d'abord, nous devons créer un modèle d'e-mail de base. Ce modèle peut être un HTM

Modèle de métaprogrammation en C++ FAQ Questions d'entretien Modèle de métaprogrammation en C++ FAQ Questions d'entretien Aug 22, 2023 pm 03:33 PM

C++ est un langage de programmation largement utilisé dans divers domaines. Sa métaprogrammation de modèles est une technologie de programmation avancée qui permet aux programmeurs de transformer des types et des valeurs au moment de la compilation. La métaprogrammation de modèles est un sujet largement discuté en C++, les questions qui y sont liées sont donc assez courantes dans les entretiens. Voici quelques modèles courants de questions d'entretien de métaprogrammation en C++ qui pourraient vous être posées. Qu’est-ce que la métaprogrammation de modèles?? La métaprogrammation de modèles est une technique permettant de manipuler des types et des valeurs au moment de la compilation. Il utilise des modèles et des métafonctions pour générer en fonction des types et des valeurs

Qu'est-ce qu'un système d'authentification unique?? Comment l'implémenter en utilisant nodejs ? Qu'est-ce qu'un système d'authentification unique?? Comment l'implémenter en utilisant nodejs ? Feb 24, 2023 pm 07:33 PM

Qu'est-ce qu'un système d'authentification unique?? Comment l'implémenter en utilisant nodejs ? L'article suivant vous présentera comment utiliser Node pour implémenter un système d'authentification unique. J'espère qu'il vous sera utile?!

Comment ajouter un masque PPT Comment ajouter un masque PPT Mar 20, 2024 pm 12:28 PM

Concernant le masquage PPT, beaucoup de gens ne doivent pas le conna?tre. La plupart des gens ne le comprennent pas complètement lorsqu'ils créent un PPT, mais l'inventent simplement pour créer ce qu'ils aiment. Par conséquent, beaucoup de gens ne savent pas ce que signifie le masquage PPT et ne le comprennent pas non plus. Je sais ce que fait ce masque, et je ne sais même pas s'il peut rendre l'image moins monotone. Amis qui veulent apprendre, venez apprendre et ajoutez des masques PPT à vos images PPT. Alors, comment ajouter un masque PPT ? S'il vous pla?t lire ci-dessous. 1. Nous ouvrons d'abord PPT, sélectionnons une image vierge, puis cliquons avec le bouton droit sur [Définir le format d'arrière-plan] et sélectionnons une couleur unie. 2. Cliquez sur [Insérer], Word Art, entrez le mot 3. Cliquez sur [Insérer], cliquez sur [Forme]

See all articles