主要是想用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. 201671010140. 2016-2017-2 《Java程序设计》java学习第四周

    java学习第四周体会         本周,与前几周不同的是,老师没有进行课堂测试,而是上了一节课,回顾与总结了之前三周所学的知识,也是因为这节课,我注意到了之前学习中忽略的一些细节,和之前学习方法 ...

  2. JS 相关

    计算高度: var a = document.body.clientHeight/2;console.log(a) window.scrollTo(0, document.body.clientHei ...

  3. dhtmlx uploader使用

    前端:{type : "upload", mode : "html4", name : "importFile", inputWidth : ...

  4. sshd_config优化

     sshd_config优化linux系统调优,参考百度搜索  linux ssh命令  /etc/init.d/sshd restart    重启ssh  193  ls  194  vim /e ...

  5. js：二级联动示例

    联动原理 当用户点击省级的下拉选项,选择所在省,下一个下拉选项里的选项,则变成用户选择省下的所有市的信息,不会出现其它省市的信息. 省市数据 把省市数据,保存在js文件中,以json形式保存,以便读取 ...

  6. vs code 插件推荐

    通用插件 HTML Snippets 超级实用且初级的 H5代码片段以及提示 HTML CSS Support 让 html 标签上写class 智能提示当前项目所支持的样式新版已经支持scss文件检 ...

  7. css3自定义placeholder字体颜色

    ::-webkit-input-placeholder{color:#f00;} ::-moz-placeholder{color:#f00;} :-moz-placeholder{color:#f0 ...

  8. JAVA知识积累 给HttpClient添加Socks代理

    本文描述http client使用socks代理过程中需要注意的几个方面:1,socks5支持用户密码授权:2,支持https:3,支持让代理服务器解析DNS: 使用代理创建Socket 从原理上来看 ...

  9. 获取APP的启动图 -Launch Image

    http://adad184.com/2015/10/15/tips-access-current-launch-image/

  10. golang通过反射动态调用方法

    func Call(m map[string]interface{}, name string, params ...interface{}) ([]reflect.Value, error) { f ...