想写博客很长时间了,因为一直身患懒癌,所以一直拖到了现在。markdown的语法也是刚刚学,试验一下效果.好了不说了,直接上干货了。
1.准备工作
Nodejs、express和mongodb的安装(这里安装的都是最新版的)
安装:
Nodejs的安装没什么说的。不过安装完之后测试是否成功用过原来版本的同学可能会有一些问题。
原来的版本是:$ node -v
新版不在支持$,直接在命令行中:node -v
安装最新版的express之后,需要在安装:express-generator
//express命令工具,很多初学者都会遇到这个问题(当然我也是)
mongodb的安装下面会讲解到。
用express创建一个项目的框架。
这个我创建一个名字叫 chihuo 的网站,用的模板引擎是 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>my login</title>
<link rel='stylesheet' href='/stylesheets/style.css' />
</head>
<body>
<h1>Hello World</h1>
<p>Welcome to</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>my index</title>
<link rel='stylesheet' href='/stylesheets/style.css' />
</head>
<body>
<h1>Hello World</h1>
<p>Welcome to</p>
<p><a href="login">登陆</a></p>
</body>
</html>
ucenter.html
<!DOCTYPE html>
<html>
<head>
<title>my ucenter</title>
<link rel='stylesheet' href='/stylesheets/style.css' />
</head>
<body>
<h1>Hello World</h1>
<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){ //count返回集合中文档的数量,和 find 一样可以接收查询条件。query 表示查询的条件
if(doc == 1){
console.log(query.name + ": 登陆成功 " + new Date());
res.render('ucenter', { title:'ucenter' });
}else{
console.log(query.name + ": 登陆失败 " + new Date());
res.redirect('/');
}
});
})(query);
});
module.exports = router;
啊哦,貌似格式还有些问题
@Ricardo-Li 改了一下
把
###用express创建一个项目的框架。###
换成
### 用express创建一个项目的框架。
@i5ting 果然好用
楼楼,启动mongo的时候报错 ,怎么解决?谢谢!
赞一个,不过跟@nsw 那位大大写教程的好像类似
楼主用错CreateConnection了,如果用CreateConnection新建一个连接的话,
exports.user = mongoose.model(‘users’, userScheMa); // 与users集合关联 上面这句获取的model无论如何是不会工作的,必须改成 exports.user = db.model(‘users’, userScheMa);
请看官方解释 Important! If you opened a separate connection using mongoose.createConnection() but attempt to access the model through mongoose.model(‘ModelName’) it will not work as expected since it is not hooked up to an active db connection. In this case access your model through the connection you created:
var conn = mongoose.createConnection(‘your connection string’) , MyModel = conn.model(‘ModelName’, schema) , m = new MyModel; m.save(); // works vs
var conn = mongoose.createConnection(‘your connection string’) , MyModel = mongoose.model(‘ModelName’, schema) , m = new MyModel; m.save(); // does not work b/c the default connection object was never connected
先mark
@asfman 多谢指错,已改
如果能对整个项目框架做个总结就好了,看项目目录完全找不到MVC的感脚。。。
@StevenStar 这个想法 下面可以对这方面写个博客。
感谢 正需要
@2596887568 不客气
npm start 早就代替 node app 了,
@xueyou2000 养成习惯了。
nodejs和mongodb课程的学习网站:汇智网
@2596887568 还有nodejs实战的课程
刚才跑了一下,已登录页面的跳转少加了一个参数,还有验证什么的感觉不科学啊
@KennethMa 估计数据库服务都没起来
mark一下
发现一个问题: ucenter的路由后面是这样写的:res.render(‘ucenter’, { user:doc }); 然后ucenter.html里面却有<%= title %>,这样会提示title is not defined的
留腿学习 自豪地采用 CNodeJS ionic
初学nodejs,先mark
获取了这样的ERROR: { [Error: Cannot find module ‘…/build/Release/bson’] code: ‘MODULE_NOT_FOUND’ } js-bson: Failed to load c++ bson extension, using pure JS version 虽然我可以访问3000端口,但是这个错误看起来好不舒服, 如何破?
我已经npm install bson -g了, 难道需要在package.json里面导入bson
mark 自豪地采用 CNodeJS ionic
@xiaoxiehang 这是怎么弄的
学习之
马克 自豪地采用 CNodeJS ionic
mongoose 装了无数次装不上。。。下载 vc++2010 之后,系统跟我说因为我有 vs2012 所以装不上 vc++2010,但是 mongoose 需要 vc++ 里的 MSBuild,碰到这种情况怎么办。。
先mark 自豪地采用 CNodeJS ionic
mark
感觉对初学者应该有点儿用,自己顶下,行不? ⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄。
要不要模块化一下,比如这样 var mongodbC = function () { };
mongodbC.prototype = { connect: function () { mongoose.connect(connectionString, options, function (err, res) { if (err) { console.log(’[mongoose log] Error connecting to: ’ + connectionString + ‘. ’ + err); } else { console.log(’[mongoose log] Successfully connected to: ’ + connectionString); } });//connect to mongodb return mongoose.connection;//return connection }, open: function (cb) { var mc = this.connect(); mc.on(‘error’, console.error.bind(console, ‘connection error:’)); mc.once(‘open’, cb); } }; module.exports = mongodbC;
然后在index.js里面require
mark
mark and get it
Ctrl+C停掉应用后起不来了?
很棒 试验过了
@bykege 最新的版本也没问题?
@xueyou2000 pm2
mark
@2596887568 no problem
mark 自豪地采用 CNodeJS ionic
来自酷炫的 CNodeMD
@free123abcsky 什么情况?
* 不错饿,正在学习