使用node.js 制作网站前台后台

 node.js  能做什么?我至今也不清楚,他在哪方面应用比较广泛,我没有机会接触到那样的项目。只是因为喜欢,业余时间做了一个网站和后台。深刻领悟到一个道理那就是如果你喜欢一项技术可以玩玩,但是如果用到项目中就必须花些时间去解决很多问题。

使用到的技术:

express + jade

sqlite + sequelize  

redis

1. 关于jade

    支持include。  比如: include ./includes/header  header 是一个局部视图,类似asp.net  用户控件。

    支持extends。 比如: extends ../layout   使用母版页layout。

    for循环也是如此简单。   

 

 代码如下:

each item in userList  (userList 服务器传给前端的变量)
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 会把脚步和样式全部放在 母版页面head后面。

2.sequelize  实现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:{
    //文章分类
    getCountAll:function(objFun){
    }//end getCountAll
  }//end classMethods
});
Article.belongsTo(Category);

 

 Article.belongsTo(Category);  每一篇文章都有一个分类。

我把分页相关方法写到了初始化sequelize时候。这样每个模型定义时候,都会有这个方法(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; //每页显示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();  //如果不存在就创建表。
      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.   最初时候我使用截取字符串,也能实现,但是操作系统不一样的话就会有问题。mac使用'/' . window下面是'',我也是部署完成之后才发现的问题 。  后来发现path.basename  直接替换(文档阅读的少,就吃亏啊)。对node.js的好感在加1分。:)

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

 

 代码如下:

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);
        }
      });

 

    这个方法定义在了 model层。 因为是express,所以尽可能的 用mvc方式开发。 其实是route实现了controller层功能(route文件夹,应该命名为为controller)。

时间: 2024-10-26 17:16:53

使用node.js 制作网站前台后台的相关文章

使用node.js 制作网站前台后台_node.js

node.js  能做什么?我至今也不清楚,他在哪方面应用比较广泛,我没有机会接触到那样的项目.只是因为喜欢,业余时间做了一个网站和后台.深刻领悟到一个道理那就是如果你喜欢一项技术可以玩玩,但是如果用到项目中就必须花些时间去解决很多问题. 使用到的技术: express + jade sqlite + sequelize   redis 1. 关于jade     支持include.  比如: include ./includes/header  header 是一个局部视图,类似asp.ne

教你如何使用node.js制作代理服务器_node.js

下面代码实现的功能是这样的: 首先创建一个HTTP服务器,当服务器接收到客户端的请求后,向"www.taobao.com"网站请求数据,当从该网站接受到的响应数据后,将响应数据发送给客户端. 复制代码 代码如下: var http=require("http"); var url=require("url"); var server=http.createServer(function(sreq,sres){     var url_parts=

js制作网站首页图片轮播特效代码_javascript技巧

本文实例为大家分享了使用js制作一般网站首页图片轮播效果的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图片轮播</title> <style> .warp{ width: 600px; height: 750px; position: relative;

Node.js 制作实时多人游戏框架_node.js

在 Node.js 如火如荼发展的今天,我们已经可以用它来做各种各样的事情.前段时间UP主参加了极客松活动,在这次活动中我们意在做出一款让"低头族"能够更多交流的游戏,核心功能便是 Lan Party 概念的实时多人互动.极客松比赛只有短得可怜的36个小时,要求一切都敏捷迅速.在这样的前提下初期的准备显得有些"水到渠成".跨平台应用的 solution 我们选择了node-webkit,它足够简单且符合我们的要求. 按照需求,我们的开发可以按照模块分开进行.本文具体

利用Node.js制作爬取大众点评的爬虫_node.js

前言 Node.js天生支持并发,但是对于习惯了顺序编程的人,一开始会对Node.js不适应,比如,变量作用域是函数块式的(与C.Java不一样):for循环体({})内引用i的值实际上是循环结束之后的值,因而引起各种undefined的问题:嵌套函数时,内层函数的变量并不能及时传导到外层(因为是异步)等等. 一. API分析 大众点评开放了查询餐馆信息的API,这里给出了城市与cityid之间的对应关系, 链接:http://m.api.dianping.com/searchshop.json

ASP视频教程:制作网站前台首页

大家在初学ASP程序的时候,我们经常第一个任务就是配置环境!在这里根据网页教学网站长的经验,有时克隆版的XP系统有时是安装不了IIS的!前面我们已经讲解了ASP视频教程:后台页面加入限制访问和禁用缓存功能,本讲主要讲述制作前台首页.大家请看视频教程.

CSS3实例案例:CSS3制作网站管理后台面板

文章简介:css3制作后台管理面板. demo download HTML结构 <div class="admin-panel clearfix">  <div class="slidebar">    <div class="logo">      <a href=""></a>    </div>    <ul>      <li&g

node.js 是用什么解释的?

问题描述 node.js 是用什么解释的? JS是解释型语言 js在浏览器里运行的时候是浏览器来解释, 但是想nodejs这种在服务器端运行的时候是谁来解释js 解决方案 js在浏览器里运行的时候是浏览器来解释 这个说法不对,严格来说,浏览器只是js解释器的宿主环境,像google chrome浏览器,在客户端也是用google v8引擎解析的. 在服务器端,tomcat lighttp ngnix iis等都可以作为node.js的宿主环境. 好比java代码是jvm执行的,但是jvm需要运行

Apache、Nginx 与 Node.js 之争 —— WordPress 与 Ghost 的性能大对决

巨头之间的终极对决:崛起的新星 Node.js 能否战胜巨人 Apache 和 Nginx? 我和你一样,都阅读过大量散布在互联网各处的意见或事实,其中有一些我认为是可靠的,而其它的可能是谣传,让人难以置信. 我读过的许多信息是相当矛盾的,有人深信 StackOverflow(比如这个和另一个),而其他人展示了一个清晰的令人惊讶的结果,这在推动我自己去做测试来验证结论的过程中扮演了重要的角色. 起初,我做了一些思想准备,我认为我可以避免自己进行实际测试来校验结论的麻烦--在我知道这一切之前我一直