mongoDB入门教程五:搭建一个简单的登陆注册界面

简介: mongoDB入门教程五:搭建一个简单的登陆注册界面

一:数据库开启开始连接连接MongoDB

1:打开一个cmd窗口(右键以管理员身份)来运行mongo.exe。同样打开bin文件,执行mongo.exe

cd\
cd Program Files\MongoDB\Server\4.0\bin


2:输入连接命令

mongo

3:我们的连接链接:

connecting to: mongodb://127.0.0.1:27017

来到浏览器测试一下

http://localhost:27017

当然了,可以设置每次开机自动连接数据库。

二:项目创建及其运行

1:初始化一个项目

进入D盘,使用命令,开始创建一个项目

d:
express loginproject  -e

项目创建成功



我们可以看见D盘多了一个刚刚的项目文件夹


2:执行提示命令,进入项目,在项目里面安装相关依赖,把项目跑起来

cd loginproject
npm install
npm start 


可以发现项目里面多出了两个自动生成的依赖文件

启动命令:npm start


3:打开浏览器,输入:http://localhost:3000/,可以访问到初始项目

三:打开项目,了解项目目录开始写页面代码

1:查看项目自动生成的目录


简单的介绍一下啊

项目创建成功之后,生成四个文件夹,主文件app.js与配置信息文件packetage.json
bin是项目的启动文件,配置以什么方式启动项目,默认 npm start
public是项目的静态文件,放置js css img等文件
routes是项目的路由信息文件,控制地址路由
views是视图文件,放置模板文件ejs或jade等(其实就相当于html形式文件啦~)
express这样的MVC框架模式,是一个Web项目的基本构成。

2:开始写一些简单的界面代码,在views下面建一些需要用到的界面 ,所有代码就不一一的展示了,有兴趣的可以去我的github上面下载一下。

3:新建一个models文件夹,在该文件夹下新建user.js并且写好代码


var mongoose = require("mongoose");  //  顶会议用户组件
var Schema = mongoose.Schema;    //  创建模型
var userScheMa = new Schema({
    userid: String,
    password: String
}); //  定义了一个新的模型,但是此模式还未和users集合有关联
exports.user = mongoose.model('users', userScheMa); //  与users集合关联

4::在routes目下的index.js配置路由:

var express = require('express');
var router = express.Router();
var mongoose = require('mongoose');
var user = require('../models/user').user;
mongoose.connect('mongodb://localhost/admin');
/* GET home page. */
router.get('/', function(req, res) {
      res.render('index', { title: 'index' });
});
/*login*/
router.get('/login', function(req, res) {
    res.render('login', { title: 'login' });
});
/*logout*/
router.get('/logout', function(req, res) {
      res.render('logout', { title: 'logout' });
});
/*hompage*/
router.post('/homepage', function(req, res) {
    var query_doc = {userid: req.body.userid, password: req.body.password};
    (function(){
        user.count(query_doc, function(err, doc){
            if(doc == 1){
                console.log(query_doc.userid + ": login success in " + new Date());
                res.render('homepage', { title: 'homepage' });
            }else{
                console.log(query_doc.userid + ": login failed in " + new Date());
                res.redirect('/');
            }
        });
    })(query_doc);
});
module.exports = router;

好了

四:在mongoDB数据库里面创建用户名和密码
use admin
//插入用户名和密码
db.users.insert({userid:"super",password:"123"})
//查看所有
db.users.find()

在插入一个用户名和密码,这两个用户名密码都可以登陆。

db.users.insert({userid:"admin",password:"123456"})

打开可视化工具可以看到创建的用户名密码

五:一切准备就绪,回到浏览器,查看效果

从登陆界面登陆进去,再退出来,一套流程就是如此。css就不写了,时间不多,如果感兴趣的可以自己写。


相关文章
|
开发框架 NoSQL JavaScript
mongoDB入门教程四:安装Node+express环境支撑
mongoDB入门教程四:安装Node+express环境支撑
214 0
|
NoSQL 数据可视化 关系型数据库
mongoDB入门教程三:数据库的创建和删除(增删改查)基本命令
mongoDB入门教程三:数据库的创建和删除(增删改查)基本命令
292 0
|
NoSQL MongoDB 数据库
mongoDB入门教程一:下载安装和环境配置、连接运行
mongoDB入门教程一:下载安装和环境配置、连接运行
449 0
|
NoSQL 数据可视化 MongoDB
mongoDB入门教程二:推荐一款好用的mongoDB可视化工具Robo 3T
mongoDB入门教程二:推荐一款好用的mongoDB可视化工具Robo 3T
770 1
mongoDB入门教程二:推荐一款好用的mongoDB可视化工具Robo 3T
|
10月前
|
NoSQL 数据可视化 MongoDB
微服务2——MongoDB单机部署3——Compass-图形化界面客户端
MongoDB Compass 是一款官方提供的图形化界面客户端,用于便捷管理 MongoDB 数据库。可前往官网下载([链接](https://www.mongodb.com/download-center/v2/compass?initial=true)),选择安装版或压缩版。安装版按步骤执行,压缩版解压后运行 `MongoDBCompassCommunity.exe` 即可。启动后,在界面输入主机地址与端口等信息完成连接。通过直观的可视化操作,提升数据库管理效率。
388 0
微服务2——MongoDB单机部署3——Compass-图形化界面客户端
|
SQL NoSQL MongoDB
软件开发入门教程网之Python MongoDB
软件开发入门教程网之Python MongoDB
177 0
|
SQL NoSQL MongoDB
软件开发入门教程网之Python MongoDB
软件开发入门教程网之Python MongoDB
|
NoSQL MongoDB
​​​软件开发入门教程网之​​MongoDB 原子操作
本章将会讲解mongodb不支持事务,所以,在你的项目中应用时,要注意这点。无论什么设计,都不要要求mongodb保证数据的完整性。
​​​软件开发入门教程网之​​MongoDB 原子操作
|
存储 NoSQL MongoDB
​​​软件开发入门教程网之MongoDB 查询分析
本章将会讲解MongoDB 查询分析可以确保我们所建立的索引是否有效,是查询语句性能分析的重要工具。
​​​软件开发入门教程网之MongoDB 查询分析
|
存储 NoSQL MongoDB
软件开发入门教程网之MongoDB 数据库引用
【摘要】 本章将会讲解考虑这样的一个场景,我们在不同的集合中 (address_home, address_office, address_mailing, 等)存储不同的地址(住址,办公室地址,邮件地址等)。 这样,我们在调用不同地址时,也需要指定集合,一个文档从多个集合引用文档,我们应该使用 DBRefs。

推荐镜像

更多