node.js 增删改查（原始）
index.js 连接数据库
const mongoose = require('mongoose')
//数据库连接27017是mongodb数据库的默认端口
mongoose.connect('mongodb://localhost/playground', { useNewUrlParser: true })
.then(() => console.log('数据库连接成功'))
.catch(() => console.log('数据库连接失败'))
user.js 创建用户集合规则
const mongoose = require('mongoose')
// 创建用户集合规则
const userSchema = new mongoose.Schema({
name: {
type: String,
required: true,
minlength: 2,
maxlength: 20
},
age: {
type: Number,
min: 18,
max: 80
},
password: String,
email: String,
hobbies: [String]
})
const User = mongoose.model('User', userSchema)
module.exports = User;
app.js 请求处理
const http = require('http');
const url = require('url')
const querystring = require('querystring')
// 连接数据库
require('./model/index.js')
const User = require('./model/user.js')
// 创建服务器
const app = http.createServer();
// 为服务器对象添加请求事件
app.on('request', async(req, res) => {
// 请求方式
const method = req.method;
// 请求地址
const { pathname, query } = url.parse(req.url, true)
console.log(query, '123')
console.log(pathname)
if (method == "GET") {
listtt = ''
if (pathname == '/list') {
let data = await User.find()
listtt += `
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<body>
<div class="container">
<div class="row">
<div class="title col-md-10 col-md-offset-1">
<div class="head">
<a href="/add" class="btn btn-success">添加用户</a>
</div>
<div class="content">
<table class="table table-striped">
<thead>
<tr>
<th>用户名</th>
<th>年龄</th>
<th>爱好</th>
<th>邮箱</th>
<th$>操作</th>
</tr>
</thead>
<tbody>
`
data.forEach(item => {
listtt +=
`
<tr>
<td>${item.name}</td>
<td>${item.age}</td>
<td>
`
item.hobbies.forEach(item => {
listtt += `
<span>${item}</span>
`
})
listtt += `
</td>
<td>${item.email}</td>
<td>
<a href="/edit?id=${ item._id }" class="btn btn-default">修改</a>
<a href="/delete?id=${item._id}" class="btn btn-danger">删除</a>
</td>
</tr>
`
});
listtt += `
</tbody>
</table>
</div>
</div>
</div>
</div>
</body>
</html> `
res.end(listtt)
} else if (pathname == '/add') {
add = `
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<title>Document</title>
</head>
<body>
<div class="container">
<div class="row">
<div class="title col-md-10 col-md-offset-1">
<h1>添加用户</h1>
<form method="post">
<div class="form-group">
<label for="exampleInputEmail1">姓名</label>
<input name="name" type="text" class="form-control" id="exampleInputEmail1" placeholder="请输入姓名">
</div>
<div class="form-group">
<label for="exampleInputPassword1">年龄</label>
<input name="age" type="text" class="form-control" id="exampleInputPassword1" placeholder="请输入年龄">
</div>
<div class="form-group">
<label for="exampleInputEmail1">密码</label>
<input name="password" type="password" class="form-control" id="exampleInputEmail1" placeholder="请输入密码">
</div>
<div class="form-group">
<label for="exampleInputPassword1">邮箱</label>
<input name="email" type="email" class="form-control" id="exampleInputPassword1" placeholder="请输入邮箱">
</div>
<div class="checkbox">
<label>
<input type="checkbox" value="篮球" name=" hobbies" > 篮球
</label>
<label>
<input type="checkbox" value="足球" name=" hobbies" > 足球
</label>
<label>
<input type="checkbox"value="橄榄球" name=" hobbies" > 橄榄球
</label>
<label>
<input type="checkbox" value="敲代码" name=" hobbies" > 敲代码
</label>
<label>
<input type="checkbox" value="抽烟" name=" hobbies" > 抽烟
</label>
<label>
<input type="checkbox" value="喝酒" name=" hobbies"> 喝酒
</label>
<label>
<input type="checkbox" value="烫头" name=" hobbies" > 烫头
</label>
</div>
<button type="submit" class="btn btn-success">提交</button>
</form>
</div>
</div>
</div>
</body>
</html>
`
res.end(add)
} else if (pathname == '/edit') {
let user = await User.findOne({ _id: query.id });
let hobbies = ['足球', '篮球', '橄榄球', '敲代码', '抽烟', '喝酒', '烫头']
let edit = ``
var editid = user._id
edit += `
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<title>Document</title>
</head>
<body>
<div class="container">
<div class="row">
<div class="title col-md-10 col-md-offset-1">
<h1>编辑用户</h1>
<form method="post" action="/edit?id="${user._id}">
<div class="form-group">
<label for="exampleInputEmail1">姓名</label>
<input name="name" type="text" class="form-control" id="exampleInputEmail1" placeholder="请输入姓名" value="${user.name}">
<input name="useid" type="hidden" class="form-control" value="${user._id}">
</div>
<div class="form-group">
<label for="exampleInputPassword1">年龄</label>
<input name="age" type="text" class="form-control" id="exampleInputPassword1" placeholder="请输入年龄" value="${user.age}">
</div>
<div class="form-group">
<label for="exampleInputEmail1">密码</label>
<input name="password" type="password" class="form-control" id="exampleInputEmail1" placeholder="请输入密码" value="${user.password}">
</div>
<div class="form-group">
<label for="exampleInputPassword1">邮箱</label>
<input name="email" type="email" class="form-control" id="exampleInputPassword1" placeholder="请输入邮箱" value="${user.email}">
</div>
<div class="checkbox">
`
hobbies.forEach(item => {
console.log(item)
//判断当前循环项在不在用户的爱好数组里
let isHobby = user.hobbies.includes(item);
if (isHobby) {
edit += `
<label>
<input type="checkbox" checked name=" hobbies" value="${item}"> ${item}
</label>
`
} else {
edit += `
<label>
<input type="checkbox" name=" hobbies" value="${item}">${item}
</label>
`
}
})
edit += `
</div>
<button type="submit" class="btn btn-success">提交修改</button>
</form>
</div>
</div>
</div>
</body>
</html>`
res.end(edit)
} else if (pathname == '/delete') {
// res.end(query.id)
await User.findOneAndDelete({ _id: query.id });
res.writeHead(301, {
Location: '/list'
})
res.end()
}
} else if (method == "POST") {
//用户添加功能
if (pathname == '/add') {
//接受用户提交的信息
let formData = '';
//接受post参数
req.on('data', param => {
formData += param;
})
//post 参数接受完毕
req.on('end', async() => {
let user = querystring.parse(formData.replace(/\+/g, ""))
console.log(user['hobbies'])
//将提交的数据提交到数据库中
await User.create(user);
// 301 代表重定向
// location 跳转地址
res.writeHead(301, {
Location: '/list'
});
res.end();
})
} else if (pathname == '/edit') {
//接受用户提交的信息
let formData = '';
//接受post参数
req.on('data', param => {
formData += param;
})
//post 参数接受完毕
req.on('end', async() => {
let user = querystring.parse(formData.replace(/\+/g, ""))
//将提交的数据提交到数据库中
await User.updateOne({ _id: user.useid }, { name: user.name, age: user.age, password: user.password, email: user.email, hobbies: user.hobbies });
// 301 代表重定向
// location 跳转地址
res.writeHead(301, {
Location: '/list'
});
res.end();
})
}
}
})
console.log('连接服务器成功')
app.listen(3000)
node.js 增删改查（原始）的更多相关文章
- MybatisMapper 映射框架（增删改查 原始模式）
//增删改查 package TestDemo; import java.io.IOException; import java.io.InputStream; import java.util.Da ...
- js 增删改查
<html><head lang="en"> <meta charset="UTF-8"> <title>< ...
- JS 增删改查操作XML
效果图: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <titl ...
- js 增删改查方法
push() 向数组的末尾添加一个或多个元素 pop() 删除数组内部并返回数组的最后一个元素 shift() 把数组内部的第一个元素从其中删除,并返回第一个元素的值 unshift() 向数组外部的 ...
- JS增删改查localStorage实现搜索历史功能
<script type="text/javascript"> var referrerPath = "@ViewBag.ReferrerPath" ...
- webpack4+express+mongodb+vue 实现增删改查
在讲解之前,我们先来看看效果如下所示: 1)整个页面的效果如下: 2) 新增数据效果如下: 3) 新增成功如下: 4) 编辑数据效果如下: 5) 编辑成功效果如下: 6) 删除数据效果如下: 7) 删 ...
- Node.js、express、mongodb 入门(基于easyui datagrid增删改查)
前言 从在本机(win8.1)环境安装相关环境到做完这个demo大概不到两周时间,刚开始只是在本机安装环境并没有敲个Demo,从周末开始断断续续的想写一个,按照惯性思维就写一个增删改查吧,一方面是体验 ...
- Node.js + MySQL 实现数据的增删改查
通过完成一个 todo 应用展示 Node.js + MySQL 增删改查的功能.这里后台使用 Koa 及其相应的一些中间件作为 server 提供服务. 初始化项目 $ mkdir node-cru ...
- Node.js之mysql增删改查
1.安装库 npm install mysql 2.编写db.js(用作公共模块) //连接MySQL数据库 var mysql = require("mysql"); var p ...
- node.js入门学习（四）--Demo图书的增删改查
需求:图书的增删改查,图书数据保存在data.json文件中. 1.Demo结构: 2.首先下载安装node.js,配置环境变量:参考博客 3.项目初始化 1)创建项目根目录node-hello,进入 ...
随机推荐
- C 语言编程 — 高级数据类型 — 结构体与位域
目录 文章目录 目录 前文列表 结构体 定义结构体 初始化结构体变量 访问结构体成员 将结构体作为实参传入函数 指向结构体变量的指针 位域 定义位域 使用位域结构体的成员 前文列表 <程序编译流 ...
- Python：Python对象模型与序列迭代陷阱
1. Python对象模型与浅拷贝/深拷贝 1.1 Python对象模型和引用 在我们讲解Python的序列修改陷阱之前,先巩固一下Python的对象模型和浅拷贝/深拷贝的知识. 众所周知,Pytho ...
- 平衡树 Treap & Splay [学习笔记]
平衡树 \(\tt{Treap}\) & \(\tt{Splay}\) 壹.单旋 \(\tt{Treap}\) 首先了解 \(\tt{BST}\) 非常好用的东西,但是数据可以把它卡成一条链 ...
- kubelet gc 源码分析
代码 kubernetes 1.26.15 问题 混部机子批量节点NotReady(十几个,丫的重大故障),报错为: 意思就是 rpc 超了,节点下有太多 PodSandBox,crictl ps - ...
- docker 容器镜像加速配置
登录阿里云容器镜像服务即可看到配置加速.
- itestwork(爱测试)开源一站式接口测试&敏捷测试工作站 9.0.0 GA 发布，重大升级
(一)itest 简介 itest work (爱测试) 一站式工作站让测试变得简单.敏捷.itest work 包含极简的任务管理,测试管理,缺陷管理,测试环境管理,接口测试,接口Mock 6合1 ...
- 开发视频会议系统：使用GPU解码渲染视频
现在,使用视频会议系统远程协同办公.沟通交流,已经非常普遍了.如果我们要开发自己的视频会议系统,那么,GPU解码渲染技术是不可缺少的. 在视频会议系统中,经常需要同时观看会议中多个参会人员的视频图像, ...
- C# .NET Framework EXCEL NPOI EOF in header
实例化时异常: EOF in header 错误代码: try { workBook = new HSSFWorkbook(file); } catch { try { workBook = new ...
- NumPy 舍入小数、对数、求和和乘积运算详解
舍入小数 在 NumPy 中,主要有五种方法来舍入小数: 截断 去除小数部分,并返回最接近零的浮点数.使用 trunc() 和 fix() 函数. 示例: import numpy as np arr ...
- linux查看端口命令 lsof netstat
[root@VM-4-3-centos /]# lsof -i:8881COMMAND PID USER FD TYPE DEVICE SIZE/OFF NODE NAMEnode 15526 roo ...