搜尋
首頁web前端js教程使用node.js 製作網站前台後台_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('資料庫', '使用者名稱', '密碼', {
  // sqlite!現在!
  方言:'sqlite',
  // sqlite
的儲存引擎   // - 預設 ':memory:'
  儲存:config.sqlitePath,
  定義:{
    類別方法:{
      pageOffset:函數(pageNum){
        if(isNaN(pageNum) || pageNum           頁數 = 1; 
        }
        return (pageNum - 1) * this.pageLimit();
      },
      pageLimit:function(){
        返回10; // 每頁顯示10條
      },
      總頁數:函數(totalNum){
        var Total =parseInt((totalNum this.pageLimit() - 1) / this.pageLimit()),
            arrayTotalPages = [];
        for(var i=1; i           arrayTotalPages.push(i);
        }
        回 arrayTotalPages;
      }
    },
    實例方法:{
    }
  }
});

使用:

複製程式碼程式碼如下:

Article.findAndCountAll({include:[Category],offset:Article.pageOffset(req.query.pageNum), limit:Article.pageLimit()}).success(function(row){
    res.render('article_list', {
      title: '文章管理',
      文章清單:row.rows,
      頁:{
        TotalPages:Article.totalPages(row.count),
        currentPage:req.query.pageNum,
        路由器:'文章'
      }
    });
  });

保存模型:

複製程式碼程式碼如下:

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('/')         icon = path.basename(files.icon.path), // iconPath.substr(index 1,iconPath.length - index),
        iconname = 檔案.icon.name;
    var title = fields.title;
        id = fields.articleId;
        標題 = fields.title,
        內容 = fields.content,
        mincontent = fields.mincontent,
        排序=字段.排序== 0? 0 : 1,
        分類 = fields.category;
       文章.sync();  //如果不存在就建立表格。
      Category.find(category).success(function(c){
        var 文章 = Article.build({
          標題:標題,
          內容:內容,
          最小內容:最小內容,
          圖標:圖標,
          圖示名稱:圖示名稱,
          定序:定序
        });
        文章.save()
        .success(函數(a){
          a.setCategory(c);
          return res.redirect('/admin/article');
        });
      }); //結束類別
  });
}

路徑.basename:

複製程式碼程式碼如下:

//iconPath = files.icon.path,
//index = iconPath.lastIndexOf('/') icon = path.basename(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.Category 🎜>             redis.set('articles_getCountAll',JSON.stringify(row));
            objFun(row);
          });
        }else{
          objFun(reply);
        }
      });

    這個方法定義在了 model層。 因為是express,所以盡可能的 用mvc方式開發。 其實是route實作了controller層功能(route資料夾,應該命名為controller)。


陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
Vercel是什么?怎么部署Node服务?Vercel是什么?怎么部署Node服务?May 07, 2022 pm 09:34 PM

Vercel是什么?本篇文章带大家了解一下Vercel,并介绍一下在Vercel中部署 Node 服务的方法,希望对大家有所帮助!

node.js gm是什么node.js gm是什么Jul 12, 2022 pm 06:28 PM

gm是基于node.js的图片处理插件,它封装了图片处理工具GraphicsMagick(GM)和ImageMagick(IM),可使用spawn的方式调用。gm插件不是node默认安装的,需执行“npm install gm -S”进行安装才可使用。

一文解析package.json和package-lock.json一文解析package.json和package-lock.jsonSep 01, 2022 pm 08:02 PM

本篇文章带大家详解package.json和package-lock.json文件,希望对大家有所帮助!

分享一个Nodejs web框架:Fastify分享一个Nodejs web框架:FastifyAug 04, 2022 pm 09:23 PM

本篇文章给大家分享一个Nodejs web框架:Fastify,简单介绍一下Fastify支持的特性、Fastify支持的插件以及Fastify的使用方法,希望对大家有所帮助!

怎么使用pkg将Node.js项目打包为可执行文件?怎么使用pkg将Node.js项目打包为可执行文件?Jul 26, 2022 pm 07:33 PM

如何用pkg打包nodejs可执行文件?下面本篇文章给大家介绍一下使用pkg将Node.js项目打包为可执行文件的方法,希望对大家有所帮助!

node爬取数据实例:聊聊怎么抓取小说章节node爬取数据实例:聊聊怎么抓取小说章节May 02, 2022 am 10:00 AM

node怎么爬取数据?下面本篇文章给大家分享一个node爬虫实例,聊聊利用node抓取小说章节的方法,希望对大家有所帮助!

手把手带你使用Node.js和adb开发一个手机备份小工具手把手带你使用Node.js和adb开发一个手机备份小工具Apr 14, 2022 pm 09:06 PM

本篇文章给大家分享一个Node实战,介绍一下使用Node.js和adb怎么开发一个手机备份小工具,希望对大家有所帮助!

图文详解node.js如何构建web服务器图文详解node.js如何构建web服务器Aug 08, 2022 am 10:27 AM

先介绍node.js的安装,再介绍使用node.js构建一个简单的web服务器,最后通过一个简单的示例,演示网页与服务器之间的数据交互的实现。

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
3 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

這個專案正在遷移到osdn.net/projects/mingw的過程中,你可以繼續在那裡關注我們。 MinGW:GNU編譯器集合(GCC)的本機Windows移植版本,可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔;包括對MSVC執行時間的擴展,以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。

Atom編輯器mac版下載

Atom編輯器mac版下載

最受歡迎的的開源編輯器

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

mPDF

mPDF

mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),