Maison interface Web js tutoriel Utilisez node.js pour créer le front-end et le backend du website_node.js

Utilisez node.js pour créer le front-end et le backend du website_node.js

May 16, 2016 pm 04:31 PM
node.js 后台

Que peut faire node.js ? Je ne sais toujours pas où il est largement utilisé. Je n’ai aucune chance d’entrer en contact avec de tels projets. Juste parce que j'aime ça, j'ai créé un site Web et un backend pendant mon temps libre. Je comprends profondément la vérité selon laquelle si vous aimez une technologie, vous pouvez jouer avec, mais si vous l'utilisez dans un projet, vous devez passer du temps à résoudre de nombreux problèmes.

Technologie utilisée :

express + jade

sqlite + suite

redis

1. À propos du jade

Support inclus. Par exemple : include ./includes/header l’en-tête est une vue partielle, similaire au contrôle utilisateur asp.net.

Le support s'étend. Par exemple : extends ../layout utilise la mise en page de la page maître.

La boucle for est aussi très simple. 

Copier le code Le code est le suivant :

chaque élément de userList (variable userList transmise par le serveur au front-end)
tr
td #{item.username}
td #{item.telephone}
td #{item.email}

Préférer ajouter :

Copier le code Le code est le suivant :

étend ../admin_layout
ajouter la tête
lien(rel='stylesheet', href='/stylesheets/font-awesome.css')
script(src='/javascripts/bootstrap.js')
script(src='/javascripts/bootstrap-wysiwyg.js')
script(src='/javascripts/jquery.hotkeys.js')
bloquer le contenu

append placera toutes les étapes et tous les styles derrière l'en-tête de la page maître.

2.sequelize implémente le framework ORM. Prise en charge de SQLite MySQL Mongodb

Modèle de définition (article) :

Copier le code Le code est le suivant :

var Article = sequelize.define('Article',{
titre :{
Tapez : Sequelize.STRING,
valider :{}
},
contenu :{type :Sequelize.STRING,validate :{}},
icône : {type : Sequelize.STRING, valider : {}},
nom de l'icône :{type:Sequelize.STRING},
séquençage :{type :Sequelize.STRING,validate :{}}
},{
méthodes de classe :{
//Catégorie d'articles
GetCountAll :fonction(objFun){
}//fin getCountAll
}//fin des méthodes de classe
});
Article.belongsTo(Catégorie);

Article.belongsTo(Category); Chaque article a une catégorie.

J'ai écrit les méthodes liées à la pagination lors de l'initialisation de Sequelize. De cette façon, lorsque chaque modèle sera défini, il y aura cette méthode (pageOffset, pageLimit).

Copier le code Le code est le suivant :

var sequelize = new Sequelize('base de données', 'nom d'utilisateur', 'mot de passe', {
  // sqlite ! maintenant !
  dialecte : 'sqlite',
  // le moteur de stockage pour sqlite
  // - par défaut ':memory:'
  stockage : config.sqlitePath,
  définir :{
    méthodes de classe :{
      pageOffset:fonction(pageNum){
        if(isNaN(pageNum) || pageNum < 1){
          numéro de page = 1 ; 
        >
        return (pageNum - 1) * this.pageLimit();
      },
      pageLimit:fonction(){
        retourner 10 ; //每页显示10条
      },
      totalPages:fonction(totalNum){
        var total =parseInt((totalNum this.pageLimit() - 1) / this.pageLimit()),
            arrayTotalPages = [];
        pour(var i=1; i<= total; i ){
          arrayTotalPages.push(i);
        >
        return arrayTotalPages;
      >
    },
    instanceMethods :{
    >
  >
});

使用:

复制代码 代码如下 :

Article.findAndCountAll({include:[Category],offset:Article.pageOffset(req.query.pageNum), limit:Article.pageLimit()}).success(function(row){
    res.render('article_list', {
      titre : '文章管理',
      liste d'articles : row.rows, 
      pages :{
        totalPages :Article.totalPages(row.count),
        Page actuelle : req.query.pageNum,
        routeur : 'article'
      >
    });
  });

保存模型:

复制代码 代码如下 :

exports.add = function(req, res) {
  var form = new formidable.IncomingForm();
  form.uploadDir = path.join(__dirname, '../files');
  form.keepExtensions = true;
  form.parse(req, function(err, champs, fichiers){
    var //iconPath = fichiers.icon.path,
        //index = iconPath.lastIndexOf('/') <= 0 ? iconPath.lastIndexOf('\') : iconPath.lastIndexOf('/') ,
        icon = path.basename(files.icon.path), // iconPath.substr(index 1,iconPath.length - index),
        nom d'icône = fichiers.icon.name;
    var titre = champs.titre;
        id = champs.articleId;
        titre = champs.titre,
        content = champs.content,
        mincontent = champs.mincontent,
        sequencing=fields.sequencing == 0 ? 0 : 1,
        catégorie = champs.catégorie;
       Article.sync();  //如果不存在就创建表。
      Catégorie.find(catégorie).success(function(c){
        var article = Article.build({
          titre : titre,
          contenu:contenu,
          mincontent:mincontent,
          icône:icône,
          nom de l'icône : nom de l'icône,
          séquençage :séquençage
        });
        article.save()
        .succès(fonction(a){
          a.setCategory(c);
          return res.redirect('/admin/article');
        });
      }); //fin de catégorie
  });
>

chemin.nom de base :

复制代码 代码如下 :

//iconPath = fichiers.icon.path,
//index = iconPath.lastIndexOf('/') <= 0 ? iconPath.lastIndexOf('\') : iconPath.lastIndexOf('/') ,
icon = path.basename(files.icon.path), // iconPath.substr(index 1,iconPath.length - index),

获取文件名,比如:/a/b/aa.txt   => aa.txt.   Il s'agit d'un fichier Mac'/' . window下面是'\',我也是部署完成之后才发的问题 。  后来发现path.basename 啊)。对node.js的好感在加1分。:)

3. redis 缓存经常查询,而且很少变化的数据。

复制代码 代码如下 :

getCountAll:fonction(objFun){
redis.get('articles_getCountAll', function(err,reply){
          si(erreur){
            console.log(err);
           revenir ;
>
            if(réponse === null){
db.all ('SELECT count(articles.CategoryId) as count,categories.name,categories.id FROM les articles restants rejoignent les catégories sur articles.categoryID = categories.id grouper par articles.CategoryId ', function(err,row){
                redis.set('articles_getCountAll',JSON.stringify(row));
                objFun(row);
           });
         }autre{
           objFun(réponse);
>
});

Cette méthode est définie dans la couche modèle. Parce qu'il s'agit d'Express, il est développé en utilisant autant que possible MVC. En fait, route implémente la fonction de couche contrôleur (le dossier route doit être nommé contrôleur).

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

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.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
Will R.E.P.O. Vous avez un jeu croisé?
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌

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)

La solution au problème de connexion en arrière-plan Discuz révélée La solution au problème de connexion en arrière-plan Discuz révélée Mar 03, 2024 am 08:57 AM

La solution au problème de connexion en arrière-plan de Discuz est révélée. Des exemples de code spécifiques sont nécessaires Avec le développement rapide d'Internet, la construction de sites Web est devenue de plus en plus courante, et Discuz, en tant que système de création de sites Web de forum couramment utilisé, a été favorisé par. de nombreux webmasters. Cependant, précisément en raison de ses fonctions puissantes, nous rencontrons parfois des problèmes lors de l'utilisation de Discuz, comme des problèmes de connexion en arrière-plan. Aujourd'hui, nous allons révéler la solution au problème de connexion en arrière-plan de Discuz et fournir des exemples de code spécifiques. Nous espérons aider ceux qui en ont besoin.

Explication graphique détaillée de la mémoire et du GC du moteur Node V8 Explication graphique détaillée de la mémoire et du GC du moteur Node V8 Mar 29, 2023 pm 06:02 PM

Cet article vous donnera une compréhension approfondie de la mémoire et du garbage collector (GC) du moteur NodeJS V8. J'espère qu'il vous sera utile !

Un article pour parler du contrôle de la mémoire dans Node Un article pour parler du contrôle de la mémoire dans Node Apr 26, 2023 pm 05:37 PM

Le service Node construit sur une base non bloquante et piloté par les événements présente l'avantage d'une faible consommation de mémoire et est très adapté à la gestion de requêtes réseau massives. Dans le contexte de demandes massives, les questions liées au « contrôle de la mémoire » doivent être prises en compte. 1. Le mécanisme de récupération de place du V8 et les limitations de mémoire Js sont contrôlés par la machine de récupération de place

Parlons de la façon de choisir la meilleure image Docker Node.js ? Parlons de la façon de choisir la meilleure image Docker Node.js ? Dec 13, 2022 pm 08:00 PM

Le choix d'une image Docker pour Node peut sembler trivial, mais la taille et les vulnérabilités potentielles de l'image peuvent avoir un impact significatif sur votre processus CI/CD et votre sécurité. Alors, comment choisir la meilleure image Docker Node.js ?

Êtes-vous inquiet du code tronqué du backend WordPress ? Essayez ces solutions Êtes-vous inquiet du code tronqué du backend WordPress ? Essayez ces solutions Mar 05, 2024 pm 09:27 PM

Êtes-vous inquiet du code tronqué du backend WordPress ? Essayez ces solutions, des exemples de code spécifiques sont nécessaires. Avec l’application généralisée de WordPress dans la construction de sites Web, de nombreux utilisateurs peuvent rencontrer le problème d’un code tronqué dans le backend WordPress. Ce type de problème entraînera l'affichage de caractères tronqués dans l'interface de gestion en arrière-plan, causant de gros problèmes aux utilisateurs. Cet article présentera quelques solutions courantes pour aider les utilisateurs à résoudre le problème des caractères tronqués dans le backend WordPress. Modifiez le fichier wp-config.php et ouvrez wp-config.

Parlons en profondeur du module File dans Node Parlons en profondeur du module File dans Node Apr 24, 2023 pm 05:49 PM

Le module de fichiers est une encapsulation des opérations de fichiers sous-jacentes, telles que l'ajout de lecture/écriture/ouverture/fermeture/suppression de fichiers, etc. La plus grande caractéristique du module de fichiers est que toutes les méthodes fournissent deux versions de **synchrone** et ** asynchrone**, with Les méthodes avec le suffixe sync sont toutes des méthodes de synchronisation, et celles qui n'en ont pas sont toutes des méthodes hétérogènes.

Parlons du mécanisme GC (garbage collection) dans Node.js Parlons du mécanisme GC (garbage collection) dans Node.js Nov 29, 2022 pm 08:44 PM

Comment Node.js fait-il le GC (garbage collection) ? L’article suivant vous guidera à travers cela.

Parlons de la boucle d'événements dans Node Parlons de la boucle d'événements dans Node Apr 11, 2023 pm 07:08 PM

La boucle d'événements est un élément fondamental de Node.js et permet une programmation asynchrone en garantissant que le thread principal n'est pas bloqué. Comprendre la boucle d'événements est crucial pour créer des applications efficaces. L'article suivant vous donnera une compréhension approfondie de la boucle d'événements dans Node. J'espère qu'il vous sera utile !

See all articles