主要是想用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. R及Rstuio下载及配置，及基本使用介绍

    1.R和Rstudio下载地址 https://cran.rstudio.com/a 2.Rstudio 的配置 外观.代码显示比例配置 选中tools 选中globle options 选中appe ...

  2. dubbo通信协议

    对dubbo的协议的学习,可以知道目前主流RPC通信大概是什么情况,本文参考dubbo官方文档 http://dubbo.io/User+Guide-zh.htm dubbo共支持如下几种通信协议: ...

  3. Hibernate实体映射转换列值

    @Column(name="ADDTIME", insertable=false, updatable=false)@ColumnTransformer(read="CA ...

  4. Tomb Raider(暴力模拟)

    Tomb Raider https://hihocoder.com/problemset/problem/1829?sid=1394836 时间限制:1000ms 单点时限:1000ms 内存限制:2 ...

  5. CentOS 安装 Docker CE

    准备工作 系统要求 Docker CE 支持 64 位版本 CentOS 7,并且要求内核版本不低于 3.10. CentOS 7 满足最低内核的要求,但由于内核版本比较低,部分功能(如 overla ...

  6. 27-x的y次方的后三位数

    题目内容: 输入描述 数据分n组,对于每组数据有两个正整数x和y(x的y次方必须大于100) 输出描述 对于每组输出,输出一个值,即x的y次方结果的最后三位数 提示:13的13次方为:30287510 ...

  7. Windows下Python IDLE设置

    Windows下安装Python 2.7.5,发现IDLE是个不错的IDE,可以编辑.运行, 希望与.py文件关联起来,作为编辑器使用,经过尝试,找到了一个方法.   打开注册表,找到\KEY_CLA ...

  8. vmware fusion 10序列号

    vmware fusion pro  10序列号   亲测可用激活 FG3TU-DDX1M-084CY-MFYQX-QC0RD

  9. git保护进程

    https://github.com/Mattiwatti/PPLKiller 去掉进程保护内核级

  10. 03 Maven 坐标与依赖

    Maven 坐标与依赖 Maven 的一大功能是管理项目依赖.为了能自动化地解析任何一个 Java 构件, Maven 就必须将它们唯一标识,这就依赖管理的底层基础 一一 坐标.本章将详细分析 Mav ...