描绘于头里

关于 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文件里,如图

商店微信截图_ef9c5153-4d13-463c-94e7-be4170e11f7a.png

路搭建完毕,是匪是大快。这虽是本人喜欢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:应用中心配置文件,项目入口,程序入口。

enter image description here

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

enter image description here

哼了,我们的项目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

enter image description here

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的引入调用。改后如下

enter image description here

3.以routes下新建两只目录controller,db。

  • controller:就是我们的mvc的c,用于控制我们任何程序,我们的逻辑代码在此修。
  • db:就是咱的mvc中之m,用于数据库表的缔造。

将index.js、users.js放在controller的目录里。请小心修改app.js代码里有关这点儿个公文之路线引入。

4.于db目录下新建文件user.js。用于在数据库存储用户。修改后目录如下图。

enter image description here

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
,如下图!

enter image description here

形容以后边

马上首文章每写一步,我都见面融洽运行,希望看就首文章的童鞋可以入门express的实战,并于实战中开创自己的架。

相关文章

网站地图xml地图