主要是想用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. struts2 资源国际化

    web.xml: <?xml version="1.0" encoding="UTF-8"?><web-app id="WebApp ...

  2. SMO算法（转）

    作者:[已重置]链接:https://www.zhihu.com/question/40546280/answer/88539689来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请 ...

  3. Java HashMap,LinkedHashMap,TreeMap

    Java为数据结构中的映射定义了一个接口java.util.Map;它有四个实现类,分别是HashMap Hashtable LinkedHashMap 和TreeMapMap主要用于存储健值对,根据 ...

  4. 网站连接数据库连接不上原因是ip地址与端口号格式不对

    192.168.1.1:8080这样连接一直出错, 后来改为192.168.1.1,8080就可以了 原因是格式不对,把冒号给为逗号就可以了

  5. bug-ajax

    ajax 的get 方法参数及url的长度有限制 问题:url的参数只有一个url?id=101001000000000000000001 参数过长,ajax会报错. 解决方法:1,把get换成pos ...

  6. phpStudy7——MySql数据库的增删查改

    1. 添加数据: //添加数据 $strsql = "insert into user_info(userId,userName,phoneNumber,userScore,dataTime ...

  7. 如何添加ECSHOP广告位置

    如何添加ECSHOP广告位置 我们都知道ecshop系统默认的广告位置非常的少,但是一个电子商务网站岂能离开广告?庆幸的是,ecshop预留了足够强大的组件让我们能够完全有可能实现任意我们想要广告位置 ...

  8. Ubuntu安装libevent

    背景: 版本: libevent 2.1.6beta linux下: 按照github官方做法: $ sudo apt-get install openssl $ mkdir build && ...

  9. .NET中的Request

    获得浏览器中的URL 例:http://121.41.30.93:8010/ch/spell.aspx?id=58 Request.Url.PathAndQuery:/ch/spell.aspx?id ...

  10. iOS.ObjC.Basic-Knowledge

    1. ObjC的基础 2. ObjC2.0中的编译指令 3. ObjC Runtime 4. ObjC Object Model 5. ObjC的新语法 6. FQA 1. ObjC的基础 2. Ob ...