Node.js+Express+MongoDb+bootStrap开发小demo对数据库进行增删改查

最新推荐文章于 2021-10-14 20:32:41 发布
最新推荐文章于 2021-10-14 20:32:41 发布
阅读量274 收藏 3
点赞数
分类专栏： node.js MongoDB 文章标签： node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41812254/article/details/94712901
版权

也是无事可做,便闲着用Node.js+Express+MongoDb+bootStrap开发小demo

也只是对数据的增删改查罢了

页面

可以实现 编辑 删除 显示 增加 数据库的信息

文件架构

使用时记得npm包

！！！！注意 安装这些包需要顺序否则可能会导致以前安装的npm包会消失

cnpm install mongoose //安装mongoose包

cnpm i -S express //安装express包

cnpm install --save body-parser //安装body-parser包

cnpm i art-template		//安装art-template

cnpm i express-art-template 	//安装express-art-template

cnpm install --save-dev @types/node //代码提示

可以下载nodemon自动监视文件的变化，一旦文件变化，自启动服务器。

    npm install nodemon -g // 全局安装

主启动入口

//app.js入口模块
var express = require('express')
var router = require('./router')
var bodyParser = require('body-parser')
var app = express()
// 模板包的导入

// 静态资源
app.use('/node_modules/', express.static('./node_modules/'))
app.use('/public/', express.static('./public/'))




// 配置模板引擎
app.engine('html', require('express-art-template'))

// body-parser包配置
app.use(bodyParser.urlencoded( { extended: false } ))
app.use(bodyParser.json())
// 链接路由router
app.use(router)

app.listen(3000, function(){
    console.log('running...')
})

module.exports = app

路由设置


    // router.js路由模块

    var fs = require('fs')
    var student = require('./student')

    

        //第二种方法
    var express = require('express')
    
    var router = express.Router()
	

    //主页渲染
    router.get('/students', function (req, res){
        // fs.readFile('./views/db.json','utf8', function (err, data){
        //     if (err) {
        //         return res.status(500).send('Server error.')
        //     }
        //     var students = JSON.parse(data).students
            
        //     res.render('index.html',{
        //         fruits: [
        //             '刘翔華',
        //             '王一浩',
        //             '李一涵',
        //             '陈燕'
        //         ],
        //         students : students
        //     })
        // })
    
        // 调用了student.js的find查找获取方法
        student.find(function (err, students){
            if (err) {
                return res.status(500).send('Server error.')
            }
            res.render('index.html',{
                fruits: [
                    '刘翔華',
                    '王一浩',
                    '李一涵',
                    '陈燕'
                ],
                students : students
            })
        })
    })

    //添加学生页面渲染 
    router.get('/students/new', function (req, res){
       res.render('new.html', function(err, data) {
           if(err){
              return res.send('404 not found.')
           }
            res.send(data)
       })
    })

    //添加学生    
    router.post('/students/new', function (req, res){
    
    // 调用了student.js的save保存方法
    new student(req.body).save(function(err){
        if (err) {
            return res.status(500).send('Server error.')
        }
        res.redirect('/students')
        // console.log(req.body)
     })
    })
    
    //编辑学生页面渲染    
    router.get('/students/edit', function (req, res){
        student.findById(req.query.id, function (err, student) {
                if(err){
                    return res.status(500).send('Server error.')
                }
                res.render('edit.html', {
                    student: student
                })
        })
    })
    
    //编辑学生    
    router.post('/students/edit', function (req, res){
    var id = req.body.id

        student.findOneAndUpdate(id,req.body,function(err) {
            if (err) {
                return res.status(500).send('Server error.')
            } else {
                res.redirect('/students')
            }
            
        })
    })
    

    // 删除学生
    router.get('/students/delete', function (req, res){
        var id = req.body.id
        student.deleteOne(id,function(err) {
            if (err) {
                return res.status(500).send('Server error.')
            }
            res.redirect('/students')
        })

    })
    

    router.use('/index',router)
    // 一定要放在所有的路由下面
    router.get('*', function(req, res) {  
        res.redirect('/students')        
    })
    
    module.exports = router
    



    //第一种方法
    /*
    module.exports = function(app){
        
            app.get('/students', function (req, res){
                fs.readFile('./views/db.json','utf8', function (err, data){
                    if (err) {
                        return res.status(500).send('Server error.')
                    }
                    var students = JSON.parse(data).students
                    
                    res.render('index.html',{
                        fruits: [
                            '刘翔華',
                            '王一浩',
                            '李一涵',
                            '陈燕'
                        ],
                        students : students
                    })
                })
            })
            
            app.get('/students/new', function (req, res){
                fs.readFile('./views/db.json','utf8', function (err, data){
                    if (err) {
                        return res.status(500).send('Server error.')
                    }
                    var students = JSON.parse(data).students
                    
                    res.render('index.html',{
                        fruits: [
                            '刘翔華',
                            '王一浩',
                            '李一涵',
                            '陈燕'
                        ],
                        students : students
                    })
                })
            })
            
            app.get('/students/new', function (req, res){
                fs.readFile('./views/db.json','utf8', function (err, data){
                    if (err) {
                        return res.status(500).send('Server error.')
                    }
                    var students = JSON.parse(data).students
                    
                    res.render('index.html',{
                        fruits: [
                            '刘翔華',
                            '王一浩',
                            '李一涵',
                            '陈燕'
                        ],
                        students : students
                    })
                })
            })
            app.get('/students/new', function (req, res){
                fs.readFile('./views/db.json','utf8', function (err, data){
                    if (err) {
                        return res.status(500).send('Server error.')
                    }
                    var students = JSON.parse(data).students
                    
                    res.render('index.html',{
                        fruits: [
                            '刘翔華',
                            '王一浩',
                            '李一涵',
                            '陈燕'
                        ],
                        students : students
                    })
                })
            })
            app.get('/students/new', function (req, res){
                fs.readFile('./views/db.json','utf8', function (err, data){
                    if (err) {
                        return res.status(500).send('Server error.')
                    }
                    var students = JSON.parse(data).students
                    
                    res.render('index.html',{
                        fruits: [
                            '刘翔華',
                            '王一浩',
                            '李一涵',
                            '陈燕'
                        ],
                        students : students
                    })
                })
            })
            app.get('/students/new', function (req, res){
                fs.readFile('./views/db.json','utf8', function (err, data){
                    if (err) {
                        return res.status(500).send('Server error.')
                    }
                    var students = JSON.parse(data).students
                    
                    res.render('index.html',{
                        fruits: [
                            '刘翔華',
                            '王一浩',
                            '李一涵',
                            '陈燕'
                        ],
                        students : students
                    })
                })
            })
            
        }
        */

MongoDB数据库

var mongoose = require('mongoose')

mongoose.connect('mongodb://localhost/itcast', {useNewUrlParser: true})

mongoose.set('useFindAndModify', false)
var Schema = mongoose.Schema

var studentSchema = new Schema({
    name:{
        type: String,
        required: true
    },
    gender:{
        type: Number,
        enum: [0,1],
        default: 0
    },
    age:{
        type: Number
    },
    hobbies:{
        type: String
    }
})

// 导出模型构造函数
module.exports = mongoose.model('Student',studentSchema)

封装的方法

// 操作数据点文件模块
var fs = require('fs')
var dbPath = './views/db.json'

// 下面是封装的方法

// 获取的方法
exports.find = function (callback) {

    fs.readFile(dbPath, 'utf8', function(err, data) {
        if(err) {
          return callback(err)
        }
        callback(null, JSON.parse(data).students)

    })
}

//根据id获取学生信息对象
exports.findById = function (id,callback) {

    fs.readFile(dbPath, 'utf8', function(err, data) {
        if(err) {
          return callback(err)
        }
        var students = JSON.parse(data).students
        var ret = students.find(function (item) {
            return item.id === parseInt(id)
        })
        callback(null,ret)
    })
}



// 添加的方法**
/*
    
*/
exports.save = function (student, callback) {
    fs.readFile(dbPath, 'utf8',function(err, data) {
        if(err) {
          return callback(err)
        }
        var students = JSON.parse(data).students
        // 处理id不重复 数组从0开始 所以-1
        student.id = students.length == 0 ? 1 : students[students.length - 1].id + 1
        // 把传递的对象保存到数组中
        students.push(student)
        // 把对象数据转换为字符串
        var fileData = JSON.stringify({
            students: students
        })
        // 把字符串保存到文件中
        fs.writeFile(dbPath, fileData, function (err) {
            if (err) {
                return callback(err)
            }
            callback(null)
        })
    })

}

// 更新
exports.updateById = function (student, callback) {
    fs.readFile(dbPath, 'utf8',function(err, data) {
        if(err) {
          return callback(err)
        }
        var students = JSON.parse(data).students

        student.id = parseInt(student.id)
        // 查找修改目标
        // 当item.id === student.id条件的时候 find会终止遍历 然后返回
       var stu = students.find (function (item) {
            return item.id === student.id
        })
        // 遍历拷贝对象
        for (var key in student) {
            stu[key] = student[key]
        }
        // 把对象数据转换为字符串
        var fileData = JSON.stringify({
            students: students
        })
        // 把字符串保存到文件中
        fs.writeFile(dbPath, fileData, function (err) {
            if (err) {
                return callback(err)
            }
            callback(null)
        })
    })

}


// 删除
exports.deleteById = function (id, callback) {
    fs.readFile(dbPath, 'utf8',function(err, data) {
        if(err) {
          return callback(err)
        }
        var students = JSON.parse(data).students

      var deleteId = students.findIndex(function (item) {
            return item.id === parseInt(id)
        })
        students.splice(deleteId,1)
    
        var fileData = JSON.stringify({
            students: students
        })
        // 把字符串保存到文件中
        fs.writeFile(dbPath, fileData, function (err) {
            if (err) {
                return callback(err)
            }
            callback(null)
        })
    })
}

链接: https://pan.baidu.com/s/1KUXYfyN85WGMGQeU4nNTAQ 提取码: sbvi 复制这段内容后打开百度网盘手机App，操作更方便哦

源码贴上

想快快长大
关注
专栏目录
nodejs+express+mongodb+bootstrap+jquery+ejs写的电影demo
12-06
自己电脑需要安装mongodb数据库 和mongoose ，自己在用的时候，记得要和对应数据库和表名一致
express+mongodb+bootstrap搭建个人博客系统（十四）
田兴的博客
05-12 1377
一、项目分析 该项目用到的技术栈：express 、 mongodb+mongoose 、bootstrap 、jquery 目录结构：view admin (管理员) main (普通用户) index 注册登录页 完成的功能：注册登录、身份权限、cookies30天免登录、添加分类、分类下的内容添加、集合的关联、退出。 二、项目搭建 express -e blog cd blog yarn install npm start localhost:3000 bootstrap
nodejs+express实现增删改查
08-14
使用nodejs+express操作文件，是数据持久化，实现数据的增删改查操作！
Node.js+Express+Monggose+Bootstrap实现增删改查
weixin_45706384的博客
10-14 747
本文通过后台JS——Node.js、后台Web开发框架Express、MongoDB数据库、MongoDB操作库Monggose以及前端开发框架Bootstrap来简单开发一个增删改查demo。该demo以简单、方便理解的方式来记录前后端结合使用的过程。 ...
Vue.js+Node.js+Mongodb+Express+Bootstrap搭建个人博客
老王的博客
12-16 1123
1 概述 花了半年时间学习，然后开发的个人博客，目前我的博客正在使用。博客前端展示页面见这里，顺便安利一波小站，嘻嘻。 后台管理部分如图。 后台首页。 后台管理，包括博客的删除、修改和是否隐藏。 写博客。 2 技术栈 前端使用到的技术有: vue vue-router vuex bootstrap-vue 前端用到的插件有: sweetalert2 (弹出框，注意有2，不是swee...
blog-8720:一个还在编写中的用Node.js+MongoDB+foundation5的个人博客
06-11
blog8720采用Node.js编写，所以，顺其自然的使用了Express和MongoDB Bootstrap看的太多了，所以选择了Foundation5，样式和布局也都是默认的 关于模版，网上很多人都推荐ejs，但是用了jade模版后感觉很棒，使用...
express + mongodb + jquery + bootstrap 简单的后台管理系统.zip
08-03
这个系统利用了Express作为Node.js后端框架，MongoDB作为数据库存储，jQuery作为前端JavaScript库，以及Bootstrap作为前端UI框架。这四个组件共同构建了一个基本的后台管理系统，适合于学生毕业设计或小型项目。 **...
Bootstrap-Chatroom:使用Node.js和Bootstrap建立的基本聊天室
05-10
Bootstrap-Chatroom是一个基于Node.js和Bootstrap构建的简单聊天室示例项目。这个项目的核心是利用JavaScript（Node.js作为服务器端，Bootstrap作为客户端UI框架）来实现一个实时的、交互式的在线聊天功能。以下是...
论坛贴吧系统(基于NodeJs+MongoDB+Jquery).zip
最新发布
08-03
在实际开发中，此系统可能还涉及到其他技术，如Express.js（一个基于Node.js的Web应用框架）、Mongoose（MongoDB的ODM，用于操作数据库）、Bootstrap（前端UI框架）等。开发过程中，还需要考虑安全性（如防止XSS和...
基于Nodejs+Express+MongoDB+jQuery+Bootstrap搭建的电影网站
04-27
项目前端搭建: 使用jQuery和Bootsrap完成网站前端JS脚本和样式处理； 前后端的数据请求交互通过Ajax完成； 引入了Moment.js格式化前端页面显示时间； 2、项目后端搭建: 使用NodeJs的express框架完成电影网站后端搭建； 使用mongodb完成数据存储，通过mongoose模块完成对mongodb数据的构建； 使用jade模板引擎完成页面创建渲染； 使用Moment.js格式化电影存储时间； 3、本地开发环境搭建: 使用gulp集成jshint对JS语法检查，加入browser-sync与nodemon，实现实时刷新及服务器的自动重启等功能。 4、网站整体功能: 网站正常访问无需管理员权限，对电影的评论及个人中心资料的修改，需要用户登录，对网站数据的修改添加删除需要管理员的权限，默认一个管理员，具体功能如下： 实现了用户的基本注册，登录，登出及管理功能； 实现了搜索功能，模糊关键字可搜索电影名字及电影类别下的电影； 用户登录做session处理，失效期暂为5天； 用户可以对电影进行评论及个人中心资料的修改（可上传用户头像）； 电影添加分类及录入，数据可
基于NodeJS+Express+mongoDB+Bootstrap的全栈式工程化开发前后端分离博客系统实战
11-27
基于NodeJS+Express+mongoDB+Bootstrap的全栈式工程化开发前后端分离博客系统实战
node+vue前后端分离增删改查
08-17
node+vue前后端分离增删改查：node+express+mysql作为后台，vue+bootstrap+jQuery作为前端，简单的增删改查
[Node.js] 基于NodeJS+Express+mongoDB+Bootstrap的博客系统实战
DeathDomain的博客
07-16 1999
MyBlog实战 项目要求 a. 前台和后台的页面布局 前台要求有首页、列表页、详情页面、登录、注册 后台要求有登录页面、列表、添加修改页面 页面要求简洁、美观、大方 b. 后台功能要求 前台注册用户在后台的分页展示 后台可以对分类进行管理 后台可以对文章进行管理 后台可以针对文章的评论进行展示 后台需要登录才能进入后台管理系统 c. 前台功能要求 首页按照分类展示对应的最新几条文章 列表页可以根据不同的分类进行文章列表的切换 详情页在登录的前提下，可以对文章进行评论(未实现,jQuery
Node.js + Express + MongoDB教程
伯乐伴 --伯乐相伴 帮你发现自我 解剖自我 完善自我 成就自我
09-08 860
 安装： STEP 1 – INSTALL NODE.JS 下载 Node.js website ，假设安装在c:\node STEP 2 – INSTALL EXPRESS C:\node>npm install -g express 在NodeJs命令行输入上述命令 STEP 3 – 创建一个EXPRESS PROJECT 使用Jade作为模板，输入： C:\node>e
nodeJS+bootstarp+mongodb整一个TODO小例子
dianyan5615的博客
01-18 82
　　又是一个简单的小玩意儿, 不过有个大玩意儿，就是nosql的mongodb(文件大小:130M), 你要下载一个mongdodb, 去官方网站下载 　　安装以后在mongodb的命令行目录下执行 mongod --dbpath=c:\mongodbInfo\ --port 27017 　　这个命令会在C盘新建一个叫做mongodInfo的目录用来保存mongodb...
【Node】nodejs+express+mongodb入门实例
WHUZXQ的博客
06-12 1359
最近做了一个小例子，想通过这个例子梳理以下思路，了解这三者之间是如何进行前后端交互，现将该项目的过程及思路记录如下。一.项目展示1.主界面2.录入界面3.后台管理界面二.工程创建1.创建目录结构如下：其中，pages文件夹内放置页面文件，models/schemas/views与mongodb数据库有关，bower_components内放置bower下载的css/js库。layout.jade是界
NodeJS入门篇---Express+MongoDB实现blog----《NodeJS开发指南》爬坑
JessicalLxc的博客
07-26 689
NodeJS开发指南
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值