修改--案例全部删除

1-1.全部删除的三部分,index.js

// 全部删除
$(".delAll").click(function () {$.get("/delAll", function (res) {if (res.code == 200) {$(".showDiv").html("");console.log("全部删除成功");} else {alert(res.msg);}})
})

1-2全部删除的接口

app.get("/delAll", handleData.getDelAll);

1-3全部删除的handleData.js

module.exports.getDelAll = function (req, res) {db.drop(res, "case1110", function (err, result, db1) {if (err) {res.send({ code: 404, msg: "全部删除失败" });} else {res.send({ code: 200, msg: "全部删除成功" });db1.close();}})
}

2-1修改---index.js

渲染中的button按钮
function uptFn (id) {$.get("/uptShow", { id }, function (res) {if (res.code == 200) {var obj = res.obj[0];$(".user").val(obj.user);$(".age").val(obj.age);uptId = id;} else {alert(res.msg);}})
}

2-2修改--server.js 接口

app.get("/uptShow", handleData.getUptShow);

2-3 修改---handleData.js

module.exports.getUptShow = function (req, res) {var id = req.query.id;var obj = {find: {_id: mongodb.ObjectId(id)}}db.find(res, obj, "case1110", function (err, result, db1) {if (err) {res.send({ code: 404, msg: "数据修改查找失败" });} else {res.send({ code: 200, msg: "数据修改查找成功", obj: result });db1.close();}})
}

server.js

var express = require("express");
var app = express();
var bodyParser = require("body-parser");app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));app.use(express.static(__dirname + "/public"));
app.use(express.static(__dirname + "/views"));var handleData = require("./apps/handleData");app.post("/add", handleData.postAdd);app.get("/show", handleData.getShow);app.get("/uptShow", handleData.getUptShow);app.post("/upt", handleData.postUpt);app.get("/delAll", handleData.getDelAll);app.listen(3000, function () {console.log("server is running at http://localhost:3000");
})

index.js

$(function () {getDataShow();
})// 添加
$(".add").click(function () {var user = $(".user").val();var age = $(".age").val();if (user && age) {$.post("/add", { user, age }, function (res) {if (res.code == 200) {console.log(res);// 渲染数据getDataShow();$(".user").val("");$(".age").val("");} else {alert(res.msg);}})}
})// 获取渲染数据
function getDataShow () {$.get("/show", function (res) {if (res.code == 200) {show(res.info);} else {alert(res.msg);}})
}// 渲染页面
function show (arr) {var str = "";$.each(arr, function (i, n) {str += `姓名:${n.user}年龄:${n.age}<button type="button" onclick="uptFn('${n._id}')">修改</button>`;})$(".showDiv").html(str);
}var uptId = "";// 修改
function uptFn (id) {$.get("/uptShow", { id }, function (res) {if (res.code == 200) {var obj = res.obj[0];$(".user").val(obj.user);$(".age").val(obj.age);uptId = id;} else {alert(res.msg);}})
}// 确认修改
$(".upt").click(function () {var user = $(".user").val();var age = $(".age").val();if (user && age) {var obj = {id: uptId,uptObj: { user, age }}$.post("/upt", obj, function (res) {if (res.code == 200) {console.log(res);// 渲染数据getDataShow();$(".user").val("");$(".age").val("");} else {alert(res.msg);}})}
})// 全部删除
$(".delAll").click(function () {$.get("/delAll", function (res) {if (res.code == 200) {$(".showDiv").html("");console.log("全部删除成功");} else {alert(res.msg);}})
})

handle.js

var db = require("../modules/db");
var mongodb = require("mongodb");module.exports.postAdd = function (req, res) {var obj = req.body;db.insertOne(res, obj, "case1110", function (err, result, db1) {if (err) {res.send({ code: 404, msg: "数据添加失败" });} else {res.send({ code: 200, msg: "数据添加成功" });db1.close();}})
}module.exports.getShow = function (req, res) {db.find(res, {}, "case1110", function (err, result, db1) {if (err) {res.send({ code: 404, msg: "数据渲染失败" });} else {res.send({ code: 200, msg: "数据渲染成功", info: result });db1.close();}})
}module.exports.getUptShow = function (req, res) {var id = req.query.id;var obj = {find: {_id: mongodb.ObjectId(id)}}db.find(res, obj, "case1110", function (err, result, db1) {if (err) {res.send({ code: 404, msg: "数据修改查找失败" });} else {res.send({ code: 200, msg: "数据修改查找成功", obj: result });db1.close();}})
}module.exports.postUpt = function (req, res) {var obj = req.body;var whereObj = {_id: mongodb.ObjectId(obj.id)}var uptObj = {$set: obj.uptObj}db.updateOne(res, whereObj, uptObj, "case1110", function (err, result, db1) {if (err) {res.send({ code: 404, msg: "数据修改失败" });} else {res.send({ code: 200, msg: "数据修改成功" });db1.close();}})
}module.exports.getDelAll = function (req, res) {db.drop(res, "case1110", function (err, result, db1) {if (err) {res.send({ code: 404, msg: "全部删除失败" });} else {res.send({ code: 200, msg: "全部删除成功" });db1.close();}})
}

html.页面

<div>姓名:<input type="text" class="user">年龄:<input type="text" class="age"><div><button type="button" class="add">添加</button><button type="button" class="upt">确认修改</button><button type="button" class="delAll">全部删除</button></div><div class="showDiv"><!-- 姓名:年龄: --></div></div><script src="index.js"></script>

修改--案例全部删除相关推荐

MySQL数据操作语言——插入语句、修改语句和删除语句
数据操作语言 (DML:Data Manipulate Language )包括: 插入:insert 修改:update 删除:delete 一.插入语句方式一:(经典插入) 1. 语法: ...
MySQL视图——创建视图、修改视图、删除视图、查看视图和更新视图
一.创建视图语法: create view 视图名 as 查询语句: 案例 1. 查询姓名中包含k字符的员工名.部门名和工种信息 ①创建视图my ...
MySQL数据库之DDL语言：库和表的创建CREATE、修改ALTER、删除DROP
文章目录 @[TOC] MySQL数据库之DDL语言:库和表的创建.修改.删除 1.DDL 数据定义语言 2.库的管理 2.1 库的创建 2.2 库的修改(能修改的不多,如修改字符集) 2.3 库的删 ...
MySQL 学习笔记（13）— 创建表、修改表、删除表、清空表
1. 创建表在 SQL 中,使用 CREATE TABLE 语句创建一个表: CREATE TABLE table_name (column1 data_type column_constraint ...
abb机器人建立工件坐标系_ABB机器人大地坐标系修改案例
ABB机器人大地坐标系修改案例作为机器人四大家族之一的ABB机器人以其领先的技术和良好的质量闻名于世,在ABB机器人中提供了大量的可选项功能以及例行程序帮助工程师减少工作量,提升工作效率.今天要介绍 ...
MySQL数据库创建用户_修改用户_删除用户_设置用户
文章目录创建新用户使用 CREATE USER 语句创建用户创建新用户,并且使用哈希值设置密码创建一个只能在数据库所在主机访问数据库的用户创建一个只能从指定 IP 连接数据库的用户创建一个 ...
oracle 建表字段设置,Oracle创建表、删除表、修改表（添加字段、修改字段、删除字段）语句总结...
关于Oracle创建表.删除表.修改表(添加字段.修改字段.删除字段)语句的简短总结. Oracle创建表: create table 表名 ( 字段名1 字段类型默认值是否为空 , 字段名2 字 ...
MySQL笔记（一）创建数据库、创建表、修改表、删除表，以及建立约束
这是我在学习Mysql之路上做的笔记,今天将它粘出来.这一篇比较基础主要是创建数据库.创建表.修改表.删除表,以及建立约束:非空约束.主键约束.外键约束.唯一值约束.有错误的欢迎大家指出... -- ...
android菜单更改,Android修改分析：删除设置中菜单
Android修改分析:删除设置中菜单设置中的菜单主要分为两种添加方式: `` 1.静态加载所谓自主添加,就是通过xml文件,自主通过添加布局到Fragment.Activity等加载到设置菜单中 ...

修改--案例全部删除

修改--案例全部删除相关推荐

最新文章

热门文章

修改--案例 全部删除

修改--案例 全部删除相关推荐

最新文章

热门文章

修改--案例全部删除

修改--案例全部删除相关推荐