文档章节

nodejs+express+mongodb简单的例子

扬州炒饭
 扬州炒饭
发布于 2014/09/11 11:45
字数 1995
阅读 66516
收藏 36

简单的介绍下node+express+mongodb这三个东西。

node
:是运行在服务器端的程序语言,表面上看过去就是javascript一样的东西,但是呢,确实就是服务器语言,个人觉得在一定层次上比c灵活,java就不提了。反正你只要认为node可以干很多事就行了,绝对不只是web开发。
express
:这货呢,就是node的一种框架,node有很多的开源框架,express是一个大神开发的(这尊神已经移驾到go语言的开发去了)。express可以让你更方便的操作node(因为原生的node写起来比较麻烦,而且因为node是事件驱动的,所以有很多异步回调,写多了就看着晕...)
mongodb:这是一种非关系数据库(nosql),太深的东西我也不清楚,反正这货也有很强大的地方,缺点就是不适合数据一致性要求高的比如金融方面的开发。但是优点就
总结:也就是说node和mongodb组合起来特别适合一个应用场景——速度快,处理量大的情况。

下面先说说准备工作:(以windows8.1系统环境为例)
1.node:先下载安装nodejs,下载地址http://www.nodejs.org/,安装好了之后检查是否在系统环境变量里自动配置好了path,如果没有,请把node的安装地址配置到path里去。然后在cmd里敲入node,如果可以,那么这一步ok了,很简单吧。
2.express:这个安装分两种,一种是全局安装,一种是本地安装。网络上说的玄乎玄乎的,但是实际操作中你会发现不同的系统环境会出现问题,比如win8.1中文用户名情况下,你得改变npm的全局路径(npm是node模块包管理程序,在你安装好node的时候已经自带npm了),操作:
prefix = 自定义模块目录
cache = 自定义缓存目录
接着安装express(新版本4.X以上要安装express-generator)
npm i -g express(旧版本npm i -g express+版本号
npm i -g express-generator
(如果想本地安装在和npm同一个目录下,先cd到node_modules目录,再使用npm i express-generator命令,然后再将node_modules目录下的./bin配置到环境变量path里去)
测试:
express -V 成功的话会显示版本号
3.mongodb:这个数据库安装很简单,下载地址http://www.mongodb.org/。安装好了,就在cmd里cd到mongodb安装目录下的bin目录,然后敲命令:
mongod --dbpath="mongodb安装目录\data" --logpath="mongodb安装目录\log\log.txt" --install --serviceName MongoDB --serviceDisplayName MongoDB
操作完,你会发现,你的电脑的服务里多了一个MongoDB服务,没错,就是它,然后你运行这个服务就行了。

正题:搭建简单的node+express+mongodb项目

先在cmd控制台里cd到一个目录下面,记住这你的workspace,然后是用是用express创建一个app项目
express hello-world -e (-e表示支持ejs模板引擎,默认是jaden。什么事模板引擎,比如jsp...太深的我也不懂。本人比较擅长html原生的东西,像这种模板引擎我也是第一次使用,也蛮方便的哦,不过在我看来,没啥用, 我不需要,但是可能你需要...)
然后我们再下载依赖包
npm i (这样就会自动将项目需要的依赖modules安装到项目的modules里去了)
我们cd到hello-world目录下,是用命令
npm start 启动项目(也可以是node ./bin/www,旧版本直接node app.js,因为具体要看package.json里的启动配置了)
我们可以在浏览器地址栏里敲入 http://127.0.0.1:3000/ 这就是你的第一个express创建的node app。
是不是很哈皮。。。

我们研究下express创建项目
你需要了解的项目主要目录为:routes和views,你最好再在项目里新建一个目录叫models(作用后面讲)
routes里index.js配置的都是get和post请求的路径映射关系,很简单的哦。
views里index.ejs就相当于一个html文件,里面就是一些html标签和<%%>标签,感觉和jsp差不多哦。
看起来不错的样子,标准的MVC框架(models里放模型,views里面放展示,routes里面放控制)

上面我们已经生成好了app原型,接着我们设计数据库
cmd命令行里:
mongo //进入数据库
use hello-world //创建项目数据库
db.addUser("shuaige", "123456") //给这个数据库创建了一个叫帅哥的账号,密码123456 (但是我觉得可能我理解的不到位,你也可以不做这个操作)
然后,我们就为这个hello-world数据库创建collection(collection就相当于oracle和mysql里的table)
db.createCollection("users") //创建一个集合,也就是表
db.users.insert({userid: "admin", password: "123456"}) //给users里添加一个文档,也就是一条记录账号admin,密码123456
ok,现在检查一下:
db.users.find() //如果看到你刚刚添加的文档记录,就ok咯

好简单的数据库集合以及文档设置好,我们就回到express创建的node项目里,我们需要:   

在models下创建一个user.js,作为实体类映射数据库的users集合 
在views下做几个页面(可以用ejs也可以用html,我就用ejs吧)
在routes下的index.js配置路由,也就是请求映射处理

1在models下创建一个user.js,作为实体类映射数据库的users集合 

user.js

var mongoose = require("mongoose");	//	顶会议用户组件
var Schema = mongoose.Schema;	//	创建模型
var userScheMa = new Schema({
	userid: String,
	password: String
});	//	定义了一个新的模型,但是此模式还未和users集合有关联
exports.user = mongoose.model('users', userScheMa); //	与users集合关联


2在views下面建index.ejs, errors.ejs, login.ejs, logout.ejs, homepage.ejs。 (index是自带的,不用建)

index.ejs 

<!DOCTYPE html>
<html>
  <head>
    <title><%= title %></title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
  </head>
  <body>
    <h1>Hello World</h1>
    <p>Welcome to <%= title %></p>
    <p><a href="login">登陆</a></p>
  </body>
</html>

login.ejs

<!DOCTYPE html>
<html>
  <head>
    <title><%= title %></title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
  </head>
  <body>
    <h1>Hello World</h1>
    <p>Welcome to <%= title %></p>
    <form action="homepage" method="post">
	    <p>
	    	<span>userId:</span>
	    	<br>
	    	<input id="userid" name="userid" type="text">
	    </p>
	    <p>
	    	<span>password:</span>
	    	<br>
	    	<input id="password" name="password" type="password">
	    </p>
	    <p><input type="submit" value="submit"></p>
    </form>
  </body>
</html>

logout.ejs
 

<!DOCTYPE html>
<html>
  <head>
    <title><%= title %></title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
  </head>
  <body>
    <h1>Hello World</h1>
    <p>Welcome to <%= title %></p>
    <p>正在登出...</p>
    <script type="text/javascript">
    	setTimeout(function(){
    		window.location.href = "/";
    	}, 500);
    </script>
  </body>
</html>

homepage.ejs
 

<!DOCTYPE html>
<html>
  <head>
    <title><%= title %></title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
  </head>
  <body>
    <h1>Hello World</h1>
    <p>Welcome to <%= title %></p>
    <p><a href="logout">登出</a></p>
  </body>
</html>

error.ejs 出错页面,我没做,你有兴趣可以自己试试玩玩。

3 在routes下的index.js配置路由,也就是请求映射处理

index.js

var express = require('express');
var router = express.Router();
var mongoose = require('mongoose');
var user = require('../models/user').user;
mongoose.connect('mongodb://localhost/hello-world');

/* GET home page. */
router.get('/', function(req, res) {
  	res.render('index', { title: 'index' });
});

/*login*/
router.get('/login', function(req, res) {
 	 res.render('login', { title: 'login' });
});

/*logout*/
router.get('/logout', function(req, res) {
  	res.render('logout', { title: 'logout' });
});

/*hompage*/
router.post('/homepage', function(req, res) {
	var query_doc = {userid: req.body.userid, password: req.body.password};
	(function(){
		user.count(query_doc, function(err, doc){
			if(doc == 1){
				console.log(query_doc.userid + ": login success in " + new Date());
				res.render('homepage', { title: 'homepage' });
			}else{
				console.log(query_doc.userid + ": login failed in " + new Date());
				res.redirect('/');
			}
		});
	})(query_doc);
});

module.exports = router;


ok,基本上大功告成,可以试试咯。

下面讲讲如何调试服务器端的代码:
我们最好借助一个叫node-inspector的工具包
npm i -g node-inspector //安装node-inspector
然后在cmd里运行
node-inspector
再新打开一个cmd,cd到项目hello-world目录下
node --debug ./bin/www (或者 node --debug-brk ./bin/www , 旧版本express创建的node程序请使用 node --debug app.js)
在浏览器里打开http://127.0.0.1:8080/debug?port=5858
再新建窗口打开http://127.0.0.1:3000/
就在浏览器可以调试服务器端代码。


© 著作权归作者所有

共有 人打赏支持
扬州炒饭
粉丝 41
博文 93
码字总数 24585
作品 0
程序员
加载中

评论(22)

时光青年依旧蓝-
时光青年依旧蓝-
谢谢 1313
时光青年依旧蓝-
时光青年依旧蓝-
堵在门口一段时间了,今天终于进去了,好揪心
鲨鱼梦的小虾米
ypeError: Scheam is not a function
at Object.<anonymous> (e:\webstormProject\node_mongo\hello\models\user.js:3:18)
at Module._compile (module.js:435:26)
at Object.Module._extensions..js (module.js:442:10)
at Module.load (module.js:356:32)
at Function.Module._load (module.js:311:12)
at Module.require (module.js:366:17)
at require (module.js:385:17)
at Object.<anonymous> (e:\webstormProject\node_mongo\hello\routes\index.js:4:12)
at Module._compile (module.js:435:26)
at Object.Module._extensions..js (module.js:442:10)
at Module.load (module.js:356:32)
at Function.Module._load (module.js:311:12)
at Module.require (module.js:366:17)
at require (module.js:385:17)
at Object.<anonymous> (e:\webstormProject\node_mongo\hello\app.js:8:14)
at Module._compile (module.js:435:26)

Process finished with exit code 1
报错为什么,哥们
Nick_Judy
Nick_Judy
router.post('/homepage', function(req, res) {
var query_doc = {userid: req.body.userid, password: req.body.password};
(function(){
user.count(query_doc, function(err, doc){
if(doc == 1){
console.log(query_doc.userid + ": login success in " + new Date());
res.render('homepage', { title: 'homepage' });
}else{
console.log(query_doc.userid + ": login failed in " + new Date());
res.redirect('/');
}
});
})(query_doc);
});
这段代码怎么执行的 求告知9
扬州炒饭
扬州炒饭

引用来自“daisycloud”的评论

请问:
user.count(query_doc, function(err, doc){
if(doc == 1){

}else{

};

这里count()是什么作用?我这边返回的doc == 2
count返回的是mongodb里user集合的符合query_doc条件的文档个数-。-
daisycloud
daisycloud
请问:
user.count(query_doc, function(err, doc){
if(doc == 1){

}else{

};

这里count()是什么作用?我这边返回的doc == 2
扬州炒饭
扬州炒饭

引用来自“Frigyes”的评论

你好,能提供增删改查的案例吗?
这个可能会对你有帮助,https://github.com/YangZhouChaoFan/NodeCRM
F
Frigyes
你好,能提供增删改查的案例吗?
扬州炒饭
扬州炒饭

引用来自“小鱼朱朱”的评论

还请将mongoose及其所需的依赖贴出来
对的,还要使用npm下载 mongoose模块,谢谢提醒。
小鱼朱朱
小鱼朱朱
还请将mongoose及其所需的依赖贴出来
(3)JavaScript 之 DOM编程

DOM 文档对象模型(Document Object Model,DOM)是一种用于HTML和XML文档的编程接口。它给文档提供了一种结构化的表示方法,可以改变文档的内容和呈现方式。我们最为关心的是,DOM把网页和脚...

MK先生
2016/08/31
0
0
Hbase 学习(八) 使用MapReduce

在hbase的demo里面有个IndexBuilder的例子,它就是使用了MapReduce来操作hbase的,例子也比较简单,但是只包括了Mapper。 另外网上还有另外一个例子,也是说明这个的,这个例子更为全面一点,...

2k10
2015/05/11
0
0
Spring Boot开发(一)-一个简单的Spring Boot工程

0.开发前的准备 Spring Boot主页:http://projects.spring.io/spring-boot/ Gradle使用 1.简单的入门级的例子 Gradle配置 核心代码-Controller 核心代码-入口 2.运行例子 例子的运行很简单,直...

似是而非Sage
2016/06/30
569
0
简单一个opengl程序,2D图形移动

很早打算系统的学习一下opengl,但是由于课程以及学习算法占据了时间,一直没能开始,现在这段时间开始弄opengl了,这几天看正在看《Opengl 编程指南 第8版》,首先看了GLSL写shader。这里先...

iaccepted
2015/02/13
0
0
深入了解Arrays.sort()

Arrays.sort(T[], Comparator<? super T> c) 是一个用于用户自定义排序对象的方法,在离线的JavaDoc中简单地描述了他怎么工作,但是没有更深入的解释,在这篇文章中,我们将讨论深入了解这个...

奋斗到天明
2015/08/27
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Google资深大佬深度讲解Go语言实战视频教程

第1章 课程介绍 第2章 基础语法 第3章 内建容器 第4章 面向“对象” 第5章 面向接口8 ]% 第6章 函数式编程 第7章 错误处理和资源管理7 {( |0X 第8章 测试与性能调优$ Z/ R5 u, Z 第9章 Goro...

蜗牛奔跑
33分钟前
0
0
跋山涉水 —— 深入 Redis 字典遍历

前言 Redis 字典的遍历过程逻辑比较复杂,互联网上对这一块的分析讲解非常少。我也花了不少时间对源码的细节进行了整理,将我个人对字典遍历逻辑的理解呈现给各位读者。也许读者们对字典的遍...

Java填坑之路
35分钟前
1
0
安装node版本管理工具之NVM

nvm是个啥?nvm是一个可以让你在同一台机器上安装和切换不同版本node的工具 linux系统的github地址:点我 如果你是windows系统,直接下载安装就好了,附 windows-nvm的github地址 点我 wind...

临江仙卜算子
36分钟前
0
0
java基础之NIO

以下内容摘自 这个教程 ,对于异步编程和文件锁部分暂时还未接触。 1. 为什么要使用 NIO NIO 的创建目的是为了让 java 程序员可以实现高速 I/O 而无需编写自定义的本机代码。NIO 将最耗时的 ...

firepation
38分钟前
0
0
JVM Throughput和CMS垃圾回收器

垃圾收集器 Throughtput 垃圾收集器 简介 Throughtput收集器是一款关注吞吐量的收集器。这个收集器也是唯一一个实现了UseAdaptiveSizePolicy策略的垃圾收集器。允许用户通过指定最大的暂停时...

二两豆腐
39分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部