1.用户数据实现增删改查(Mongodb)

第一天Mongodb的学习;虽然不能开学,但也要做笔记–加油!!!
1.用户数据实现增删改查(Mongodb)_第1张图片
一.整体思路:
// 搭建网站服务器,实现客户端与服务器端的通信
// 连接数据库,创建用户集合,相机和中插入文档
// 当用户访问/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 = `
                    
                    
                    
                        
                        
                        Document
                        
                    
                    
                    
                        
添加用户
`; users.forEach(item =>{ list +=` `;}); list +=`
用户名 年龄 爱好 邮箱 操作
${item.name} ${item.age} `; item.hobbies.forEach(item => { list += `${item}`; }) list += ` ${item.email} 删除 修改
`
; res.end(list); } else if (method == 'POST') { } res.end('ok'); } }); // 监听端口 app.listen(3000); console.log("网站服务器启动成功");

三.部分解释

  1. html插入采用拼接插入,list+=部分,多看几遍,多练几遍,以后是不会那么麻烦写成这样,但是很基础的东西,多练;
  2. 采用异步函数(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();
  1. html在加载bootstrap框架时,本地下载的bootstrap.min.css代码调用无法使用,而是使用网上连接调用:

https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css
1.用户数据实现增删改查(Mongodb)_第2张图片
学着学着,感觉自己不足之处太多,加油加油!!!

  1. 创建MongoDB文件user.json,碰了几次壁,挺简单的事情,可是花费了很大的时间,我以创建SQL数据库的思想,唉!不要在外面套[]和在各项之间加逗号;
{
"name" : "xaiohua",
"age":"19",
"hobbies":["足球","抽烟","烫头"],
"email":"[email protected]",
"password":"12344"
}
{
"name" : "xiaoli",
"age":"33",
"hobbies":["足球","抽烟","烫头"],
"email":"[email protected]",
"password":"12344"
}
{
"name" : "zahngsan",
"age":"20",
"hobbies":["足球","抽烟","烫头"],
"email":"[email protected]",
"password":"12344"
}
{
"name" :"lisi",
"age":"55",
"hobbies":["足球","抽烟","烫头"],
"email":"[email protected]",
"password":"12344"
}
  1. 下面是插入数据代码:(有人写博客不注重细节,但是给小白很多探索和思考,哈哈)
    mongoimport -d 数据库名称 -c 集合名称 --file 要导入的数据文件地址
mongoimport -d playground -c users --file ./user.json

你可能感兴趣的:(node.js,javascript,bootstrap,html)