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,进入 ...
随机推荐
- fastposter发布1.4.5 跨语言的海报生成器
fastposter发布1.4.5 跨语言的海报生成器 v1.4.5 增加了右键菜单,修复了跨域bug 一分钟完成海报开发任务 future: 增加了右键菜单 删除 图层上移 图层下移 优化项目代码文 ...
- typescript基础知识汇总
JavaScript中所有事物(字符串.数值.数组.函数)都是对象,都有属性和方法.1.用函数定义对象,然后new对象实例.2.用Object定义并创建对象实例var o = new Object(t ...
- Atera 用户为最终用户提供对办公计算机的远程访问
一言以蔽之:由 Splashtop 提供支持的 Atera 的客户远程访问功能允许使用 Atera 的 MSP 设置和管理其最终用户对办公计算机的远程访问. 新冠肺炎大流行已加速了全球远程工作的进程 ...
- text/event-stream协议
客户端接收 text/event-stream html <!DOCTYPE html> <html> <head> <meta charset=" ...
- CSS——2D转换
- redis 使用lua脚本 一次性获取多个hash key 字段值
客户端命令行代码: eval "local rst={};local field='schoolid'; for i,v in pairs(KEYS) do rst[i]=redis.cal ...
- WPF摄像头使用(WPFMediaKit)
添加WPFMediaKit引用 使用WPFMediaKit操作摄像头需要安装WPFMediaKit相关的Nuget包.选中需要进行摄像头操作的项目,然后通过Nuget安装即可. 页面代码 引入命名空间 ...
- RTMP协议中的Chunk Stream ID （CID）的作用
一.协议分层 RTMP包是以Message的结构封装的,结构如下所示: 1)Message Type ID在1-7的消息用于协议控制,这些消息一般是RTMP协议自身管理要使用的消息,用户一般情况下无需 ...
- C++笔记（13）数组的引用和引用的数组
数组的引用 数组有二个特性,影响作用在数组上的函数:一是不能复制数组,二是使用数组名时, 数组名会自动指向其第一个元素的指针. 因为不能复制,所以无法编写使用数组类型的形参,数组会自动转化为指针.比如 ...
- ETL工具-nifi干货系列 第十六讲 nifi Process Group实战教程，一文轻松搞定
1.目前nifi系列已经更新了10多篇教程了,跟着教程走的同学应该已经对nifi有了初步的解,但是我相信同学们应该有一个疑问:nifi设计好的数据流列表在哪里?如何同时运行多个数据流?如启停单个数据流 ...