nodejs 使用mongoose实现crud

于 2020-06-02 17:34:38 发布
阅读量242 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42039912/article/details/106501099
版权

index.html

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../favicon.ico">

    <title>学生列表</title>

    <!-- Bootstrap core CSS -->
    <!-- <link href="/node_modules/bootstrap/dist/css/bootstrap.css" rel="stylesheet"> -->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="/public/css/main.css" rel="stylesheet">

    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
  </head>

  <body>

    <nav class="navbar navbar-inverse navbar-fixed-top">
      <div class="container-fluid">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">Project name</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
          <ul class="nav navbar-nav navbar-right">
            <li><a href="#">Dashboard</a></li>
            <li><a href="#">Settings</a></li>
            <li><a href="#">Profile</a></li>
            <li><a href="#">Help</a></li>
          </ul>
          <form class="navbar-form navbar-right">
            <input type="text" class="form-control" placeholder="Search...">
          </form>
        </div>
      </div>
    </nav>

    <div class="container-fluid">
      <div class="row">
        <div class="col-sm-3 col-md-2 sidebar">
          <ul class="nav nav-sidebar">
            <li class="active"><a href="#">Overview <span class="sr-only">(current)</span></a></li>
            <li><a href="#">Reports</a></li>
            <li><a href="#">Analytics</a></li>
            <li><a href="#">Export</a></li>
          </ul>
          <ul class="nav nav-sidebar">
            <li><a href="">Nav item</a></li>
            <li><a href="">Nav item again</a></li>
            <li><a href="">One more nav</a></li>
            <li><a href="">Another nav item</a></li>
            <li><a href="">More navigation</a></li>
          </ul>
          <ul class="nav nav-sidebar">
            <li><a href="">Nav item again</a></li>
            <li><a href="">One more nav</a></li>
            <li><a href="">Another nav item</a></li>
          </ul>
        </div>
        <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
          <h1 class="page-header">Dashboard</h1>

          <div class="row placeholders">
          {{ each fruits }}
            <div class="col-xs-6 col-sm-3 placeholder">
              <img src="https://img-blog.csdnimg.cn/2022010708315841436.gif" width="200" height="200" class="img-responsive" alt="Generic placeholder thumbnail">
              <h4>Label</h4>
              <span class="text-muted">{{ $value }}</span>
            </div>
           {{/each}}
          </div>

          <h2 class="sub-header">Section title</h2>
          <a href="/students/new" class="btn btn-success">添加学生</a>
          <div class="table-responsive">
            <table class="table table-striped">
              <thead>
                <tr>
                  <th>#</th>
                  <th>姓名</th>
                  <th>性别</th>
                  <th>年龄</th>
                  <th>爱好</th>
                  <th>操作</th>
                </tr>
              </thead>
              <tbody>
                {{ each students }}
                <tr>
                  <td>{{ $index + 1 }}</td>
                  <td>{{ $value.name }}</td>
                  <td>{{ $value.gender }}</td>
                  <td>{{ $value.age }}</td>
                  <td>{{ $value.hobbies }}</td>
                  <td>
                    <a href="/students/edit?_id={{ $value.id }}" class="btn btn-success">编辑</a>
                    <a href="/students/delete?_id={{ $value.id }}" class="btn btn-danger">删除</a>
                  </td>
                </tr>
                {{ /each }}
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>

 new.html

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../favicon.ico">

    <title>添加学生</title>

    <!-- Bootstrap core CSS -->
    <!-- <link href="/node_modules/bootstrap/dist/css/bootstrap.css" rel="stylesheet"> -->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="/public/css/main.css" rel="stylesheet">

    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
  </head>

  <body>

    <nav class="navbar navbar-inverse navbar-fixed-top">
      <div class="container-fluid">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">Project name</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
          <ul class="nav navbar-nav navbar-right">
            <li><a href="#">Dashboard</a></li>
            <li><a href="#">Settings</a></li>
            <li><a href="#">Profile</a></li>
            <li><a href="#">Help</a></li>
          </ul>
          <form class="navbar-form navbar-right">
            <input type="text" class="form-control" placeholder="Search...">
          </form>
        </div>
      </div>
    </nav>

    <div class="container-fluid">
      <div class="row">
        <div class="col-sm-3 col-md-2 sidebar">
          <ul class="nav nav-sidebar">
            <li class="active"><a href="#">Overview <span class="sr-only">(current)</span></a></li>
            <li><a href="#">Reports</a></li>
            <li><a href="#">Analytics</a></li>
            <li><a href="#">Export</a></li>
          </ul>
          <ul class="nav nav-sidebar">
            <li><a href="">Nav item</a></li>
            <li><a href="">Nav item again</a></li>
            <li><a href="">One more nav</a></li>
            <li><a href="">Another nav item</a></li>
            <li><a href="">More navigation</a></li>
          </ul>
          <ul class="nav nav-sidebar">
            <li><a href="">Nav item again</a></li>
            <li><a href="">One more nav</a></li>
            <li><a href="">Another nav item</a></li>
          </ul>
        </div>
        <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
          <h2 class="sub-header">添加学生</h2>
          <form action="/students/new" method="post">
            <div class="form-group">
              <label for="name">姓名</label>
              <input type="text" class="form-control" id="name" placeholder="姓名" name="name">
            </div>
            <div class="form-group">
              <label >性别</label>
              <div>
                <label class="radio-inline">
                <input type="radio" name="gender" id="gender" value="0"> 男
                </label>
                <label class="radio-inline">
                <input type="radio" name="gender" id="gender" value="1"> 女
                </label>
              </div>
            </div>
            <div class="form-group">
              <label for="age">年龄</label>
              <input type="number" class="form-control" id="age" placeholder="年龄" name="age">
            </div>
            <div class="form-group">
              <label for="hobbies">爱好</label>
              <input type="text" class="form-control" id="hobbies" placeholder="爱好" name="hobbies">
            </div>
          
            <button type="submit" class="btn btn-default">提交</button>
          </form>
        </div>
      </div>
    </div>
  </body>
</html>

 

 edit.html

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../favicon.ico">

    <title>添加学生</title>

    <!-- Bootstrap core CSS -->
    <!-- <link href="/node_modules/bootstrap/dist/css/bootstrap.css" rel="stylesheet"> -->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="/public/css/main.css" rel="stylesheet">

    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
  </head>

  <body>

    <nav class="navbar navbar-inverse navbar-fixed-top">
      <div class="container-fluid">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">Project name</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
          <ul class="nav navbar-nav navbar-right">
            <li><a href="#">Dashboard</a></li>
            <li><a href="#">Settings</a></li>
            <li><a href="#">Profile</a></li>
            <li><a href="#">Help</a></li>
          </ul>
          <form class="navbar-form navbar-right">
            <input type="text" class="form-control" placeholder="Search...">
          </form>
        </div>
      </div>
    </nav>

    <div class="container-fluid">
      <div class="row">
        <div class="col-sm-3 col-md-2 sidebar">
          <ul class="nav nav-sidebar">
            <li class="active"><a href="#">Overview <span class="sr-only">(current)</span></a></li>
            <li><a href="#">Reports</a></li>
            <li><a href="#">Analytics</a></li>
            <li><a href="#">Export</a></li>
          </ul>
          <ul class="nav nav-sidebar">
            <li><a href="">Nav item</a></li>
            <li><a href="">Nav item again</a></li>
            <li><a href="">One more nav</a></li>
            <li><a href="">Another nav item</a></li>
            <li><a href="">More navigation</a></li>
          </ul>
          <ul class="nav nav-sidebar">
            <li><a href="">Nav item again</a></li>
            <li><a href="">One more nav</a></li>
            <li><a href="">Another nav item</a></li>
          </ul>
        </div>
        <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
          <h2 class="sub-header">编辑学生</h2>
          <form action="/students/edit" method="post">
            <div class="form-group">
              <label for="name">姓名</label>
              <input type="text" class="form-control" id="name" placeholder="姓名" name="name" value="{{ student.name }}">
              <!-- 隐藏元素用来存放不希望被用户看见，但必须得提交的内容 -->
              <input type="hidden" name="id" value="{{ student.id }}">
            </div>
            <div class="form-group">
              <label >性别</label>
              <div>
                <label class="radio-inline">
                <input type="radio" name="gender" id="gender" value="0"> 男
                </label>
                <label class="radio-inline">
                <input type="radio" name="gender" id="gender" value="1"> 女
                </label>
              </div>
            </div>
            <div class="form-group">
              <label for="age">年龄</label>
              <input type="number" class="form-control" id="age" placeholder="年龄" name="age" value="{{ student.age }}">
            </div>
            <div class="form-group">
              <label for="hobbies">爱好</label>
              <input type="text" class="form-control" id="hobbies" placeholder="爱好" name="hobbies" value="{{ student.hobbies }}">
            </div>
          
            <button type="submit" class="btn btn-default">提交</button>
          </form>
        </div>
      </div>
    </div>
  </body>
</html>

 student.js

var mongoose = require('mongoose')

mongoose.connect('mongodb://localhost/itcast')

var Schema = mongoose.Schema

var studentSchema = new Schema({
	name: {
		type: String,
		required: true
	},
	gender: {
		type: String,
		enum: [0,1],
		default: 0
	},
	age: {
		type: Number
	},
	hobbies: {
		type: String
	}
})
//直接导出模型构造函数
module.exports = mongoose.model('Student', studentSchema)

 

router.js

// 功能：根据请求方式和请求路径设置具体的处理函数
//目的是增强代码的可维护性
var fs = require('fs')
//1、专门用来包装路由的
var express = require('express')
//2、创建一个路由
var router = express.Router()
//3、把router挂载到router路由器中

var Student = require('./student.js')
router.get('/', function (req, res)  {
	Student.find(function (err, data) {
		if (err) {
			//设置状态码为500，并告诉客户端服务错误
			return res.status(500).send('Server err.')
		}
		res.render('index.html', {
		fruits: [
			'苹果',
			'橘子',
			'梨'
		],
		students: data
		})
	})
})

router.get('/students/new', function (req,res) {
	res.render('new.html')
})
//添加学生
router.post('/students/new', function (req,res) {
	new Student(req.body).save(function (err) {
		if (err) {
			return res.status(500).send('Server err！')
		}
		res.redirect('/')
	})
})
//编辑学生
router.get('/students/edit', function (req,res) {
	Student.findById(req.query._id, function (err, stu) {
		if (err) {
			return res.status(500).send('Server err！')
		}
		res.render('edit.html', {
			student: stu
		})
	})
})
//编辑学生详细操作
router.post('/students/edit', function (req, res) {
	//post里面提交的id是name里面的id，没有_
	//而get方式提交的都是从url地址里面来的，要有下划线
	Student.findByIdAndUpdate(req.body.id, req.body, function (err) {
		if (err) {
			return res.status(500).send('Server err！')
		}
		res.redirect('/')
	})
})
//删除学生
router.get('/students/delete', function (req, res) {
	Student.remove({
		'_id': req.query._id
	}, function (err) {
		if (err) {
			return res.status(500).send('Server err！')
		}
		res.redirect('/')
	})
})

module.exports = router

 

mongoose简单CRUD
05-28
mongoose CRUD demo,if you need,then you can take it!
means-crud:使用 MongoDB、NodeJS 和 Mongoose 的 crud 应用程序
06-13
总结起来，"means-crud" 项目展示了如何利用 MEAN Stack 构建一个简单的 CRUD 应用，涉及到的主要知识点包括 MongoDB 数据库操作、Node.js 后端开发、Express.js 路由处理以及 Mongoose 的模式定义和数据操作。...
node.js开发之使用mongoose实现简单的CRUD
lazy的专栏
05-28 1410
1.创建express4.x项目 2.npm install --save mongoose
node.js学习笔记（二）--使用mongoose简单的CRUD操作及测试模块mocha的使用
调包侠
07-31 1078
通过使用mongoose模块能够更为方便的对mongodb数据库进行操作，而在测试过程中使用mocha模块能够十分方便的模拟http请求的发送并很方便的测试对数据库的相应操作1.数据库连接和模型建立通过如下方式进行数据库连接等操作：var mongoose=require('mongoose'); mongoose.connect('mongodb://localhost/testnews');可通
在Node中基于Mongoose对MongoDB进行增删查改（CRUD）操作（一）
weixin_34144450的博客
07-31 339
关键词：mongodb安装 mongoose使用 robomongo mongoose的CRUD操作 mongoose的查询，增加，修改，删除 工具介绍 MongoDB MongoDB是基于Javascript语言的数据库，存储格式是JSON，而Node也是基于JavaScript的环境（库），所以node和mongoDB的搭配能减少...
Mongoose的CRUD方法
qq_41523392的博客
12-24 400
mongoose 的CRUD -C creat： 模型对象.create(文档对象，回调函数) 模型对象.create(文档对象) -R Read： 模型对象.find(查询条件，[投影]) 注意⚠️：不管有没有数据，都返回一个数组 模型对象.findOne(查询条件，投影]) 注意⚠️：找到了返回一个对象，没找到返回数组 -U update 模型对象.updateOne(查询条件，要更新的内容,...
nodejs-mongoose-intro:NodeJS和Mongoose简介
05-04
＃猫鼬 （注意：这些是Amos Q. Haviv的“ MEAN Web ...使用Mongoose对文档集合执行CRUD操作 验证 模式修改器 猫鼬中间件 虚拟属性 修饰符 MongoDB数据库引用 ＃连接到GitHub 首先，我们要确保我们的C9帐户已连
nodejs-Mongoose：项目演示了Nodejs和Mongoose和模式
02-16
在项目"nodejs-Mongoose-master"中，我们可以看到以下几个关键知识点： 1. **安装与初始化**：首先，你需要安装Mongoose模块，通常通过npm（Node.js包管理器）来完成。然后，在项目中导入并连接到MongoDB数据库，...
mongodb-nodejs-mongoose:使用MongoDB，NodeJS，Mongoose和Express Framework创建REST API的样板
05-27
此代码在MongoDB上执行基本的CRUD操作。 为了运行，请克隆存储库，导航到根目录并运行 npm install 这将安装所有必需的依赖项。 现在，在与server.js相同级别的根级别上创建一个文件.env，并初始化2个变量。 DB =...
mongo-nodejs-es6：MongoDB，Nodejs，ES6-CRUD API
02-04
本项目"mongo-nodejs-es6"聚焦于利用这些技术实现CRUD（创建、读取、更新、删除）操作的API服务器。 **MongoDB** 是一个基于分布式文件存储的NoSQL数据库系统，它以其灵活性、高性能和易用性而闻名。在JSON格式的...
nestjs-mongoose-crud：不带“ nestjsxcrud”的猫鼬模型的Nest.js crud模块
02-04
NestJs +猫鼬CRUD 不带@nestjsx/crud猫鼬模型的Nest.js Crud模块 重要 NestJs 6.x ----> nestjs-mongoose-crud v1.x NestJs 7.x ----> nestjs-mongoose-crud v2.x 修复＃7 Nest.js + Typegoose中文视频教程请移步哔哩哔哩哩： 用法 安装并设置或 安装 yarn add nestjs-mongoose-crud # or npm i nestjs-mongoose-crud 将模型导入模块： import { Module } from '@nestj
nestjs-crud-mongoose：@nestjsxcrud的猫鼬服务适配器
02-03
nestjs-crud-猫鼬 Mongoose / Typegoose服务适配器 Nest.js + typegoose视频（中文）： Nest.js + Typegoose中文视频教程请移步哔哩哔哩哩全栈之巅： 如何 安装 yarn add nestjs-crud-mongoose # or npm i nestjs-crud-mongoose 基于猫鼬/ typegoose模型创建服务 /src/users/users.service.ts // for typegoose users import { User } from "../../common/users/user.model" ; import { Injectable , Inject } from "@nestjs/common" ; import { ModelType } from "@typegoose/typegoose/lib/types" ; import { MongooseCrudService } from "./mongoose-crud.service" ; @ Injectable (
node-crud:Mongo和Mongoose的节点CRUD操作
05-22
节点压缩 Mongo和Mongoose的节点CRUD操作
node中mongoose使用CRUD示例
qq_34412985的博客
12-30 300
var mongoose = require('mongoose') var Schema = mongoose.Schema // 1. 连接数据库 // 指定连接的数据库不需要存在，当你插入第一条数据之后就会自动被创建出来 mongoose.connect('mongodb://localhost/itcast') // 2. 设计文档结构（表结构） // 字段名称就是表结构中的属性名称...
mongoose系列——几行代码实现CRUD
weixin_33966095的博客
01-07 131
1. nodejs 确实好用，mongoose封装了mongodb，代码很简洁。 const mongoose = require('mongoose'); mongoose.connect("mongodb://localhost/xinliao"); var Workshop = mongoose.model('Workshop', new mongoose.Schema({test: ...
nodejs mongodb crud
binggoogle的专栏
10-08 654
http://www.it165.net/database/html/201502/10819.html 目录 简介 MongoDB安装(windows) MongoDB基本语法和操作入门(mongo.exe客户端操作) 库操作 插入 查询 修改 删除 存储过程 nodejs操作MongoDB 插入 查询 修改 删除 调用存储过程 写在之后... 简介 　　MongoDB
mongoose crud
集思广益
07-29 158
exports.insert = function(modelname, data) { var model = require('./models/' + modelname); model.create(data, function(err, doc) { if (err) return next(err); });...
Nodejs-mongodb，mongoose的CRUD
Chad97的博客
01-06 356
Nodejs-mongodb，mongoose的CRUD 前言 设计集合结构（表结构） 字段名称就是表结构的属性名称 约束的目的就是为了保证字段的完整性，不要有脏数据 接上一篇 https://blog.csdn.net/Chad97/article/details/85720537 官方API 官方案例 var mongoose = require('mongoose');//官方案例...
nodejs之Mongoose模型CURD成功案例总结
weixin_43343144的博客
03-30 507
mongoose官方文档：https://mongoosejs.com/docs/guide.html const mongoose = require('mongoose'); // 链接数据库 mongoose.connect('mongodb://localhost:27017/app', {useNewUrlParser: true}, (error) => { ...
使用Koa和Mongoose构建NodeJS CRUD接口教程
"这篇教程将演示如何使用Koa框架和Mongoose库在Node.js环境中实现一个简单的联系人应用的增删改查接口。教程中提到的前一篇文章是关于创建联系人应用的基础部分，而本篇则关注后台接口的实现。教程涵盖了所需的工具...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值