node.js + mongodb 做项目的详解(一)
想写博客很长时间了,因为一直身患懒癌,所以一直拖到了现在。markdown的语法也是刚刚学,试验一下效果
好了不说了,直接上干货了。
------------------------------------------------------------------------------------------------
1.准备工作
Nodejs、express和mongodb的安装(这里安装的都是最新版的)
### 安装: ###
Nodejs的安装没什么说的。不过安装完之后测试是否成功用过原来版本的同学可能会有一些问题。
原来的版本是:$ node -v 新版不在支持$,直接在命令行中:node -v
安装最新版的express之后,需要在安装:express-generator //express命令工具,很多初学者都会遇到这个问题(当然我也是)
mongodb的安装下面会讲解到。
用express创建一个项目的框架。
这个我创建一个名字叫chihou的网站,用的模板引擎是ejs。
>express -e chihuo
-e表示ejs模板引擎,不写 -e 默认的创建jade模板引擎
然后在输入:
cd chihuo //进入到你创建的项目目录
npm install //读取根目录中的package.json文件然后安装项目所依赖的包
然后通过cmd命令行 cd 到 chihuo 的目录下
>node app
这样就启动项目了。
提示1:如果不能启动项目:看看app.js文件中没有监听端口。如果没有,
在 module.exports = app; 语句之前添加app.listen(3000);
提示2:Ctrl + c 终止运行
然后我们可以在浏览器地址栏里敲入 http://127.0.0.1:3000/ 或者 http://localhost:3000
这就是你的第一个express创建的node app。
到这里你就完成了项目的重要的一步。
之后的讲解 我们从目录开始
--node_modules 项目中依赖的包
--public 公共资源放的目录
--routes 学名 路由,里面放着一些路由文件
--views 放着就是页面文件了
--app.js 项目的入口文件。当然你也可以改成其他的名字。
2.现在基本的结果已经有了,之后就是创建数据库了
mongodb的安装
这里只介绍window的安装
在官网上下载zip,这个我装在D盘的mongodb目录下
1.在D盘中创建mongodb文件夹然后把下载的包解压后把其中的bin文件夹拷贝到创建的mongodb文件夹中,
2.然后在mongodb文件夹中创建一个data文件夹,再在data文件夹中创建db文件夹
3.打开CMD命令行
>d:
>cd mongodb\bin
>mongod -dbpath D:\mongodb\data\db
4.在打开一个CMD命令行:
>d:
>cd mongodb\bin
>mongo
5.这样就可以用了。
接着就设计我们的数据库了
在刚才的打开的mongodb数据库中输入:
>use chihuo \\创建一个叫chihuo的数据库
>db.createCollection("users") \\创建一个集合
>db.users.insert({"name":"admin","password":"111"}) \\给users集合添加一个文档。
>db.users.find() \\查询你添加的文档
再接着就是在项目中连接刚才创建的数据库了
在项目根目录下创建一个的文件夹database,然后在创建一个
db.js
var mongoose = require('mongoose');
var db = mongoose.connect('mongodb://localhost/chihuo');//;连接数据库
var Schema = mongoose.Schema; // 创建模型
var userScheMa = new Schema({
name: String,
password: String
}); // 定义了一个新的模型,但是此模式还未和users集合有关联
exports.user = db.model('users', userScheMa); // 与users集合关联
3.接着在views文件夹创建视图文件了
我们上面用express创建的项目视图文件是ejs后缀名,我们一般习惯使用html后缀名。
那么我们怎么让他识别html的视图文件呢?
在app.js文件中 找到
>app.set('view engine', 'ejs');
把它替换成:
>app.set( 'view engine', 'html' );
再用app.engine()方法注册模板引擎的后缀名。代码:
>app.engine('.html',require('ejs').__express);//里面的下划线是两个
然后我们创建一个login.html(登陆页面),index.html(原来有,改一下后缀名就行),ucenter(登陆之后的页面);
login.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="ucenter" method="post">
<p>
<span>name:</span>
<br>
<input id="name" name="name" 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>
index.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>
<p><a href="login">登陆</a></p>
</body>
</html>
ucenter.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>
<p>你已经登陆</p>
</body>
</html>
4.最后就是路由的控制了,在routes文件中的index.js
var express = require('express');
var router = express.Router();
var user = require('../database/db').user; /* 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' });
}); /*ucenter*/
router.post('/ucenter', function(req, res) {
var query = {name: req.body.name, password: req.body.password};
(function(){
user.count(query, function(err, doc){
if(doc == 1){
console.log(query.name + ": 登陆成功 " + new Date());
res.render('ucenter', { user:doc });
}else{
console.log(query.name + ": 登陆失败 " + new Date());
res.redirect('/');
}
});
})(query);
}); module.exports = router;
目前就讲解这么多,之后的博客我会讲解最新版本的session问题还有前台页面中应用到bootstrap等等,不断的把项目完善。
github地址:https://github.com/songtanjichuan/chihuo_0.0.1.git
mongoose参考地址:http://www.hubwiz.com/course/543b2e7788dba02718b5a4bd
如果觉得还不错,求推荐。转载的话,请加原文链接。
node.js + mongodb 做项目的详解(一)的更多相关文章
- node.js + mongodb 做项目的详解(二)
这次内容是结合bootstrap把登陆注册做好,还有就是express的中间件等问题. 看这篇博客之前建议先看我上篇写的那篇博客http://www.cnblogs.com/hubwiz/p/4118 ...
- 8 步搭建 Node.js + MongoDB 项目的自动化持续集成
任何事情超过 90 秒就应该自动化,这是程序员的终极打开方式.Automating shapes smarter future. 这篇文章中,我们通过创建一个 Node.js + MongoDB 项目 ...
- Node.JS + MongoDB技术浅谈
看到一个Node.JS + MongoDB的小样例,分享给大家.魔乐科技软件学院(www.mldnjava.cn)的讲座 Node.JS + MongoDB技术讲座 云计算 +大数据 ...
- AngularJS + Node.js + MongoDB开发
AngularJS + Node.js + MongoDB开发的基于位置的通讯录(by vczero) 一.闲扯 有一天班长说了,同学们希望我开发一个可以共享位置的通讯录,于是自己简单设计了下功能.包 ...
- node.js+mongodb 爬虫
demo截图: 本demo爬瓜子二手车北京区的数据 (注:需要略懂 node.js / mongodb 不懂也没关系 因为我也不懂啊~~~) 之所以选择爬瓜子二手车网站有两点: 一.网站无需登录,少做 ...
- MongoDB各种查询操作详解
这篇文章主要介绍了MongoDB各种查询操作详解,包括比较查询.关联查询.数组查询等,需要的朋友可以参考下 一.find操作 MongoDB中使用find来进行查询,通过指定find的第一个参数可 ...
- 《Node.js+MongoDB+AngularJS Web开发》读书笔记及联想
总体介绍 <Node.js+MongoDB+AngularJS Web开发>,于2015年6月出版,是一本翻译过来的书,原书名为<Node.js,MongoDB and Angula ...
- 用Node.JS+MongoDB搭建个人博客(页面模板)(五)(结束)
<差不多先生> 我是差不多先生,我的差不多是天生.也代表我很天真,也代表我是个闲人.这差不多的人生,总是见缝插针. 求学的道路上总是孤独的,即使别人不理解我,认为我是奇葩!但没关系,我会坚 ...
- 开源项目MultiChoiceAdapter详解(三)——MulitChoiceNormalArrayAdapter的使用
MulitChoiceNormalArrayAdapter是我自己定义的一个类,其实就是实现了MulitChoiceArrayAdapter,为什么做这个简单的实现类呢,因为这样我们在不用Action ...
随机推荐
- Java解析网段下包含的所有IP地址
import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;impor ...
- SSH三大框架笔面试总结
Java工程师(程序员)面题 Struts,Spring,Hibernate三大框架 1.Hibernate工作原理及为什么要用? 原理: 1.读取并解析配置文件 2.读取并解析映射信息,创建Sess ...
- C++混合编程之idlcpp教程Python篇(9)
上一篇在这 C++混合编程之idlcpp教程Python篇(8) 第一篇在这 C++混合编程之idlcpp教程(一) 与前面的工程相比,工程PythonTutorial7中除了四个文件PythonTu ...
- tomcat 运行程序很慢 运行一段时间就报错: java.lang.OutOfMemoryError: PermGen space
java.lang.OutOfMemoryError: PermGen space 全称是Permanent Generation space,是指内存的永久保存区域. 由于这块内存主要是被JVM存放 ...
- Xamarin.Forms.Platform.Perspex, Xamarin Forms 的 Perspex(号称下一代WPF) 实现
Perspex, 跨平台的UI框架,加上Xamarin Forms的跨平台的中间层,这样同一套代码就可跨几乎所有已知平台,这其中包括旧版Windows, Linux及Mac OS. 目前,基本控件可显 ...
- HTML5学习生涯1--touchmove中遇到的问题
在使用html5做在手机上显示轮播图片的效果时突然遇到touchmove事件在touchstart事件之后只触发了一次touchmove之后和touchend一起触发了一次,咦,这是怎么回事?怎么不和 ...
- TJ/T808 终端通讯协议设计与实现(码农本色)
由于公司项目涉及到相关技术,对于平常写WEB的技术人员来说对这人来说比较默生:为了让下面的技术人员更好地对这个协议的实施,所以单独针对这个协议进行了分析和设计,以更于后期更好指导相关开发工作.由于自己 ...
- 将asp.net webapi的运行时版本由4.0升级到4.5.1时遇到的问题及解决
更新package 更改.net运行时的版本之后,出现了错误提示,说需要改新以下组件: EntityFramework, EntityFramework.zh-Hans, Microsoft.AspN ...
- c# 动态执行脚本,相关的几个脚本引擎.
Jint 嵌入式的javascript脚本支持引擎,一直都在更新,对各种方法支持也比较好,可以 C# 交互. https://github.com/sebastienros/jint Jurass ...
- angularjs ng-option ie issue解决方案
最近遇见angularjs 在IE上当使用ng-options作为select的选项数据源,并且被套在ng-switch(ng-transclude)之类的,当angular上得ng-options数 ...