写在前面
关于 Nodejs,相信看这篇的文章的小伙伴已经了解了不少,有一些了 Nodejs 基础。但是 Nodejs 如何应用,如何用 Nodejs 搭建在服务器上,我想好多小伙伴想知道,在这里分享我的心得体会,希望对你的工作学习有所帮助。 服务器的搭建有很多种,比如 Java,PHP,而我首选 Node.js。为什么?因为快。Node.js 入门快,相比其他语言更容易进入后台的世界;安装快,配置简单;命令简单易学。但是对于许多童鞋来说,学习了 Node.js 的基础知识,却不知道该怎样应用 Node.js ,如何实践。
这次我就帮助童鞋快速入门,尽快应用起 Node.js,在实战中学习 Node.js,对工作和学习都有更好的帮助。
1、利用基于 Node.js 的 Express 快速搭建项目。
2、介绍 Express 项目结构。
3、学习如何连接 MongoDB 数据库,利用 Node.js 操作 MongoDB 数据库。
4、Express 的项目是 .jade 页面,如何改为 .html 页面。
5、学习如何修改目录结构,使其可以在真实的项目中应用
1.利用 Nodejs 快速搭建项目
首先安装 Express
npm install express-generator -g
用Express快速生成项目
express demo
cd demo
npm install
运行项目,检测是否搭建成功
npm run start
在浏览器打开http://localhost:3000 ,这个地址是Express快速搭建项目默认之地址,在bin目录下的www文件里,如图
项目搭建完毕,是不是很快。这就是我喜欢Node的地方
2.Express目录结构介绍
- bin:项目的启动文件,默认www
- node_modules:存放项目所有的依赖库,默认body-parser、cookie-parser、debug、jade、express、morgan、serve-favicon。
- public:静态资源文件夹,默认images、javascripts、stylesheets。
- routes:路由文件
- views:页面文件,jade模板,默认error.jade、index.jade、layout.jade。本人平常用的html模板,下面将讲下如何修改
- package.json:项目依赖配置,做过java后台的,可以跟maven对比下,差不多。
- app.js:应用核心配置文件,项目入口,程序入口。
3.连接MongDB数据库
打开终端,运行命令
npm install mongolass -s
在bin目录下添加文件,mongo_base.js,里面的代码如下
const Mongolass = require('mongolass');
const mongolass = new Mongolass();
exports.db = { mongolass: mongolass };
const db = exports.db;
let connected = [];
exports.OnConnected = function (fn) {
if (fn) {
connected.push(fn);
}
};
//'mongodb://localhost:27017/testdb'
exports.connectDB = function (conn) {
return mongolass.connect(conn).then(function () {
//================USER RELATED==================
db.test = mongolass.model('test', {
name:{type:'string'},
});
db.test.insert({name:'test'}).exec()
connected.forEach(function (oneFn) {
if (oneFn) {
oneFn();
}
});
});
};
在www文件里添加代码
require('./mongo_base').connectDB('mongodb://localhost:27017/testdb');
我们的MongDB连接成功。 启动电脑的MongDB,然后重启项目。 下面检查是否我们成功了。 打开终端,然后运行命令,进入到mongdb。
mongo
然后运行命令,查看是否添加上数据库testdb
show dbs
好了,我们的项目MongoDB数据库添加完毕。
4.Express的项目是.jade页面,如何修改为.html的页面。
进入根目录,输入命令
npm install ejs -s
找到根目录下的app.js,加入代码
var ejs = require('ejs'); //引入的ejs插件
app.engine('html', ejs.__express);//设置html引擎
app.set('view engine', 'html');//设置视图引擎
在app.js里,去掉代码
app.set('view engine', 'jade');
重启服务,在view里添加html页面,同时在routes里或者在app.js里添加控制器,就可以访问html文件了。实例代码如下,在浏览器访问http://localhost:3000/b
5.如何修改目录,使其可以在真实的项目中应用
在这个项目中我们想以mvc的模式开发。那么如何修改目录呢,可以达到我们的目的。下面注意我说的,新建目录和新建文件,不要弄混。
1.首先新建目录,auth,把上面的建的mongo_base.js放在这个目录里。然后新建文件index.js,代码如下
let MG = require('./mongo_base.js');
exports.db = MG.db;
exports.connectDB = MG.connectDB;
exports.OnConnected = MG.OnConnected;
2.修改bin目录下www文件里的关于mongo_base.js的引入调用。改后如下
3.在routes下新建两个目录controller,db。
- controller:就是我们的mvc的c,用于控制我们整个程序,我们的逻辑代码在这里编写。
- db:就是我们的mvc中的m,用于数据库表的创建。
把index.js、users.js放在controller的目录里。请注意修改app.js代码里关于这两个文件的路径引入。
4.在db目录下新建文件user.js。用于在数据库存储用户。修改后目录如下图。
5.在user.js里编写代码
const db = require('../../auth').db;
exports.OnConnected = require('../../auth').OnConnected;
const onConnect = function () {
const mongolass = db.mongolass;
//===============DEVICE RELATED==================
// socket.io room. Connect it with `http://{server}/{roomId}`
db.user = mongolass.model('user', {
nickname:{type:'string'},
});
};
exports.OnConnected(onConnect);
exports.db = db;
6.修改controller下的index.js,修改后如下
var express = require('express');
var router = express.Router();
const MG = require('../db/user');
let dbTable;
MG.OnConnected(function () {
dbTable = MG.db.user;
});
/* GET home page. */
router.get('/', function(req, res, next) {
res.render('index', { title: 'Express' });
});
router.get('/test', function(req, res, next) {
return dbTable.insert({nickname:'abc'}).exec().then(function () {
res.send('存储成功');
})
});
module.exports = router;
7.重新启动项目,在浏览器中输入http://localhost:3000/test ,如下图!
写在后面
这篇文章每写一步,我都会自己运行,希望看到这篇文章的童鞋可以入门express的实战,并在实战中创建自己的架构。