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

随机推荐

oracle安装完成之后，执行sqlplus命令，提示：bash: sqlplus: command not found...
1.安装完oracle后,用终端登录,因为不是直接用oracle用户登录的,所以我就执行$ su oracle切换成oracle用户之后,执行"echo $ORACLE_HOME" ...
用mac的safari浏览器调试ios手机的网页
iOS 6给Safari带来了远程的Web检查器工具. 一.参考链接 ios开发者文档 safari开发者工具 remote debugging safari 二.设置iphone 设置 -> ...
[原创]K8 Struts2 Exp 20170310 S2-045(Struts2综合漏洞利用工具)
工具: K8 Struts2 Exploit组织: K8搞基大队[K8team]作者: K8拉登哥哥博客: http://qqhack8.blog.163.com发布: 2014/7/31 10:24 ...
[Umbraco] macro(宏)在umbraco中的作用
macro在umbraco中是一个核心的应用,它是模板页中用于动态加载内容的标签(模板指令),宏可以是基于XSLT文件创建,亦可以是基于ASP.NET用户控件创建在develop下的Macros中创 ...
Oracle修改指定表空间为自动扩展
1.数据文件自动扩展的好处 1)不会出现因为没有剩余空间可以利用到数据无法写入 2)尽量减少人为的维护 3)可以用于重要级别不是很大的数据库中,如测试数据库等 2.数据文件自动扩展的弊端 1)如果任其 ...
MATLAB下数组随机打乱顺序的方法
一:问题有两个规模相同的数组,两个数组相同位置的元素一一对应,现在要将两数组的元素同时打乱顺序,并且乱序后的两数组对应位置元素要保持乱序前的对应关系. 二:方法采用randperm()函数,产生 ...
mybatis 关联映射
一对一创建数据表 CREATE TABLE `tb_card` ( `id` int NOT NULL AUTO_INCREMENT , `code` varchar() NULL , PRIMAR ...
springboot-28-security(一)用户角色控制
spring security 使用众多的拦截器实现权限控制的, 其核心有2个重要的概念: 认证(Authentication) 和授权 (Authorization)), 认证就是确认用户可以访问当 ...
CentOS 7.3.1611编译安装Nginx1.10.3+MySQL5.7.16+PHP7.1.2
前传: 1.CentOS 7.3.1611系统安装配置图解教程 http://www.jb51.net/os/RedHat/597874.html 2.CentOS服务器初始化设置 http://ww ...
WPF实现在电脑重启或关机时执行某些逻辑
Application类的SessionEnding事件,就是电脑关机或重启时响应的(会话结束事件), 所以只需要在App.xaml中添加SessionEnding <Application x ...

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

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

随机推荐

热门专题