主要是想用node.js链接mongodb，用的是mongoose。用ejs引擎，扩展到.html比较容易

小例子结构简单，框架清晰。

提交方法 路径 方法 作用
get add    
post add   提交记录
get del    
get modify   转到修改页面
post modify   修改记录

入口：mongodb.js,数据模型：model.js,(这两个在同一级目录) 路由：index.js

三个页面index.html,add.html,modify.html

mongodb.js：

var express = require('express');

var path = require('path');

var favicon = require('serve-favicon');

var logger = require('morgan');

var cookieParser = require('cookie-parser');

var bodyParser = require('body-parser');

var routes = require('./routes/mong_ro');

var users = require('./routes/users');

var app = express();

// view engine setup

app.set('views', path.join(__dirname, 'views'));

app.set('view engine', 'ejs');

app.engine('html', require('ejs').renderFile);

// uncomment after placing your favicon in /public

// app.use(favicon(__dirname + '/public/favicon.ico'));

app.use(logger('dev'));

app.use(bodyParser.json());

app.use(bodyParser.urlencoded({ extended: false }));

app.use(cookieParser());

app.use(express.static(path.join(__dirname, 'public')));

app.use('/', routes);

app.use('/users', users);

// catch 404 and forward to error handler

app.use(function(req, res, next) {

    var err = new Error('Not Found');

    err.status = 404;

    next(err);

});

// error handlers

// development error handler

// will print stacktrace

if (app.get('env') === 'development') {

    app.use(function(err, req, res, next) {

        res.status(err.status || 500);

        res.render('error', {

            message: err.message,

            error: err

        });

    });

}

// production error handler

// no stacktraces leaked to user

app.use(function(err, req, res, next) {

    res.status(err.status || 500);

    res.render('error', {

        message: err.message,

        error: {}

    });

});

module.exports = app;

model.js:

var express = require('express')

	, routes = require('./routes')

	, mongoose = require('mongoose')

	, Schema = mongoose.Schema;

var demoSchema = new Schema({

	uid: String,

	title: String,

	content: String,

	createTime: {type:Date, default: Date.now}

});

exports.Demo = mongoose.model('blog', demoSchema);

index.js:

var express = require('express')

    , router = express.Router()

	, mongoose = require('mongoose')

	, model = require('../model')

	, Demo = model.Demo;

mongoose.connect('mongodb://localhost/blog');

/* GET home page. */

// router.get('/', function(req, res) {

//   res.render('index', { title: 'Express' });

// });

router.get('/', function(req, res) {

  Demo.find(function(err, docs){

		res.render('index.html', {

			title:'Express Demo Example',

			demos:docs

		});

	});

});

router.get('/add', function(req, res) {

    res.render('add.html', {title:'add demo list'});

});

router.post('/add', function(req, res) {

  var demo = new Demo({

		uid: req.body.uid,

		title: req.body.title,

		content: req.body.content

	});

	demo.save(function(err, doc){

		res.redirect('/');

	})

});

router.get('/del', function(req, res){

	var id = req.query.id;

	if(id && '' != id){

		Demo.findByIdAndRemove(id, function(err, docs){

			res.redirect('/');

		});

	}

});

router.get('/modify', function(req, res) {

	var id = req.query.id;

	if(id && '' != id){

		Demo.findById(id ,function(err, docs){

			res.render('modify.html', {title:'修改', demo:docs});

		});

	}

});

router.post('/modify', function(req, res) {

  var demo = {

		uid : req.body.uid,

		title: req.body.title,

		content : req.body.content

	};

	var id = req.body.id;

	if(id && '' != id) {

		Demo.findByIdAndUpdate(id, demo,function(err, docs) {

			res.redirect('/');

		});

	}

});

//post方法总会先构建demo对象

//demo的方法：find，save，findByIdAndRemove，findById，findByIdAndUpdate

//get请求，用req.query.id;post请求，用req.body.id.

module.exports = router;

add.html:

<!DOCTYPE html>

<html>

  <head>

    <title><%= title %></title>

    <link rel='stylesheet' href='/stylesheets/style.css' />

  </head>

  <body>

	<h1>增加</h1>

	<form method="post">

		uid : <input type="text" name="uid"/><br/>

		title:<input type="text" name="title"/><br/>

		content:<textarea name="content"></textarea><br/>

		<input type="submit" value="submit"/>

		<input type="reset" value="reset"/>

	</form>

  </body>

</html>

index.html:

<!DOCTYPE html>

<html>

  <head>

    <title><%= title %></title>

    <link rel='stylesheet' href='/stylesheets/style.css' />

	<style type="text/css">

	table { border:1px solid green;}

	table thead tr th{ border:1px solid green;}

	table tbody tr td{ border:1px solid green;}

	</style>

  </head>

  <body>

	<p><a href="http://localhost:3000/add">增加</a></p>

    <h1>DEMO List</h1>

	<table>

		<thead>

			<tr>

				<th>id</th>

				<th>uid</th>

				<th>title</th>

				<th>content</th>

				<th>createTime</th>

				<th>操作</th>

			</tr>

		</thead>

		<tbody>

			<% demos.forEach(function( demo ){ %>

			<tr>

				<td><%=demo._id%></td>

				<td><%= demo.uid %></td>

				<td><%= demo.title %></td>

				<td><%= demo.content %></td>

				<td><%=demo.createTime%></td>

				<td><a href="http://localhost:3000/del?id=<%=demo._id%>">Delete</a> | <a href="http://localhost:3000/modify?id=<%=demo._id%>">Update</a></td>

			</tr>

			<% }); %>

		</tbody>

	</table>

  </body>

</html>

modify.html:

<!DOCTYPE html>

<html>

  <head>

    <title><%= title %></title>

    <link rel='stylesheet' href='/stylesheets/style.css' />

  </head>

  <body>

	<h1>修改</h1>

	<form method="post">

		uid : <input type="text" name="uid" value="<%=demo.uid%>"/><br/>

		title:<input type="text" name="title" value="<%=demo.title%>"/><br/>

		content:<textarea name="content"><%=demo.content%></textarea><br/>

		<input type="hidden" name="id" value="<%=demo._id%>"/>

		<input type="submit" value="submit"/>

		<input type="reset" value="reset"/>

	</form>

  </body>

</html>

在此基础上可以不断扩展，把学会的bootstrap加上，把好用的jquery UI加上。

　　

node.js+express+mongodb的更多相关文章

  1. Node.js Express+Mongodb 项目实战

    Node.js Express+Mongodb 项目实战 这是一个简单的商品管理系统的小项目,包含的功能还算挺全的,项目涵盖了登录.注册,图片上传以及对商品进行增.删.查.改等操作,对于新手来说是个很 ...

  2. Node.js+Express+MongoDB数据库实现网页注册登入功能

    通过 Node.js + Express + MongoDB 实现网页注册账号 和 登入账号的功能 项目准备: 1: 事先准备好项目的页面 (首页页面 index.html)(登入页面 login.h ...

  3. 【nodejs笔记1】配置webstorm + node.js +express + mongodb开发博客的环境

    1. 安装webstorm 并破解 2. 安装node (以及express框架) 至官网下载并安装.(http://nodejs.org)v0.10.32   msi  安装后测试,打开命令行, c ...

  4. Node.js +Express+MongoDB+mogoose+ejs+bootstrap+jquery

    Node.js + MongoDB 项目实战(二)  创建项目 在项目实战(一)中,已经配置好了开发环境(详见:http://www.cnblogs.com/jameslong/articles/34 ...

  5. ubuntu安装node.js+express+mongodb

    输入以下命令安装: sudo apt-get install nodejs 安装完成后,终端输入nodejs,就能进入node命令啦: 但是正常下应该是输入node进入命令而不是nodejs: 在Ub ...

  6. ubuntu 安装node.js + express + mongodb

    转载自http://my.oschina.net/reg/blog/289536 Ctrl + Alt + T,打开终端,输入以下命令安装: sudo apt-get install nodejs 安 ...

  7. Node.js + Express + Mongodb 开发搭建个人网站（一）

    一.Node + Express环境搭建 0.去Node官网下载安装node,如果安装了 npm 和 node的话 那么就 安装 全局的 express,-g全局安装 npm install expr ...

  8. Node.js + Express + Mongodb 开发搭建个人网站（二）

    二.路由 1.打开 routes/index.js ,这个意思就是  捕获到访问主页的get请求: 并通过 app.js 分配到对应的路由里: 看到这里,打开 http://127.0.0.1:300 ...

  9. Node.js + Express + Mongodb 开发搭建个人网站（三）

    三.后台架构 1.在根目录下(和 views 文件夹同级)创建 lib 文件夹 以后所有后端内容 都是在这里写,分别创建三个文件夹 到 lib 目录下: mongo  放的是数据的存储 module  ...

随机推荐

  1. 30分钟新手git教程

    本文转载自:http://igeekbar.com/igeekbar/post/82.htm Git近些年的火爆程度非同一般,这个版本控制系统被广泛地用在大型开源项目(比如Linux),不同规模的团队 ...

  2. FIFO 、LRU、LFU三种算法

    提到缓存,有两点是必须要考虑的:(1)缓存数据和目标数据的一致性问题.(2)缓存的过期策略(机制).     其中,缓存的过期策略涉及淘汰算法.常用的淘汰算法有下面几种:(1)FIFO:First I ...

  3. 实例学习SSIS（一）

    网址: http://www.cnblogs.com/tenghoo/archive/2009/10/archive/2009/10/archive/2009/10/archive/2009/10/a ...

  4. 开启mongod服务（Mongo运行错误：Failed to connect 127.0.0.1:27017,reason:errno:10061由于目标计算机积极拒绝，无法连接）

    问题:Mongo运行错误:Failed to connect 127.0.0.1:27017,reason:errno:10061由于目标计算机积极拒绝,无法连接 在Mongodb的安装过程中碰到的问 ...

  5. org.apache.catalina.core.StandardContext.listenerStart Error configuring application listener of class org.springframework.web.context.ContextLoaderListener java.lang.ClassNotFoundException

    使用Intelij Idea时,报错如下: org.apache.catalina.core.StandardContext.listenerStart Error configuring appli ...

  6. css position定位详解

    position:static 默认方式: position:relative 相对定位,相对于原有位置进行移动,并且保留它在文件流中的占位: position:absolute 绝对定位,相对于最近 ...

  7. 对象池 object pool

    对象池适用于: 对象的创建很耗时 对象频繁地释放再创建 对象池的实现:将释放的对象放进对象池中,在新建对象时,从对象池取对象 public class ObjectPool<T> wher ...

  8. IIS上发布站点后URL重写失效的解决方法

    在发布网站时URL重写有可能会失效,如果失效的话就需要您设置一下IIS:1.Windows XP系统或Windows 2003系统等使用以下方法:>打开IIS,主目录-〉配置-〉映射-〉在窗体左 ...

  9. windows下用tcc编译Lua

    脚本来源:Demon's Blog,http://demon.tw/software/compile-lua-with-tcc.html 版权归原作者所有 使用方法: 1.下载tcc编译器,本文解压目 ...

  10. NOIP 2016 游记