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

WBOY
Libérer: 2016-05-16 16:31:33
original
1308 Les gens l'ont consulté

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).

Étiquettes associées:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal