从无到有，用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++ 语言 ...

随机推荐

zabbix 监控安装
注意:此篇是在安装好lnmp环境后才能部署的操作,所以,做之前准备好lnmp环境,或者可以参考我做的lnmp环境,之后接着此篇开始安装监控系统Zabbix-3.2.1的安装 zabbix-serve ...
用mac的safari浏览器调试ios手机的网页
iOS 6给Safari带来了远程的Web检查器工具. 一.参考链接 ios开发者文档 safari开发者工具 remote debugging safari 二.设置iphone 设置 -> ...
vue项目在IE下报错"strict 模式下不允许一个属性有多个定义"
待解决:
10-04 Java 权限修饰符，类及其组成常见的修饰符
四种权限修饰符的测试 /* 权限修饰符: 本类同一个包下(子类和无关类) 不同包下(子类) 不同包下(无关类) private Y 默认 Y Y protected Y Y Y public Y Y ...
vue教程2-05 v-for循环重复数据无法添加问题加track-by='索引'
vue教程2-05 v-for循环重复数据无法添加问题加track-by='索引' 解决问题的代码示例: <!DOCTYPE html> <html lang="en ...
Win7删除网络位置那些不用的网络位置(驱动器)
1.初始状态: 映射成功的网络位置如下图 2.要删除这个网络位置:点击"打开网络和共享中心",然后如下图设置: 3.重启电脑之后,删除的"网络位置"不会在资源管 ...
C# 多线程九之Timer类
1.简介相信写过定时任务的小伙伴都知道这个类,非常的轻量级,而且FCL中大量的类使用了这个方法,比如CancellationTokenSource的CancelAfter就是用Timer去做的. 当 ...
MongoDB作为windows服务来安装
首先区官网下载对应版本的安装文件,我本地的环境是win7 bit64 我下载的版本是:mongodb-win32-x86_64-2.4.6 ok, 文件下载后,开始安装,这里要说一下,如果直接启动Mo ...
VisualVM + BTrace
VisualVM下载地址:http://visualvm.github.io/download.html 解压后打开bin目录下的visualvm.exe 选择Tool-->Plugins,选择 ...
Android开发中实现https校验
在安卓开发中需要自己写代码实现校验公钥的功能当然, 如果是自己服务器,就不用校验, 如果是别人的服务器,比如银行,就需要校验在这里, 小编采用从github上下载的开源框架实现,在开源框架中添加 ...

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

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

随机推荐

热门专题