mongoDB从入门到实战最全小白教程

mongoDB入门教程一:下载安装和环境配置、连接运行

《mongoDB从入门到实战最全小白教程》

MongoDB 是一个基于分布式文件存储的数据库, 是一个介于关系数据库和非关系数据库之间的产品。很久之前就已经学习过这个知识点,现在终于在工作之中用到,又重温了一遍,有点感到小幸运,庆幸自己还记得入门的时候的一些操作,现在用起来才不至于生疏。

参考API:http://www.runoob.com/mongodb/mongodb-window-install.html

MongoDB的下载和安装

1:windows的 64 位系统的预编译二进制包安装下载
https://www.mongodb.com/download-center/community

2:下载之后点击安装

《mongoDB从入门到实战最全小白教程》

3:点击custom设置安装目录。

《mongoDB从入门到实战最全小白教程》

《mongoDB从入门到实战最全小白教程》 图片.png

4:记住自己安装的路径

C:\Program Files\MongoDB\Server\4.0\

《mongoDB从入门到实战最全小白教程》 图片.png

5:在 C 盘安装了 mongodb

《mongoDB从入门到实战最全小白教程》

6:点击下一步,安装完成
现在让我们创建一个 data 的目录然后在 data 目录里创建 db 目录。

MongoDB运行数据库和日志的配置

1:打开cmd(右键管理员身份打开),进入安装路径底下,新建一个data文件夹

mkdir c:\ data\db
mkdir c:\ data\log

于是在c盘底下简历了数据库和日志

《mongoDB从入门到实战最全小白教程》
《mongoDB从入门到实战最全小白教程》

《mongoDB从入门到实战最全小白教程》

2:运行:返回上一级,找到安装路径

cd/

《mongoDB从入门到实战最全小白教程》

3:从 MongoDB 目录的 bin 目录中执行 mongod.exe 文件。
通过 window 的资源管理器中找到一开始安装的路径

《mongoDB从入门到实战最全小白教程》

4:通过cmd进入这个路径、

C:\Program Files\MongoDB\Server\4.0\bin

《mongoDB从入门到实战最全小白教程》

执行命令

mongod.exe –dbpath c:\data\db

5:成功界面
服务器搭建完毕,成功提示,注意data的文件位置是c:\data\db

《mongoDB从入门到实战最全小白教程》
《mongoDB从入门到实战最全小白教程》

开始连接连接MongoDB

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

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

《mongoDB从入门到实战最全小白教程》 图片.png

2:输入连接命令

mongo

《mongoDB从入门到实战最全小白教程》

我们的连接链接:
connecting to: mongodb://127.0.0.1:27017
来到浏览器测试一下

《mongoDB从入门到实战最全小白教程》

到这一步数据库已经成功跑起来了,接下来就是操作一些命令向数据库里面插入数据等并且可以看到自己对数据库的一系列操作的结果了。

《mongoDB从入门到实战最全小白教程》

3:OK
完全安装并可以运行MongoDB了
我们可以看到创建的数据库文件夹里面自动生成的文件

《mongoDB从入门到实战最全小白教程》

注意:如果:链接失败

执行mongo.exe失败怎么办??
执行mongod
查找到了原因,这个错误中说找不到C:\data\db这个文件夹

《mongoDB从入门到实战最全小白教程》 图片.png

mongoDB入门教程二:推荐一款好用的mongoDB可视化工具Robo 3T

MongoDB的环境搭建完成之后,连接上了数据库之后,这个时候对数据库的一些操作是枯燥无味的,需要一款辅助的工具,也就是可视化的工具,对于每一步操作都可以看见实际的操作效果。

继续来看mongoDB可视化工具

1:下载安装和使用Robo 3T:https://robomongo.org/download

《mongoDB从入门到实战最全小白教程》
《mongoDB从入门到实战最全小白教程》

2:我安装在了D盘里面,操作默认下一步,直到完成安装。

《mongoDB从入门到实战最全小白教程》

3:完成安装之后打开可视化工具
点击Create,点击保存按钮

《mongoDB从入门到实战最全小白教程》

连接默认地址

《mongoDB从入门到实战最全小白教程》

连接之后可以看到默认的界面,默认的配置数据库,ok,可视化工具也准备就绪了,下一步就是开始操作数据库并且查看效果了。

《mongoDB从入门到实战最全小白教程》

mongoDB入门教程三:数据库的创建和删除(增删改查)基本命令

1:创建数据库

use student 

《mongoDB从入门到实战最全小白教程》

打开可视化数据库工具,可以看到创建的student数据库

《mongoDB从入门到实战最全小白教程》

2:必须插入一个数据。
数据库中不能直接插入数据,只能往集合(collections)中插入数据。

db.student.insert({"name":"wangxiaoting"});

《mongoDB从入门到实战最全小白教程》

打开打开可视化数据库工具,可以看到插入的数据

《mongoDB从入门到实战最全小白教程》

注意

创建数据库之后插入一条数据,才会显示在可视化工具里面
继续创建两个数据库,创建一个teacher 和firend

《mongoDB从入门到实战最全小白教程》

3:显示当前的数据集合(mysql 中叫表)

《mongoDB从入门到实战最全小白教程》

4:删除数据库,删除当前所在的数据库

db.dropDatabase();

《mongoDB从入门到实战最全小白教程》

打开可视化工具,右击刷新,可以看到teacher的库已经删除

《mongoDB从入门到实战最全小白教程》

5:查看所有数据库列表,

show dbs 

这个是一开始进入的时候里面是默认的数据库

《mongoDB从入门到实战最全小白教程》

这是刚刚自己创建的两个库

《mongoDB从入门到实战最全小白教程》

想要了解更多数据库操作命令,可以继续学习:参考:MongoDB 数据库创建删除、表(集合)创建删除、数据增删改查
https://blog.csdn.net/cckevincyh/article/details/78702674

mongoDB入门教程四:安装Node+express环境支撑

mongoDB搭建完成之后,可以做很多小的项目,常见的又搭建简易的登陆系统,搭建博客等等,最重要的支持就是要用到Node+express,所以小婷顺便把这些也写一写,接下来要做的是一个基于mongoDB+Node+express搭建的登陆注册的后台管理系统流程示例。

官方教程:http://www.runoob.com/nodejs/nodejs-tutorial.html

1:安装node

端开发框架和环境都是需要 Node.js ,先安装node.js开发环境,vue的运行是要依赖于node的npm的管理工具来实现,下载https://nodejs.org/en/,安装完成之后,打开cmd开始输入命令。(我用的是win10系统,所以需要管理员权限,右键点击以管理员身份运行cmd),不然会出现很多报错。

《mongoDB从入门到实战最全小白教程》

2:查看node的版本号

下载好node之后,以管理员身份打开cmd管理工具,,输入 node -v ,回车,查看node版本号,出现版本号则说明安装成功。

输入命令: node -v

《mongoDB从入门到实战最全小白教程》

3:安装淘宝npm镜像

进入D盘(当然可以根据你自己的选择来安装路径)全局安装镜像。由于npm是国外的,使用起来比较慢,我们这里使用淘宝的cnpm镜像来安装vue.
淘宝的cnpm命令管理工具可以代替默认的npm管理工具。

输入命令:npm install -g cnpm --registry=https://registry.npm.taobao.org

安装成功之后显示如下

《mongoDB从入门到实战最全小白教程》

4:开始安装express插件模块

进入D盘,输入命令,全局安装express,我们知道-g也就是global全局的意思。

npm install -g express-generator

《mongoDB从入门到实战最全小白教程》

全局安装完成之后,可以看到D盘里面多出的express文件

《mongoDB从入门到实战最全小白教程》

5:创建一个项目

创建项目的命令      
express myapp

《mongoDB从入门到实战最全小白教程》

创建完成之后,可以看到d盘多出一个项目

《mongoDB从入门到实战最全小白教程》
《mongoDB从入门到实战最全小白教程》

6:进入项目,在项目里面安装依赖

cd myapp
npm install

《mongoDB从入门到实战最全小白教程》

我们可以看到项目里面多了两个依赖文件

《mongoDB从入门到实战最全小白教程》

7:启动项目

npm start

《mongoDB从入门到实战最全小白教程》

8:安装成功

打开浏览器,输入http://localhost:3000/。可以看到这个界面,说明安装成功。

《mongoDB从入门到实战最全小白教程》

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

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

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

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

《mongoDB从入门到实战最全小白教程》

2:输入连接命令

mongo

《mongoDB从入门到实战最全小白教程》

3:我们的连接链接:
connecting to: mongodb://127.0.0.1:27017
来到浏览器测试一下
http://localhost:27017
当然了,可以设置每次开机自动连接数据库。

《mongoDB从入门到实战最全小白教程》

二:项目创建及其运行

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

d:
express loginproject  -e

项目创建成功

《mongoDB从入门到实战最全小白教程》

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

《mongoDB从入门到实战最全小白教程》

《mongoDB从入门到实战最全小白教程》

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

cd loginproject
npm install
npm start 

《mongoDB从入门到实战最全小白教程》

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

《mongoDB从入门到实战最全小白教程》

启动命令:npm start

《mongoDB从入门到实战最全小白教程》

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

《mongoDB从入门到实战最全小白教程》

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

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

《mongoDB从入门到实战最全小白教程》

简单的介绍一下啊

项目创建成功之后,生成四个文件夹,主文件app.js与配置信息文件packetage.json

bin是项目的启动文件,配置以什么方式启动项目,默认 npm start

public是项目的静态文件,放置js css img等文件

routes是项目的路由信息文件,控制地址路由

views是视图文件,放置模板文件ejs或jade等(其实就相当于html形式文件啦~)

express这样的MVC框架模式,是一个Web项目的基本构成。

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

《mongoDB从入门到实战最全小白教程》

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

《mongoDB从入门到实战最全小白教程》

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"})

《mongoDB从入门到实战最全小白教程》

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

《mongoDB从入门到实战最全小白教程》

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

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

《mongoDB从入门到实战最全小白教程》

项目github地址:https://github.com/wangxiaoting666/loginproject

原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1
90后前端妹子,爱编程,爱运营,文艺与代码齐飞,魅力与智慧共存的程序媛一枚。
坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,对于博客上面有不会的问题,可以加入qq技术交流群聊:473819131。

    原文作者:祈澈菇凉
    原文地址: https://www.jianshu.com/p/a818ff6b693d
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞