mongodb+express

mongoose 只是帮我们连接数据并进行读写,还需要启动一个服务框架,这个框架封装了 node 的 http 服务。

搭建express服务器

  • 安装express

    npm install express --save-dev
    
  • 创建 express.js 文件,启动服务接口

    /*
     express.js: 引入 express 模块,设置路由
    */
    var express = require('express')()
    
    express.get('/',function (request, response) { // 路由
      response.send("hello world!") // 传送HTTP响应
    })
    express.listen(3000) //监听3000端口
    
  • 运行node express后打开浏览器输入 http://localhost:3000/
    在这里插入图片描述

连接数据库,建立Schema

通过表单提交数据

  • mongoose.js: 导出模块
    /*
      mongoose.js: 导出模块
     */
    module.exports = {mongoose,User}
    
  • express.js: 引入 mongoose
    /*
      express.js: 引入 mongoose
     */
    var {mongoose, User} = require("./mongoose")
    
    
  • 在express.js中创建一个请求数据的路由/接口
    /**
     * 创建请求数据的接口
     */
    express.get("/User",function (request, response) {
        let data = {
          name: request.query.myinput
        }
        // console.log(data)
        var addUser = new User(data)
        addUser.save()
        response.send(JSON.stringify(data))
      })
    
  • 新建test.html,向 http://127.0.0.1:3000/User 发送 get 请求,提交数据
    <form action="http://127.0.0.1:3002/User" method="GET">
        <h1>请输入:</h1>
        <input type="text" name="myinput">
        <!-- 注意:上面的name值是express.js中的request.query.myinput的值 -->
        <input type="submit" value="Submit">
    </form>
    
  • 运行node express,在浏览器中打开test.html文件
    在这里插入图片描述
  • 效果图
    在这里插入图片描述

表单里面增加内容

  • test.html
    <form action="http://127.0.0.1:3002/User" method="GET">
        <h1>请输入:</h1>
        <input type="text" name="myinput">
        <input type="text" name="myage">
        <!-- 注意:上面的name值是express.js中的request.query.myinput的值 -->
        <input type="submit" value="Submit">
    </form>
    
  • express.js
    /**
     * 创建请求数据的接口
     */
    express.get("/User",function (request, response) {
        let data = {
          name: request.query.myinput,
          age:  request.query.myage
        }
        var addUser = new User(data)
        addUser.save()
        response.send(JSON.stringify(data))
      })
    

到此为止,在express搭建的服务器上通过提交表单的方式向数据库中添加数据就完成啦,可以操作mongodb的相关命令查看在数据库中是否成功插入数据!

发布了93 篇原创文章 · 获赞 60 · 访问量 3万+

猜你喜欢

转载自blog.csdn.net/weixin_43363871/article/details/95248148