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,进入 ...
随机推荐
- AI 一键生成高清短视频，视频 UP 主们卷起来...
现在短视频越来越火,据统计,2023年全球短视频用户数量已达 10 亿,预计到2027年将突破 24 亿.对于产品展示和用户营销来说,短视频已经成为重要阵地,不管你喜不喜欢它,你都得面对它,学会使用它 ...
- 2024-05-15：用go语言，考虑一个整数 k 和一个整数 x。 对于一个数字 num， 在其二进制表示中， 从最低有效位开始， 我们计算在 x，2x，3x 等位置处设定位的数量来确定其价值。
2024-05-15:用go语言,考虑一个整数 k 和一个整数 x. 对于一个数字 num, 在其二进制表示中, 从最低有效位开始, 我们计算在 x,2x,3x 等位置处设定位的数量来确定其价值. 举 ...
- win11如何调解屏幕亮度【win10刚刚升级win11】？
打开电脑后鼠标右键,点击个性化 点击系统 点击屏幕亮度 滑动按钮,调解屏幕亮度即可
- Tkinter禁止用户调整窗口尺寸大小
禁止用户调整窗口尺寸大小的方式: root.resizable(False,False) 例子: from tkinter import * from tkinter import ttk impor ...
- CSS——position定位属性
就像photoshop中的图层功能会把一整张图片分层一个个图层一样,网页布局中的每一个元素也可以看成是一个个类似图层的层模型.层布局模型就是把网页中的每一个元素看成是一层一层的,然后通过定位属性pos ...
- centos7下启动Django项目报错（sqlite错误）
报错内容如下: [root@localhost project]# python3 manage.py runserver Watching for file changes with StatRel ...
- c# 32位程序突破2G内存限制
起因在开发过程中,由于某些COM组件只能在32位程序下运行,程序不得不在X86平台下生成.而X86的32位程序默认内存大小被限制在2G.由于程序中可能存在大数量处理,期间对象若没有及时释放或则回收,内 ...
- 云原生时代的"应用级"多云管理
作者:张齐 当前云计算有多种形态公有云.私有云.边缘云.虚拟机等,如何高效管理多云是当前面临的问题,在云原生时代,又该如何利用云原生技术实现多云管理?本文将讲解通过 Rainbond实现"应 ...
- GNU GCC学习
1 Introduction 参考视频:1 GCC简介_哔哩哔哩_bilibili 参考书籍:<An Introduction to GCC (Brian J. Gough, Richard.p ...
- Vue前端的搭建(与后端JavaEE的连接)
目录 前端平台搭建(Vue2.6,App:HBulderX) 创建Vue2.6项目 下载相应插件方便开发 路由配置 对连接后端进行一些配置(main.js文件) 导入ElementUI组件 组件 | ...