1.用户数据实现增删改查（Mongodb）

最新推荐文章于 2020-03-29 17:28:43 发布

开心市民小顾

最新推荐文章于 2020-03-29 17:28:43 发布

阅读量486

点赞数

文章标签： node.js javascript bootstrap html

本文链接：https://blog.csdn.net/qq_45433707/article/details/105157649

版权

第一天Mongodb的学习；虽然不能开学，但也要做笔记–加油!!!
在这里插入图片描述
一.整体思路：
// 搭建网站服务器,实现客户端与服务器端的通信
// 连接数据库,创建用户集合,相机和中插入文档
// 当用户访问/list时,将所有用户信息查询出来
/* 1.实现路由功能
2.呈现用户列表页
3.从数据库中查询用户信息,将用户信息展示在类表中
*/
// 将用户信息和表格html进行拼接并将拼接结果响应回客户端
// 当用户访问/add时,呈现表单页面,并实现添加用户信息功能
// 当用户访问/modify时,呈现修改页面,并实现修改用户信息功能
// 当用户访问/delete时,实现用户删除功能
二.代码

const http = require('http');
// 创建服务器
const app = http.createServer();
// 进行数据库连接
const mongoose = require('mongoose');
const url = require('url');
// 27017 是mongodb数据库的默认端口
mongoose.connect('mongodb://localhost/playground', { useNewUrlParser: true })
    .then(() => {
        console.log('数据库连接成功');
    })
    .catch(err => {
        console.log(err, '数据库连接我失败');
    });
const userSchema = new mongoose.Schema({
    name: {
        type: String,
        // 必选字段
        required: [true, '请传入文章标题'],
        // 字符串最小长度
        minlength: [2, '长度不能小于2'],
        // 字符串的最大长度
        maxlength: [6, '长度不能大于5'],
        trim: true //清除字符串连边空格
    },
    age: {
        type: Number,
        min: 18,
        max: 100
    },
    password: String,
    email: String,
    hobbies: [String]
});
const User = mongoose.model('User', userSchema);
app.on('request', async(req, res) => {
    const method = req.method;
    // 获取请求地址
    const { pathname } = url.parse(req.url);
    if (method == 'GET') {

        if (pathname == '/list') {
            let users = await User.find();
            console.log(users);
            let list = `<!DOCTYPE html>
                    <html lang="en">
                    
                    <head>
                        <meta charset="UTF-8">
                        <meta name="viewport" content="width=device-width, initial-scale=1.0">
                        <title>Document</title>
                        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css">
                    </head>
                    
                    <body>
                        <div class="container">
                            <h6>
                                <a href="add.html" class="btn btn-primary">添加用户</a>
                            </h6>
                            <!-- Table -->
                            <table class="table table-striped table-bordered">
                                <tr>
                                    <td>用户名</td>
                                    <td>年龄</td>
                                    <td>爱好</td>
                                    <td>邮箱</td>
                                    <td>操作</td>
                                </tr>
                              `;
            users.forEach(item => {
                list += ` 
            <tr>
                <td>${item.name}</td>
                <td>${item.age}</td>
                <td>`;
                item.hobbies.forEach(item => {
                    list += `<span>${item}</span>`;
                })
                list += `</td>
            <td>${item.email}</td>
            <td>
                <a href="" class="btn btn-danger btn-xs">删除</a>
                <a href="" class="btn btn-success btn-xs">修改</a>
            </td>
        </tr>`;
            });
            list += `</table>
            </div>
        
        </body>
        
        </html>`;
            res.end(list);
        } else if (method == 'POST') {

        }
        res.end('ok');
    }
});
// 监听端口
app.listen(3000);
console.log("网站服务器启动成功");

三.部分解释

html插入采用拼接插入，list+=部分，多看几遍，多练几遍，以后是不会那么麻烦写成这样，但是很基础的东西，多练；
采用异步函数（async）我的理解就是，在整个html页面加载完毕时，才进行增删改查操作，比如–find（）的方法前面加await方法；
想要详细了解异步编程await&&async区别：

https://www.cnblogs.com/jonins/p/9558275.html

app.on('request', async(req, res) => {
    const method = req.method;
    // 获取请求地址
    const { pathname } = url.parse(req.url);
    if (method == 'GET') {

        if (pathname == '/list') {
            let users = await User.find();

html在加载bootstrap框架时，本地下载的bootstrap.min.css代码调用无法使用，而是使用网上连接调用：

https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css

学着学着，感觉自己不足之处太多，加油加油！！！

创建MongoDB文件user.json,碰了几次壁，挺简单的事情，可是花费了很大的时间，我以创建SQL数据库的思想，唉！不要在外面套[]和在各项之间加逗号；

{
"name" : "xaiohua",
"age":"19",
"hobbies":["足球","抽烟","烫头"],
"email":"zhansan@1111.cn",
"password":"12344"
}
{
"name" : "xiaoli",
"age":"33",
"hobbies":["足球","抽烟","烫头"],
"email":"zhansan@1111.cn",
"password":"12344"
}
{
"name" : "zahngsan",
"age":"20",
"hobbies":["足球","抽烟","烫头"],
"email":"zhansan@1111.cn",
"password":"12344"
}
{
"name" :"lisi",
"age":"55",
"hobbies":["足球","抽烟","烫头"],
"email":"zhansan@1111.cn",
"password":"12344"
}

下面是插入数据代码：（有人写博客不注重细节，但是给小白很多探索和思考，哈哈）
mongoimport -d 数据库名称 -c 集合名称 --file 要导入的数据文件地址

mongoimport -d playground -c users --file ./user.json

开心市民小顾

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫