node+mongoDb+Vue+elementUI实现资金管理后台系统(二)---node连接数据库和编写注册接口

11 篇文章 0 订阅
5 篇文章 0 订阅
  1. 使用express搭建服务器
    在D盘下面创建一个文件夹node-app,并在cmd中运行。
    在这里插入图片描述
    初始化文件,在cmd中输入npm init,选项直接回车键就可以了。
    在这里插入图片描述
    使用的编辑工具是vscode,在cmd中直接输入code .可以快速打开该文件
    在这里插入图片描述
  2. 建立server.js和安装express

在node-app下新建一个server.js并且通过npm安装express
在这里插入图片描述
server.js
在这里插入图片描述
3. 设置根路由和安装nodemon模块
在代码中设置根路由,便于浏览器能够访问到我们的服务器,在cmd中输入node server.js
在这里插入图片描述
在浏览器中输入localhost:3000,便可以看到以下画面
在这里插入图片描述
其实我们可以按照第三方模块nodemon,可以让我们每次修改代码页面能够自动保存和刷新功能,在终端中输入 npm install nodemon -g等待安装完成即可。
在这里插入图片描述
4. 修改pack.json中配置
在pack.json添加两行代码,添加以后,我们可以直接通过输入npm run server运行程序。
在这里插入图片描述
5. node连接mongoDB数据库
这里采用的是mongoose模块来链接mongoDB,下面是mongoose的中文文档
https://cn.mongoosedoc.top/docs/guide.html

安装mongoose模块
在这里插入图片描述
在robo3t创建数据库
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
server.js中连接数据库
在根目录下创建一个config/keys.js用来存放数据库的基本配置
在这里插入图片描述
server.js
在这里插入图片描述
在控制台中看到‘connect’,说明数据库连接成功.

  1. 搭建路由和数据模型
    在根路径下创建routes/api文件夹和创建user.js,user.js用来创建用户的注册与登陆
    user.js
    在这里插入图片描述
    在server.js引入和使用user.js
    在这里插入图片描述
    在浏览器中输入http://localhost:3000/api/users/test, 看到以下画面说明访问成功。
    在这里插入图片描述
    在根目录下创建models/User.js,用来创建user模型
    在这里插入图片描述
    搭建注册接口
    因为注册是需要用到post提交的方式,所以我们要安装body-parser模块
    在这里插入图片描述
    server.js中引入和使用body-parser模块
    在这里插入图片描述
    在routes/api/user.js
    在这里插入图片描述
    使用postman测试注册接口
    在这里插入图片描述
    在下面看到有数据返回,则说明我们的注册接口是相通的。
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值