使用node.js 制作網(wǎng)站前臺(tái)后臺(tái)
來(lái)源:易賢網(wǎng) 閱讀:1984 次 日期:2014-12-19 14:37:09
溫馨提示:易賢網(wǎng)小編為您整理了“使用node.js 制作網(wǎng)站前臺(tái)后臺(tái)”,方便廣大網(wǎng)友查閱!

node.js 能做什么?我至今也不清楚,他在哪方面應(yīng)用比較廣泛,我沒(méi)有機(jī)會(huì)接觸到那樣的項(xiàng)目。只是因?yàn)橄矚g,業(yè)余時(shí)間做了一個(gè)網(wǎng)站和后臺(tái)。深刻領(lǐng)悟到一個(gè)道理那就是如果你喜歡一項(xiàng)技術(shù)可以玩玩,但是如果用到項(xiàng)目中就必須花些時(shí)間去解決很多問(wèn)題。

使用到的技術(shù):

express + jade

sqlite + sequelize

redis

1. 關(guān)于jade

支持include。 比如: include ./includes/header header 是一個(gè)局部視圖,類(lèi)似asp.net 用戶(hù)控件。

支持extends。 比如: extends ../layout 使用母版頁(yè)layout。

for循環(huán)也是如此簡(jiǎn)單。

代碼如下:

each item in userList (userList 服務(wù)器傳給前端的變量)

tr

td #{item.username}

td #{item.telephone}

td #{item.email}

  比較喜歡append:

代碼如下:

extends ../admin_layout

append head

link(rel='stylesheet', href='/stylesheets/font-awesome.css')

script(src='/javascripts/bootstrap.js')

script(src='/javascripts/bootstrap-wysiwyg.js')

script(src='/javascripts/jquery.hotkeys.js')

block content

append 會(huì)把腳步和樣式全部放在 母版頁(yè)面head后面。

2.sequelize 實(shí)現(xiàn)ORM的框架。 支持sqlite mysql mongodb

定義模型(文章):

代碼如下:

var Article = sequelize.define('Article',{

title:{

type:Sequelize.STRING,

validate:{}

},

content:{type:Sequelize.STRING,validate:{}},

icon:{type:Sequelize.STRING,validate:{}},

iconname:{type:Sequelize.STRING},

sequencing:{type:Sequelize.STRING,validate:{}}

},{

classMethods:{

//文章分類(lèi)

getCountAll:function(objFun){

}//end getCountAll

}//end classMethods

});

Article.belongsTo(Category);

Article.belongsTo(Category); 每一篇文章都有一個(gè)分類(lèi)。

我把分頁(yè)相關(guān)方法寫(xiě)到了初始化sequelize時(shí)候。這樣每個(gè)模型定義時(shí)候,都會(huì)有這個(gè)方法(pageOffset、pageLimit)。

代碼如下:

var sequelize = new Sequelize('database', 'username', 'password', {

// sqlite! now!

dialect: 'sqlite',

// the storage engine for sqlite

// - default ':memory:'

storage: config.sqlitePath,

define:{

classMethods:{

pageOffset:function(pageNum){

if(isNaN(pageNum) || pageNum < 1){

pageNum = 1;

}

return (pageNum - 1) * this.pageLimit();

},

pageLimit:function(){

return 10; //每頁(yè)顯示10條

},

totalPages:function(totalNum){

var total =parseInt((totalNum + this.pageLimit() - 1) / this.pageLimit()),

arrayTotalPages = [];

for(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', {

title: '文章管理',

articleList : row.rows,

pages:{

totalPages:Article.totalPages(row.count),

currentPage:req.query.pageNum,

router:'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, fields,files){

var //iconPath = files.icon.path,

//index = iconPath.lastIndexOf('/') <= 0 ? iconPath.lastIndexOf('\') : iconPath.lastIndexOf('/') ,

icon = path.basename(files.icon.path), // iconPath.substr(index + 1,iconPath.length - index),

iconname = files.icon.name;

var title = fields.title;

id = fields.articleId;

title = fields.title,

content = fields.content,

mincontent = fields.mincontent,

sequencing=fields.sequencing == 0 ? 0 : 1,

category = fields.category;

Article.sync(); //如果不存在就創(chuàng)建表。

Category.find(category).success(function(c){

var article = Article.build({

title : title,

content:content,

mincontent:mincontent,

icon:icon,

iconname:iconname,

sequencing:sequencing

});

article.save()

.success(function(a){

a.setCategory(c);

return res.redirect('/admin/article');

});

}); //end category

});

}

path.basename:

代碼如下:

//iconPath = files.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. 最初時(shí)候我使用截取字符串,也能實(shí)現(xiàn),但是操作系統(tǒng)不一樣的話(huà)就會(huì)有問(wèn)題。mac使用'/' . window下面是'\',我也是部署完成之后才發(fā)現(xiàn)的問(wèn)題 。 后來(lái)發(fā)現(xiàn)path.basename 直接替換(文檔閱讀的少,就吃虧啊)。對(duì)node.js的好感在加1分。:)

3. redis 緩存經(jīng)常查詢(xún),而且很少變化的數(shù)據(jù)。

代碼如下:

getCountAll:function(objFun){

redis.get('articles_getCountAll', function(err,reply){

if(err){

console.log(err);

return;

}

if(reply === null){

db.all('SELECT count(articles.CategoryId) as count,categories.name,categories.id FROM articles left join categories on articles.categoryID = categories.id group by articles.CategoryId ', function(err,row){

redis.set('articles_getCountAll',JSON.stringify(row));

objFun(row);

});

}else{

objFun(reply);

}

});

這個(gè)方法定義在了 model層。 因?yàn)槭莈xpress,所以盡可能的 用mvc方式開(kāi)發(fā)。 其實(shí)是route實(shí)現(xiàn)了controller層功能(route文件夾,應(yīng)該命名為為controller)。

更多信息請(qǐng)查看IT技術(shù)專(zhuān)欄

更多信息請(qǐng)查看腳本欄目
易賢網(wǎng)手機(jī)網(wǎng)站地址:使用node.js 制作網(wǎng)站前臺(tái)后臺(tái)
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢(xún)回復(fù)僅供參考,敬請(qǐng)考生以權(quán)威部門(mén)公布的正式信息和咨詢(xún)?yōu)闇?zhǔn)!

2025國(guó)考·省考課程試聽(tīng)報(bào)名

  • 報(bào)班類(lèi)型
  • 姓名
  • 手機(jī)號(hào)
  • 驗(yàn)證碼
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡(jiǎn)要咨詢(xún) | 簡(jiǎn)要咨詢(xún)須知 | 新媒體/短視頻平臺(tái) | 手機(jī)站點(diǎn) | 投訴建議
工業(yè)和信息化部備案號(hào):滇ICP備2023014141號(hào)-1 云南省教育廳備案號(hào):云教ICP備0901021 滇公網(wǎng)安備53010202001879號(hào) 人力資源服務(wù)許可證:(云)人服證字(2023)第0102001523號(hào)
云南網(wǎng)警備案專(zhuān)用圖標(biāo)
聯(lián)系電話(huà):0871-65099533/13759567129 獲取招聘考試信息及咨詢(xún)關(guān)注公眾號(hào):hfpxwx
咨詢(xún)QQ:1093837350(9:00—18:00)版權(quán)所有:易賢網(wǎng)
云南網(wǎng)警報(bào)警專(zhuān)用圖標(biāo)