主要是想用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. stl-stack+括号配对问题

    栈:stl的一种容器,遵循先进后出原则,,只能在栈的顶部操作,就像放盘子一样,洗好的盘子叠在上面,需要用时也是先从顶部拿.不允许被遍历,没有迭代器 基本操作: 1.头文件#include<sta ...

  2. apply和call用法

    资料来源:http://blog.csdn.net/business122/article/details/8000676 Js apply方法详解 我在一开始看到javascript的函数apply ...

  3. java jpa 报错

    表的字段名不能是数据库的关键字 INSERT INTO `todo`.`todo_item` (description, completed) VALUES ('test 111', false); ...

  4. 大型运输行业实战_day06_1_购票功能简单实现

    1.添加购票按钮 对应的html代码 因为列表是js函数动态填充的,故添加按钮应该在js函数中,完整代码如下: /** * 注意在调用该函数时必须输入参数 * 查询+ 分页 * */ function ...

  5. webdriver简介及浏览器的驱动

     1.webdriver概述:  webdriver(selenium2=selenium1+webdriver)是一种用于web应用程序的自动化测试工具,它提供了一套友好的API,与selenium ...

  6. php去除bom

    <?php /*检测并清除BOM*/ if(isset($_GET['dir'])){ $basedir=$_GET['dir']; }else{ $basedir = '.'; } $auto ...

  7. tf.get_variable（）

    1. tf.Variable()W = tf.Variable(<initial-value>, name=<optional-name>)1用于生成一个初始值为initial ...

  8. leetcode 183. Customers Who Never Order

    select Name as Customers from Customers where Id not in (select CustomerId from Orders);

  9. sqlserver 几种datatime的区别

    参考文章1 smalldatetime 占4位精确到分钟.时间从1900.1.1到2079.6.6datetime占8位精确到毫秒.时间从1753.1.1到9999.12.31 参考文章2 datet ...

  10. [leetcode]199. Binary Tree Right Side View二叉树右视图

    Given a binary tree, imagine yourself standing on the right side of it, return the values of the nod ...