


Utilisez node.js pour créer le front-end et le backend du website_node.js
May 16, 2016 pm 04:31 PMQue 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.
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 :
é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) :
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).
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).

Article chaud

Outils chauds Tags

Article chaud

Tags d'article chaud

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

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

Sujets chauds

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

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

Parlons en profondeur du module File dans Node

Ê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 ?

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

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