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

随机推荐

vue教程2-08 自定义键盘信息、监听数据变化vm.$watch
vue教程2-08 自定义键盘信息 @keydown.up @keydown.enter @keydown.a/b/c.... 自定义键盘信息: Vue.directive('on').keyCode ...
OSGI动态加载删除Service bundle
OSGi模块化框架是很早就出来的一个插件化框架,最早Eclipse用它而出名,但这些年也没有大热虽然OSGi已经发布了版本1到版本5.现在用的最多的,也是本文讲述基于的是Equinox的OSGi实现, ...
帝国CMS-后台管理工具
后台管理工具 apache+mysql 搭建的后台管理工具参考手册*************http://www.phome.net/doc/ecmsedu/ 1.安装----- 使用的一键安装包. ...
Vue图片懒加载插件 - vue lazyload的简单使用
Vue module for lazyloading images in your applications. Some of goals of this project worth noting i ...
ecshop 安装出错gd_version
678: static function gd_version()
XAML属性赋值转换之谜（WPF XAML语法解密）
XAML与XML类似,就是XML延伸过来的.为了更好的表达一些功能,WPF对XML做了扩展,有些功能是WPF在后台悄悄的替你做了.有时候,虽然实现了某个功能,但是对实现原理还是很茫然.今天就讲讲XAM ...
java Queue的用法
https://www.cnblogs.com/caozengling/p/5307992.html https://blog.csdn.net/a724888/article/details/802 ...
编码算法－Base64
Base64是一种编码算法,因为这种算法只支持64个[可打印字符],所以叫做Base64. 为了保证所输出的编码位可读字符,Base64制定了一个编码表,以便进行统一转换.编码表的大小为2^6=64, ...
JVM学习记录-类加载器
前言 JVM设计团队把类加载阶段中的“通过一个类的全限定名来获取描述此类的二进制字节流”这个动作放到Java虚拟机外面去实现,以便让应用程序自己决定如何去获取所需要的类.实现这个动作的代码模块称为“类 ...
深入出不来nodejs源码-timer模块(C++篇)
终于可以填上坑了. 简单回顾一下之前JS篇内容,每一次setTimeout的调用,会在一个对象中添加一个键值对,键为延迟时间,值为一个链表,将所有该时间对应的事件串起来,图如下: 而每一个延迟键值对的 ...

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

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

随机推荐

热门专题