Nodejs&express+mongodb完成简单用户登录(即Nodejs入门)
刚了解nodejs,发现nodejs配置起来不复杂,但也有很多需要注意的地方,今天就记录一下,以后也可拿出来看看.
要完成这个简单的示例,从零开始,走三步就行了.
我是属于技术类的人,废话无多.
一.搭建开发环境
1. nodejs
1.1 安装
到官方网站下载最新版本 http://www.nodejs.org/, 下载之后,安装,一路 next
1.2 配置 path
把上面安装的目录配置到环境变量中,方便以后用命令行的方式使用node.exe.
比如我的 node.exe 在 "H:\Program Files\nodejs\node.exe", 在环境变量最开始加上 "H:\Program Files\nodejs\;"
2. mongodb
2.1 安装
http://www.mongodb.org/downloads 下载, 建议下载 zip 版,开发的时候,不需要安装,直接解压就可以用了.
2.2 使用命令行方式启动 mongodb,
>mongod 127.0.0.1:27017 --dbpath D:\mongodb\dbone //D:\mongodb\dbone mongodb和dbone文件夹要自己先建立好, 另外, --dbpath 参数值中间不能有空格
二.创建项目(express)
1 安装全局插件
>nmp install -g express //自动下载 express 插件
>nmp install -g express-generator //express 在命令行中的工具
2. 添加项目
>express -e myproject
>cd myproject
>npm install //让npm根据 package.json 自动下载依赖包
>npm install mongo && npm install express-mongo //下载 mongodb 支持包
三.编码
1.修改模版规则
app.js 中
app.set('view engine', 'ejs');
修改成:
app.engine('html', require('ejs').__express);
app.set('view engine', 'html');
把 /views/ 中的文件后缀改成 *.html
2..添加页面(又称视图)
index.html 点击"登录" 跳转到 login.html, 登录功之后,跳转到 welcome.html, 在 welcome.html 点击注销之后跳转到 login.html
/views/login.html
<!DOCTYPE html>
<html>
<head>
<title><%= title %></title>
<link rel='stylesheet' href='/stylesheets/style.css' />
</head>
<body>
<h1><%= title %></h1>
<form method="post">
用户名:<input type="text" name="userid" id="userid"/><br/>
密 码:<input type="password" name="password" id="password"/><br/>
<input type="submit" value="登录"/>
<input type="reset" value="重置"/>
</form>
</body>
</html>
/views/welcome.html
<!DOCTYPE html>
<html>
<head>
<title><%= title %></title>
<link rel='stylesheet' href='/stylesheets/style.css' />
</head>
<body>
<h1><%= title %></h1>
<p>欢迎光临: <%= userid %></p>
<h1><a href="/logout">注销</a></h1>
</body>
</html>
修改 /views/index.html
<!DOCTYPE html>
<html>
<head>
<title><%= title %></title>
<link rel='stylesheet' href='/stylesheets/style.css' />
</head>
<body>
<h1><%= title %></h1>
<p>Welcome to <%= title %></p>
<h1><a href="/login">登录</a></h1>
</body>
</html>
3.添加 model
添加 /routes/models.js
var mongo = require('mongoose');
var Schema = mongo.Schema;
var UserSchema = new Schema({
userid: String,
name: String,
password: String
});
exports.User = mongo.model('User', UserSchema);
4.修改路由
修改 /routes/index.js
var express = require('express');
var router = express.Router();
var mongo = require('mongoose'); //
var models = require('./models'); //引入 model
var User = models.User;
mongo.connect('mongodb://192.168.199.9:8888/logindb'); //连接数据库
/* GET home page. */
router.get('/', function(req, res) {
res.render('index', { title: 'Express' });
});
router.get('/login', function(req, res) { //转到登录页面
res.render('login', { title: '登录' });
});
router.post('/login', function(req, res) { //处理登录请求
var query_doc = { userid: req.body.userid, password: req.body.password };
User.count(query_doc, function(err, doc){
if(doc == 1){//验证成功,转到 欢迎页面
res.redirect('/welcome?userid=' + query_doc.userid);
}else{
res.redirect('/login');
}
});
});
router.get('/logout', function(req, res) {//注销,转到登录页面
res.redirect('/login');
});
router.get('/welcome', function(req, res) {//欢迎页面
var userid = req.query.userid;
res.render('welcome', { title: '', userid: userid});
});
module.exports = router;
5.运行
5.1.启动 app.js
>node app
5.2 用浏览器访问 http://localhost:3000/
提示:
1.项目如果要支持中文,文件的编码要使用 utf-8,否则有乱码
2.如果修改了源文件,想马上看到效果,建议安装插件 supervisor
>npm install -g supervisor //npm 自动下载插件
>supervisor app //安装插件后启动网站的方式(原来是 node app)
3.如果配置不成功,个人可以提供远程协助.
3.1 TeamView: wujialongcn@126.com
3.2 QQ : wujialongcn@126.com
验证消息: nodejs+mongodb
Nodejs&express+mongodb完成简单用户登录(即Nodejs入门)的更多相关文章
- Nodejs+Express+Mysql实现简单用户管理增删改查
源码地址 https://github.com/king-y/NodeJs/tree/master/user 目录结构 mysql.js var mysql = require('mysql'); v ...
- nodejs+express+mongodb实现登录注册
nodejs+express+mongodb实现登录注册 1 简介 登录注册功能使用nodejs+express+mongodb完成,其中对mongodb的操作使用mongoose完成,对mongod ...
- NodeJS+Express+MongoDB
一.MongoDB MongoDB是开源,高性能的NoSQL数据库:支持索引.集群.复制和故障转移.各种语言的驱动程序丰富:高伸缩性:MongoDB 是一个基于分布式文件存储的数据库.由 C++ 语言 ...
- express+mongodb+mongoose简单入门
mongodb安装 window安装方法就不讨论了,比较简单~我们来看一下在linux下面的安装步骤~(这里需要一点linux的简单命令知识哈) 1.下载文件到服务器(先创建好自己想安装的目录)~ c ...
- 【重点突破】—— Nodejs+Express+MongoDB的使用基础
前言:最近学习vue和react的高阶项目,都需要和Nodejs+Express+MongoDB结合实现全栈开发.这里结合实例Demo和所学项目集中总结一下这部分服务端的基础知识. 一.Express ...
- 使用node+express+mongodb实现用户注册、登录和验证功能
无论是手机端还是pc端,几乎都包含登录注册方面功能,今天就使用node+express+mongodb实现一套登录注册功能,这里需要自己去安装MongoDB环境,如果没有安装可以看这篇关于MongoD ...
- python入门：模拟简单用户登录（自写）
#!/usr/bin/env python # -*- coding: utf-8 -*- #模拟简单用户登录(自写) import getpass a = raw_input("Pleas ...
- nodejs+express+mongodb简单的例子
简单的介绍下node+express+mongodb这三个东西.node:是运行在服务器端的程序语言,表面上看过去就是javascript一样的东西,但是呢,确实就是服务器语言,个人觉得在一定层次上比 ...
- NodeJS+Express+MongoDB 简单实现数据录入及回显展示【适合新人刚接触学习】
近期在看NodeJS相关 不得不说NodeJS+Express 进行网站开发是很不错,对于喜欢玩JS的来说真是很好的一种Web开发组合 在接触NodeJS时受平时Java或者C#中API接口等开发的思 ...
随机推荐
- ZeroMQ接口函数之 ：zmq_disconnect - 断开一个socket的连接
ZeroMQ 官方地址 :http://api.zeromq.org/4-0:zmq_disconnect zmq_disconnect(3) ØMQ Manual - ØMQ/3.2.5 Name ...
- debian 安装svn apache 小记. AuthzSVNAccessFile 不生效问题.
docker 使用docker镜像搭建svn+Apache环境 https://my.oschina.net/u/2006667/blog/637882 1,安装 apache ,svnapt-get ...
- 五分钟理解一致性哈希算法(consistent hashing)
转载请说明出处:http://blog.csdn.net/cywosp/article/details/23397179 一致性哈希算法在1997年由麻省理工学院提出的一种分布式哈希(DHT)实现算法 ...
- mac java环境变量设置
Mac下添加java环境变量 方法一:全局配置 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 #临时提权 sudo su #输入密码 vi /et ...
- win10启动无法进入桌面
情况: windows启动显示欢迎界面 无法进入桌面(可以win+E进入资源管理器,可以ctl+alt+delete进入任务管理器) 重启依然无法进入 解决: 重启 按f8 进入安全模式 再次重启OK ...
- 服务器中配置多个Tomcat及内存溢出配置
1.更改server.xml文件中端口(启动.关闭端口) 2.在startup.bat文件开头加上 SET JAVA_HOME=C:\Program Files (x86)\Java\jdk1.8.0 ...
- 四则运算之Right－BICEP测试
Right-结果是否正确? 正确 B-是否所有的边界条件都是正确的? Conformance(一致性):值是否和预期的一致 是一致的 Ordering(顺序性):值是否如应该的那样 是 是有序或者无 ...
- Unity学习疑问记录之触摸点坐标
Vector3 pos=Camera.main.ScreenToWorldPoint(Input.GetTouch(0).position); 类似的鼠标点击Camera.main.ScreenToW ...
- 再谈java两种变量（基本类型和引用类型）（综合各路大神）
基本类型: 基本类型自然不用说了,它的值就是一个数字,一个字符或一个布尔值. int a: a=250: //声明变量a的同时,系统给a分配了数据空间. 引用类型: 是一个对象类型,值是什么呢? ...
- 被swoole坑哭的PHP程序员
被swoole坑哭的PHP程序员 2015-09-16 09:57 文帅营 博客园 字号:T | T 首先说一下对swoole的理解:披着PHP外衣的C程序.很多PHPer朋友看到swoole提供的强 ...