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 = <strong>path.basename</strong>(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

Article chaud

Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Musée à deux points: toutes les expositions et où les trouver
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Article chaud

Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Musée à deux points: toutes les expositions et où les trouver
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Tags d'article chaud

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 Discuz révélée

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

Un article pour parler du contrôle de la mémoire dans Node

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

Explication graphique détaillée de la mémoire et du GC du moteur Node V8

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

Parlons en profondeur du module File dans Node

Ê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

Que dois-je faire si le nœud ne peut pas utiliser la commande npm ? Que dois-je faire si le nœud ne peut pas utiliser la commande npm ? Feb 08, 2023 am 10:09 AM

Que dois-je faire si le nœud ne peut pas utiliser la commande npm ?

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

Parlons du mécanisme GC (garbage collection) dans Node.js

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

Parlons de la façon de choisir la meilleure image Docker Node.js ?

See all articles