node使用express增删改查 四

最新推荐文章于 2024-06-28 13:32:33 发布
最新推荐文章于 2024-06-28 13:32:33 发布
阅读量354 收藏 1
点赞数 1
分类专栏： node.js 文章标签： node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixiwo/article/details/111145940
版权

1.文件操作路径

var fs = require('fs');
// 1.文件操作中相对路径可以省略 ./
fs.readFile('data/a.txt',function(err,data){
    if(err){
        console.log("读取失败");
    }
    console.log(data.toString());
})
// 2.但是在模块加载中 相对路径中./不能省略
//require('./data/index.js');
// 3.node中/ 表示根路径
// 在这里代表是去找的c:/data/a.txt
fs.readFile('/data/a.txt',function(err,data){
    if(err){
        console.log("读取失败");
    }
    console.log(data.toString());
})

2.nodemon工具

nodemon第三命令行工具

npm i --g nodemon

如果是通过nodemon app.js启动服务，会监视文件变化，当文件发生变化时，会自动重启服务器

3.static-server静态资源服务

基本路由 就是一张表 就是具体的映射关系

app.ues(’/public/’,express.static(’./public/’))

当以/public/开头的时候，去./public/查找对应的资源

app.ues(express.static(’./public/’))

这样访问的时候就直接访问puablic下的js/a.js,不用加public

app.ues(’/a/’,express.static(’./public/’))

这个可以看做是public别名，访问是localhost:3000/a/js.a.js

可以把a看做public的别名

4.在express配置使用art-template

安装

npm i --save art-template
npm i --save express-art-template

配置

配置使用art-template模板引擎
第一个参数,表示是以.art结尾文件的时候，使用art-template模板引擎
express-art-template是专门表示Express中把art-template 整合到express中
因为express-art-template 依赖了art-template的包
app.engine('art',require('express-art-template'))
express为response响应对象提供了一个方法 render
render方法默认不可以使用,但是如果配置了模板引擎就可以使用了
res.render('html模板名',{模板数据})
第一个参数不用写路径，会自动去views目录中找模板文件
如果想要修改默认的views目录，则可以修改
app.set('views',render函数的默认路径)

使用

app.get('/',function(req,res){
res.render('index.art',{
title:"hello world";
})
})

5.express中重写留言本案例

const express = require('express');
const app = express();
// 静态文件
app.use('/public/',express.static('./public/'));
app.engine('art',require('express-art-template'))
var dataList=[
    {
        name:'雯雯',
        message:'哈哈哈',
        date:'2020/10/13'
    },
    {
        name:'小明',
        message:'哈哈哈',
        date:'2020/10/14'
    },
    {
        name:'小红',
        message:'哈哈哈',
        date:'2020/10/15'
    }
];

app.get('/',function(req,res){
    res.render('index.art',{
        dataList:dataList
    });
})
app.get('/addpage',function(req,res){
    res.render('addpage.art');
})
app.get('/addMeg',function(req,res){
    // 获取提交的参数
    var comment = req.query;
    comment.date = '2017-11-5';
    dataList.unshift(comment);
    // res.statusCode = 302;
    // res.setHeader('Location','/');
    res.redirect('/');
})
app.listen(3000,function(){
    console.log('running-----');
})

6.在express配置解析表单parse

	//获取表单post请求体数据
    // 处理
    // 发送响应
    //在express中没有直接获取post的请求体api,需要使用第三方包 body-parser
    安装
    npm i --save body-parser
    配置
    //引入包
    //当加入这个配置之后,req请求对象就会多出来一个属性 body
    //就可以直接通过req.body来获取post请求体数据
    var bodyParser = require('body-parser')
    配置body-parser中间件 插件 专门用来解析表单
    app.use(bodyParser.urlencoded({extended:false}));
	app.use(bodyParser.json());
    
    res.send和res.redirect会自动res.end()

const express = require('express');
const app = express();
// 静态文件
var bodyParser = require('body-parser');
app.use('/public/',express.static('./public/'));
app.engine('art',require('express-art-template'));
app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json());
var dataList=[
    {
        name:'雯雯',
        message:'哈哈哈',
        date:'2020/10/13'
    },
    {
        name:'小明',
        message:'哈哈哈',
        date:'2020/10/14'
    },
    {
        name:'小红',
        message:'哈哈哈',
        date:'2020/10/15'
    }
];

app.get('/',function(req,res){
    res.render('index.art',{
        dataList:dataList
    });
})
app.get('/addpage',function(req,res){
    res.render('addpage.art');
})
// app.get('/addMeg',function(req,res){
//     // 获取提交的参数
//     var comment = req.query;
//     comment.date = '2017-11-5';
//     dataList.unshift(comment);
//     // res.statusCode = 302;
//     // res.setHeader('Location','/');
//     res.redirect('/');
// })
//当以post请求post时执行不一样的处理函数
app.post('/addMeg',function(req,res){
//   res.end(JSON.stringify(req.body));
    var commont = req.body;
    commont.date = '2020-12-11';
    dataList.unshift(commont);
    res.redirect('/');
})
app.listen(3000,function(){
    console.log('running-----');
})

7.curd起步

const express = require('express');
const fs = require('fs');
const app= express();
app.engine('html',require('express-art-template'));
app.use('/public/',express.static('./public/'));
app.use('/node_modules/',express.static('./node_modules/'));
app.get('/',function(req,res){
    fs.readFile('./db.json',function(err,data){
        if(err){
            return res.status(500).send('Server error');
        }
        // 原来空格的原因也会导致不行
        // 从文件中读取的数据一定是字符串
        // 所以一定要手动转成对象
        res.render('index.html',{
            user:JSON.parse(data).user
        });
    })
})

app.listen(3000,function(){
    console.log("eunning 3000");
})

8.路由模块的提取

原生 router模块

const fs = require('fs');
module.exports = function (app) {
    //这个是获取到展示学生页面
    app.get('/students', function (req, res) {
        fs.readFile('./db.json', function (err, data) {
            if (err) {
                return res.status(500).send('Server error');
            }
            // 原来空格的原因也会导致不行
            // 从文件中读取的数据一定是字符串
            // 所以一定要手动转成对象
            res.render('index.html', {
                user: JSON.parse(data).user
            });
        })
    })

    // 添加学生的页面
    app.get('/students/new', function (req, res) {

    })
    //提交学生路径
    app.post('/students/new', function (req, res) {

    })

}

app.js里怎么使用呢

var router = require('./router');
router(app);

express提供了更好的一种方式,专门用来包装路由的

const fs = require('fs');
var express = require('express');
//1.创建一个路由容器
// 2.把路由都挂载到路由容器中
var router = express.Router();
//这个是获取到展示学生页面
router.get('/students', function (req, res) {
    fs.readFile('./db.json', function (err, data) {
        if (err) {
            return res.status(500).send('Server error');
        }
        // 原来空格的原因也会导致不行
        // 从文件中读取的数据一定是字符串
        // 所以一定要手动转成对象
        res.render('index.html', {
            user: JSON.parse(data).user
        });
    })
})

// 添加学生的页面
router.get('/students/new', function (req, res) {

})
//提交学生路径
router.post('/students/new', function (req, res) {

})

// 3.把router导出
module.exports = router;

9.处理添加页面以及配置body-parse

const fs = require('fs');
var express = require('express');
//1.创建一个路由容器
// 2.把路由都挂载到路由容器中
var router = express.Router();
//这个是获取到展示学生页面
router.get('/students', function (req, res) {
    fs.readFile('./db.json', function (err, data) {
        if (err) {
            return res.status(500).send('Server error');
        }
        // 原来空格的原因也会导致不行
        // 从文件中读取的数据一定是字符串
        // 所以一定要手动转成对象
        res.render('index.html', {
            user: JSON.parse(data).user
        });
    })
})

// 添加学生的页面
router.get('/students/new', function (req, res) {
    fs.readFile('./views/useradd.html',function(err,data){
        if(err){
            res.statusCode = 500;
        }
        res.render('useradd.html');
    })
})
//提交学生信息路径
router.post('/students/new', function (req, res) {
        var newStudent = req.body;
        // 数据保存在db.json中用以持久化
        // 先读取文件.转化成对象
        // 然后向对象push方法
        // 然后把对象转化成字符串
        // 然后把字符串写入文件
        
})
//根据id编辑学生信息页面路径
router.get('/students/edit', function (req, res) {

})
//编辑学生信息提交路径
router.post('/students/edit', function (req, res) {

})
// 根据id删除学生
router.post('/students/delete', function (req, res) {

})


// 3.把router导出
module.exports = router;

10.强调回调函数

var fs = require('fs');
var express = require('express');
//1.创建一个路由容器
// 2.把路由都挂载到路由容器中
var router = express.Router();
//这个是获取到展示学生页面
var Student = require('./student');
router.get('/students', function (req, res) {
    // fs.readFile('./db.json', function (err, data) {
    //     if (err) {
    //         return res.status(500).send('Server error');
    //     }
    //     // 原来空格的原因也会导致不行
    //     // 从文件中读取的数据一定是字符串
    //     // 所以一定要手动转成对象
    //     res.render('index.html', {
    //         user: JSON.parse(data).user
    //     });
    // })
    Student.find(function(err,data){
        if(err){
            return res.statusCode(500).send('Sever error')
        }
        res.render('index.html', {
            user: data
        });
    })
})

// 添加学生的页面
router.get('/students/new', function (req, res) {
    fs.readFile('./views/useradd.html',function(err,data){
        if(err){
            res.statusCode = 500;
        }
        res.render('useradd.html');
    })
})
//提交学生信息路径
router.post('/students/new', function (req, res) {
        var newStudent = req.body;
        // 数据保存在db.json中用以持久化
        // 先读取文件.转化成对象
        // 然后向对象push方法
        // 然后把对象转化成字符串
        // 然后把字符串写入文件
        

})
//根据id编辑学生信息页面路径
router.get('/students/edit', function (req, res) {

})
//编辑学生信息提交路径
router.post('/students/edit', function (req, res) {

})
// 根据id删除学生
router.post('/students/delete', function (req, res) {

})


// 3.把router导出
module.exports = router;

/**
 * student.js
 * 数据操作 只操作数据，不关心业务
 */
var fs = require('fs');
var dbPath = './db.json';
 /**
  * 获取所有学生列表
  */
exports.find = function(callback){
    fs.readFile(dbPath,'utf-8',function(err,data){
        if(err){
            callback(err);
        }
        callback(null,JSON.parse(data).user);
    })
}
// 回调函数，获取异步结果
// callback中的参数 第一个参数err 第二个参数data
// find(function(err,data){
    
// });

/**
 * 添加到保存学生
 */
exports.save = function(){
    
}

 /**
  * 更新学生
  */
 exports.update = function(){
    
}

 /**
  * 删除学生
  */
 exports.delete = function(){
    
}

11.渲染学生页面，更新内容，删除内容

/**
 * student.js
 * 数据操作 只操作数据，不关心业务
 */
var fs = require('fs');
var dbPath = './db.json';
 /**
  * 获取所有学生列表
  */
exports.find = function(callback){
    fs.readFile(dbPath,'utf-8',function(err,data){
        if(err){
            callback(err);
        }
        callback(null,JSON.parse(data).students);
    })
}
// 回调函数，获取异步结果
// callback中的参数 第一个参数err 第二个参数data
// find(function(err,data){
    
// });

/**
 * 根据id获取学生信息对象
 * @param {*} id
 * @param {*} callback 
 */
exports.findById = function (id,callback) {
    fs.readFile(dbPath,'utf-8',function(err,data){
        if(err){
            callback(err);
        }
        var students = JSON.parse(data).students;
        // 获取查到的id的对象
        var stu =students.find(function (item) {
            return item.id === parseInt(id);
        })
        callback(null,stu);
    })
}

/**
 * 添加到保存学生
 */
exports.save = function(student,callback){
    fs.readFile(dbPath,'utf-8',function(err,data){
        if(err){
            callback(err);
        }
        var students= JSON.parse(data).students;
        // 处理id
        student.id = students[students.length-1].id+1;
        students.push(student);
        var fileData=JSON.stringify({
            students:students
        });
        fs.writeFile(dbPath,fileData,function(err){
            if(err){
                callback(err);
            }
            // 成功就是没错,所以错误对象就是null
            callback(null);
        });
    })
}
// save({
//     name:"lall",
//     age:19,
//     like:"唱歌"
// },function(err){
//     if(err){
//         console.log('保存失败');
//     }
//     console.log("保存成功了");
// })

 /**
  * 更新学生
  */
 exports.updateById = function(student,callback){
    fs.readFile(dbPath,function(err,data) {
        if(err){
         return callback(err)
        }
        // 需要修改谁就需要找到谁
        var students = JSON.parse(data).students;
        student.id = parseInt(student.id);
        // find是es6的一个数组方法,需要接收一个函数作为参数
        // 当某个遍历项符合item ===student.id条件时,find会终止遍历，同时返回item
        var stu=students.find(function (item) {
            return item.id === student.id;
        })
        // 遍历拷贝对象
        for(var key in student){
            stu[key] = student[key];
        }
        //input里输入的都是string,所以需要转换
        // 然后再把数据转化成字符串
        var fileData = JSON.stringify({
            students:students
        })
        // 然后把字符串保存到文件中
        // 注意write和writeFile不一样
        fs.writeFile(dbPath,fileData,function (err) {
            if(err){
                return callback(err);
            }
            callback(null);
        })
    })
}

 /**
  * 删除学生
  */
 exports.deleteById = function(id,callback){
    fs.readFile(dbPath,'utf-8',function(err,data){
        if(err){
            callback(err);
        }
        var students = JSON.parse(data).students;
        // 获取查到的id的对象
        // 亏死了findIndex刚好是返回删除元素的id,就可以用来删除元素
        students.forEach(function(item,index) {
            if(item.id ===parseInt(id)){
                students.splice(item,1);
            }
        });
        // 删除完毕之后就需要将转为字符串
        var fileData = JSON.stringify({
            students:students
        })
        fs.writeFile(dbPath,fileData,function (err) {
            if(err){
                callback(err);
            }
        })
        callback(null);
    })
}
weixiwo
关注
专栏目录
express实现简单的增删改查学习笔记(2)
Little_Pig_Bug的博客
09-11 664
接上一个(1),将会用express实现简单的增删改查的功能 1.在项目文件本根目录下新建data.json，里面写一个空的数组 2.在项目文件夹根目录下新建db.js const json = require('./data'); //是新生成的data.json const fs = require('fs') //文件模板 module.exports = { store...
node+Express+Mysql入门篇增删改查
jance_zyx的博客
08-23 351
这个简单的增删改查是在node环境已经搭建后的提前下进行的 一. 环境搭建 二. 数据库 mysql 新建一个表student id int(11) 自增， student_name varchar(255)， student_number varchar(64)， student_grade varchar(32)， stu_create_time` timestamp 三. 1-------...
nodejs+express实现增删改查
08-14
使用nodejs+express操作文件，是数据持久化，实现数据的增删改查操作！
Express 4.X API 翻译 [一] ——Application篇
binglingnew的专栏
01-27 860
express() 创建一个express应用 1234567var express = require('express');var app = express(); app.get('/',function(req,res){    res.send('hello world');});app.listen(3000); setting以下的设置选项将为您展示如何改变Expre
Express+Mongodb+Vue实现增删改查-全栈之路
最新发布
2401_83384536的博客
06-28 646
最近一直想学下node,毕竟会node的前端更有市场。但是光看不练，感觉还是少了点什么，就去github上看别人写的项目，收获颇丰，于是准备自己照葫芦画瓢写一个。作为程序员，一定要保持不断学习的状态，这样我们才可以在职场中有一席之位。我相信现在出去面试，被问到的问题一定不限于html、css、javascript、jQuery了，层出不穷的框架（vue、angular、react),服务器语言（java、node），数据库、ES6新特性等都会被提及。如果你不清楚如何使用vue-cli。
一个个人小项目，express 做的后台增删改查
weixin_34148456的博客
08-21 149
用express实现一个后台管理系统 github地址，欢迎star，有错误的欢迎指出。 前言 近期学习express，于是想着用express写个东西加深印象，巩固下学到的知识。于是就有了这个个人项目。 前端部分 bootstrap布局，jquery,js实现功能 后段部分 express框架搭建服务，写路由接口。 mysql 进行...
nodeJS+express实现Web的增删改查
生活步步是坎坷，笑到最后是大哥
08-22 674
项目需要创建的文件 index.js（创建的入口函数） router.js（存放路由相关模块） service.js（存放业务逻辑模块） data.json（用来存放数据的文件，存放的格式：[ obj1,obj2,.....]） views（存放模板文件 后缀为.art） public（存储静态文件） package,json(输入指令：npm init -y...
node中的增删改查-Express-crud
weixin_50430856的博客
11-16 231
Express-crud 起步 初始化 moban 路由设计 请求方法 请求路径 get参数 post参数 备注 GET /students 渲染首页 GET /students/new 渲染添加学生页面 POST /students/new name,age, gender,hobbies 处理添加学生 请求 GET /students/edit id 渲染编辑页面 POST /students/edit id，name,age, gender,hobbi
使用node+express+mysql实现一个简单的后台管理（增删改查）
01-04
在本文中，我们将深入探讨如何使用Node.js、Express框架以及MySQL数据库来构建一个基础的后台管理系统，该系统能够实现常见的数据操作：增加、删除、修改和查询（CRUD）。我们将重点讲解每个技术的关键概念和它们...
express+mongoose实现对mongodb增删改查操作详解
09-08
在本教程中，我们将探讨如何使用Express框架和Mongoose库实现MongoDB的增删改查操作。Express是Node.js中最流行的Web应用框架，而Mongoose是用于MongoDB的数据建模工具，提供了强大的对象数据模型（ODM）功能。 ...
node+vue前后端分离增删改查
08-17
这个项目利用Node.js（搭配Express框架）作为后端服务器，处理数据请求和业务逻辑，而Vue.js（配合Bootstrap和jQuery）则负责前端展示和用户交互，实现数据的增删改查功能。下面将详细解析这些技术栈的运用及其相互...
Node.js操作mysql数据库增删改查
10-22
本文将详细讲解如何使用Node.js的`mysql`模块来实现数据库的增删改查（CRUD）操作。 首先，要开始操作MySQL数据库，你需要先安装`mysql`模块。这可以通过Node.js的包管理器npm（Node Package Manager）来完成。在...
express 增 删 改 查 接口
票票的博客
04-15 563
的法定货币的
(node)express开发api
vvvvvlj
08-05 167
使用express框架开发API。无数据库 mkdir demo2-express-api cd demo2-express-api npm init -y npm install express 新建app.js const express = require('express') const app = express() app.get('/',(req,res) => { res.send('hello') }) app.listen(3000,() => { conso
Node.js Express之API介绍
阿嚏乱码的地方
10-26 546
前言 Express一共提供了五个大类的API，每个大类其核心只有几个需要记忆，其它API触类旁通即可（官方文档）。 五大类API express.xxx app.xxx request.xxx response.xxx router.xxx 一些概念： 子应用： let app = express() // 主应用 let admin = express() // 另一个应用 app.use('/admin', admin) // admin 作子应用 挂载点： ‘/.
Node.js——一个简单的Express后端API开发
weixin_41309331的博客
07-14 932
Express是node.js的web开发框架,它有如下特点: unopinionated:框架本身只提供最小web应用开发API; 不限制应用设计模式(MVC,MVP); 不限制代码规范; 不限制功能的选择,例如是否有视图层生成HTML页面 Express实现简单的后端API开发 项目初始化 初始化项目 npm init -y # 初始化 npm add express # 添加express依赖 在根目录新建app.js const express = require('express
node.js学习笔记Day6：Express框架下 具有增删改查功能的学生管理系统（效果与源码部分）
cwdben的博客
03-01 1009
完成效果： 首页 点击添加学生 输入相应内容后点提交回到首页，可以看到内容。 点击编辑，原本内容会显示在框中等待编辑。点提交回到首页 源码 app.js var express = require ('express') var bodyParser = require('body-parser') var router = require('./router') var app = expr...
node.js+express实现简单的增删改查
m0_51534164的博客
05-07 681
主要用node.js和express实现数据的增删改查 一：安装包 需要的包如图所示： "dependencies": { "art-template": "^4.13.2", "bootstrap": "^5.1.3", "express": "^4.18.1", "express-art-template": "^1.0.1" } 二：项目文件 三：项目文件具体内容 1.public公共文件 源码：https://gitee.com/shao
node如何使用express编写api
qq_44929680的博客
03-05 322
所需工具:Mongodb数据库,express,Router,node 1.连接Mongodb数据库:需要安装(mongoose) 不需要抛出。 2.添加字段然后通过mongoose,model()转为数据模型:需要(Schema) 需要抛出此模块。 3.（1）创建端口号 app.listen 无回调函数以及POST请求参数配置 （body-parser）app.use()，然后指定rou...
webpack4+express+mongodb+vue 增删改查实战教程
"通过webpack4、express、mongodb和vue构建的增删改查应用示例" 在Web开发中，实现增删改查（CRUD）功能是常见的需求，本示例展示了如何利用现代前端和后端技术栈来完成这一任务。项目采用webpack4作为模块打包工具...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值