从无到有，用Nodejs+express+mongodb搭建简易登陆系统

前端处理server表示很蛋疼，初学Node，虽然感觉异常强大，但是学起来还是有些吃力的，Node是工具，它不是万能的，搭建一个系统还是需要借助其他一些工具，对于我这个没怎么接触server的前端来说，挑战是有的。昨天参考一些资料尝试用Node+express+mongodb搭建一个简易的登陆系统，在此记之。

express是一个灵活的nodejs web应用框架，提供一系列强大特性帮助你创建各种Web应用。

Mongodb是数据库。

1、安装express，express安装比较简单，直接用npm install -g express-generator,一定要用这个，如果用npm install -g express就会出现express not found的问题。

2、安装mongodb, 在官网下下在程序，然后一步步安装，我是在F盘的/software3下新建一个mongodb的文件夹，安装在该文件夹内。

3、启动mongodb，cmd中命令如下：

如果看到下面的内容，恭喜启动成功。最好建一个cmd文件，每次启动运行该文件即可。

上面遇到一个小的报错：

WiredTiger recoveryTimestamp. Ts: Timestamp(0, 0)
2018-12-23T09:21:00.012+0800 I CONTROL [initandlisten]
2018-12-23T09:21:00.012+0800 I CONTROL [initandlisten] ** WARNING: Access control is not enabled for the database.
2018-12-23T09:21:00.015+0800 I CONTROL [initandlisten] ** Read and write access to data and configuration is unrestricted.
2018-12-23T09:21:00.017+0800 I CONTROL [initandlisten]
2018-12-23T09:21:00.020+0800 I CONTROL [initandlisten] ** WARNING: This server is bound to localhost.
2018-12-23T09:21:00.020+0800 I CONTROL [initandlisten] ** Remote systems will be unable to connect to this server.
2018-12-23T09:21:00.022+0800 I CONTROL [initandlisten] ** Start the server with --bind_ip <address> to specify which IP
2018-12-23T09:21:00.023+0800 I CONTROL [initandlisten] ** addresses it should serve responses from, or with --bind_ip_all to
2018-12-23T09:21:00.026+0800 I CONTROL [initandlisten] ** bind to all interfaces. If this behavior is desired, start the
2018-12-23T09:21:00.027+0800 I CONTROL [initandlisten] ** server with --bind_ip 127.0.0.1 to disable this warning.

原因分析：新版本的MongDB增加了安全性设计，推荐用户创建使用数据库时进行验证。如果用户想建立简单连接，则会提示警示信息。

解决方案：
创建管理员并设置密码

先执行mongo 进入MongoDB Shell，

补充：MongoDB Shell是MongoDB自带的交互式Javascript shell,用来对MongoDB进行操作和管理的交互式环境。

由于它是一个JavaScript shell，您可以运行一些简单的算术运算，详细这里暂时不讲了，下一节讲MongoDB Shell:

然后执行 use admin 然后创建用户：

>db.createUser(

  {

    user: "admin", //用户名

    pwd: "123456", //密码

    roles: [ { role: "userAdminAnyDatabase", db: "admin" } ] //设置权限

  }

)

重启数据库服务器

mongod --auth --port 27017 --dbpath F:\software3\mogodb\bin

“–auth”命令即表示访问数据库需要认证。此处可不指定端口，则默认为27017。
启动后即可看到不再提示报警信息。

mongodb.cmd文件：

:: 定位到D盘

d:

:: 切换到mongodb的数据库目录

cd Mongodb

:: 删除数据库锁定记录文件

if exist mongod.lock del mongod.lock missing

:: 配置mongodb的文档存储目录

mongod --dbpath "D:\Mongodb\data"

5、在Mongodb目录下运行mongo,默认链接到本地端口：27017

到这里整个环境配置完毕并且已经启动。

下面看具体的Node。

安装完express后在某个目录下运行express Login -e就会自动创建一个项目，然后npm install会下载依赖包。

1、新建一个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集合关联

2、在views下面建index.ejs, errors.ejs, login.ejs, logout.ejs, homepage.ejs。 （index是自带的，不用建）

index.ejs:

<!DOCTYPE html>

<html>

  <head>

    <title><%= title %></title>

    <link rel='stylesheet' href='/stylesheets/style.css' />

  </head>

  <body>

    <h1>Hello World</h1>

    <p>Welcome to <%= title %></p>

    <p><a href="login">登陆</a></p>

  </body>

</html>

<!DOCTYPE html>

<html>

  <head>

    <title><%= title %></title>

    <link rel='stylesheet' href='/stylesheets/style.css' />

  </head>

  <body>

    <h1>Hello World</h1>

    <p>Welcome to <%= title %></p>

    <form action="homepage" method="post">

        <p>

            <span>userId:</span>

            <br>

            <input id="userid" name="userid" type="text">

        </p>

        <p>

            <span>password:</span>

            <br>

            <input id="password" name="password" type="password">

        </p>

        <p><input type="submit" value="submit"></p>

    </form>

  </body>

</html>

loginout.ejs:

<!DOCTYPE html>

<html>

  <head>

    <title><%= title %></title>

    <link rel='stylesheet' href='/stylesheets/style.css' />

  </head>

  <body>

    <h1>Hello World</h1>

    <p>Welcome to <%= title %></p>

    <p>正在登出...</p>

    <script type="text/javascript">

        setTimeout(function(){

            window.location.href = "/";

        }, 500);

    </script>

  </body>

</html>

homepage.ejs:

<!DOCTYPE html>

<html>

  <head>

    <title><%= title %></title>

    <link rel='stylesheet' href='/stylesheets/style.css' />

  </head>

  <body>

    <h1>Hello World</h1>

    <p>Welcome to <%= title %></p>

    <p><a href="logout">登出</a></p>

  </body>

</html>

3、在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后在Login项目下运行npm start。然后在浏览器输入https://localhost:3000就能看到界面了：

漏了一点，需要在mongodb创建用户名和密码，不然没法登陆进去。步骤如下：

从无到有，用Nodejs+express+mongodb搭建简易登陆系统的更多相关文章

nodejs+express+mongodb搭建博客
https://github.com/lanleilin/sayHelloBlog 是可以运行的 https://github.com/lanleilin/sayHelloBlog 文件结构如下: c ...
express + mongodb 搭建一个简易网站（四）
express + mongodb 搭建一个简易网站 (四) 目前网站整体页面都已经能全部展示了,但是,整个网站还有两个块需要做完才能算完整,一个连接数据库,目前网站上的数据都是抓取的本地假数据,所以 ...
express + mongodb 搭建一个简易网站（三）
express + mongodb 搭建一个简易网站 (三) 前面已经实现了基本的网站功能,现在我们就开始开搞一个完整的网站,现在整个网站的UI就是下面的这个样子. 我们网站的样子就照着这个来吧. 1 ...
express + mongodb 搭建一个简易网站(二)
express + mongodb 搭建一个简易网站 (二) 在搭建网站(一)中,实现了简单的路由功能,这离一个完整的网站还差的有点远,继续撸代码吧. 1.首先在根目录下新建一个views文件夹,用来 ...
express + mongodb 搭建一个简易网站(一)
express + mongodb 搭建一个简易网站(一) 前言:后台使用node.js的express框架,数据库使用mongodb,模板使用ejs.大概就这些. 开始第一个简易网站之旅吧.... ...
nodejs实战《一起学 Node.js》使用 Express + MongoDB 搭建多人博客
GitHub: https://github.com/nswbmw/N-blog N-blog 使用 Express + MongoDB 搭建多人博客开发环境 Node.js: 6.9.1 Mong ...
nodejs+express+mongodb实现登录注册
nodejs+express+mongodb实现登录注册 1 简介登录注册功能使用nodejs+express+mongodb完成,其中对mongodb的操作使用mongoose完成,对mongod ...
Python中使用Flask、MongoDB搭建简易图片服务器
主要介绍了Python中使用Flask.MongoDB搭建简易图片服务器,本文是一个详细完整的教程,需要的朋友可以参考下 1.前期准备通过 pip 或 easy_install 安装了 pymong ...
NodeJS+Express+MongoDB
一.MongoDB MongoDB是开源,高性能的NoSQL数据库:支持索引.集群.复制和故障转移.各种语言的驱动程序丰富:高伸缩性:MongoDB 是一个基于分布式文件存储的数据库.由 C++ 语言 ...

随机推荐

SQL Server清理大日志文件方法不分离数据库执行SQL语句即可
SQL 2008清空日志的SQL语句如下: USE[master] GO ALTER DATABASE 要清理的数据库名称 SET RECOVERY SIMPLE WITH NO_WAIT GO AL ...
java命令--jstack 工具查看JVM堆栈信息
介绍 jstack是java虚拟机自带的一种堆栈跟踪工具.jstack用于打印出给定的java进程ID或core file或远程调试服务的Java堆栈信息,如果是在64位机器上,需要指定选项" ...
XAMPP中MySQL无法启动解决办法
如图问题出在mysql的路径上,其实报错已经讲得听清楚了预期应该是这样结果却是这样所以解决办法当然就是修改这个路径,出现这个报错原因大多因为之前电脑装过mysql,所以电脑默认启动是原来的my ...
[Leetcode]134.加油站
这一题是贪心不是模拟是贪心不是模拟是贪心不是模拟! 如果用模拟的做法会比较慢,也失去了做这一题的趣味了. 模拟的方法很简单,就是每一个加油站都做起点模拟一遍,试一下能不能完成一圈,能完成一圈就保存 ...
08-02 Java 代码块，代码块执行的先后顺序问题
代码块 /* 代码块:在Java中,使用{}括起来的代码被称为代码块. 根据其位置和声明的不同,可以分为局部代码块:局部位置,用于限定变量的生命周期. 构造代码块:在类中的成员位置,用{}括起来的代 ...
Spring Boot启动流程
基础准备 1,BeanPostProcessor:这个接口的作用在于对于新构造的实例可以做一些自定义的修改.比如如何构造.属性值的修改.构造器的选择等等 2,BeanFactoryPostProces ...
Elasticsearch使用filter进行匹配关系and,or,not,range查询
RESTful接口URL的格式: http://localhost:9200/<index>/<type>/[<id>] 其中index.type是必须提供的. i ...
(转)【OSGI】1.初识OSGI-到底什么是OSGI
原文:https://blog.csdn.net/acmman/article/details/50848595 目前,业内关于OSGI技术的学习资源或者技术文档还是很少的.我在某宝网搜索了一下“OS ...
css定位“十字架“之水平垂直居中
1.先看要实现的效果实际的效果图可以看到我的实现过程是先使用一个父级的div来定位水平垂直居中,然后再父级的div中定位出两个十字架的div. 看实现代码: <!DOCTYPE HTML P ...
Hibernate的执行流程和集合的映射关系
Hibernate的执行流程集合映射准被hibernate的运行环境配置hibernate.cfg.xml主配置文件 1.Set集合写User.java类 package com.gqx.co ...

从无到有，用Nodejs+express+mongodb搭建简易登陆系统

从无到有，用Nodejs+express+mongodb搭建简易登陆系统的更多相关文章

随机推荐

热门专题