MEAN的装置与布局

章首发微信公众号:春哥府。欢迎关注。

前言

近来尝试接触Web后端平技术,看了看基于Java、Python、Nodejs的各种框架,最终摘取了MEAN架构进行学习,理由主要概括三单方面:

  1. 轻量级,入门门槛低。
  2. 框架成熟,可参考资料多。
  3. 得同样并就学Angular和Mongodb。

此次上历时12龙,产出物是一个略的用户管理网。这篇博客将见面记录自己在MEAN的设置配备过程中之片操作方法,为事后重新上手提供一些支撑。

node.js与npm安装

先是引述官网的语来介绍一下node.js与npm。

  • node.js:

Node.js® is a platform built on Chrome’s JavaScript runtime for easily
building fast, scalable network applications. Node.js uses an
event-driven, non-blocking I/O model that makes it lightweight and
efficient, perfect for data-intensive real-time applications that run
across distributed devices.

  • npm:

npm is the package manager for node .

自身Win8.1-64各项系统,Windows的Node.js安装包安装里富含了npm。安装方式非常简单,从node.js官网下载对许版本的msi安装文件安装即可。

MongoDB安装

  • MongoDB

MongoDB是一样种植文件导向数据库管理体系,由C++撰写而变成,以这来缓解应用程序开发社区被的大气具体问题。——维基百科

装方式:

  1. 官网下载安装包进行设置。

  2. 用MongoDB/bin文件夹上加到系统PATH环境变量。

  3. 装目录下新建mongo.config配置文件,配置data和log目录。
    ##store data here
    dbpath=D:\mongodb\data
    ##all output go here
    logpath=D:\mongodb\log\mongo.log
    ##log read and write operations
    diaglog=3

  4. 启动MongoDB。
    预配置:
    >mongod –config D:\mongodb\mongo.config

    >mongo
    MongoDB shell version: 2.6.6
    connecting to: test

  5. 累加至Windows本地服务,这样就算好随机器开机启动了。
    > mongod –config D:\mongodb\mongo.config –install

  6. 简的测试操作。以下代码执行了创办(转换)数据库,添加数码,查找并显示数据的操作。
    >mongo
    MongoDB shell version: 2.6.6
    connecting to: test
    >use usercollection
    swiched to db usercollection
    >db.usercollection.insert({
    “username”:“testuser1″,“email”:“testuser1@testdomain.com”
    })

    >db.usercollection.find().pretty()

Express安装

  • Express

Express 是一个简、灵活的 node.js Web 应用开发框架,
它提供相同层层有力的特性,帮助您创造各种 Web 和活动设备使用。

网上关于Express安装的博客很多,但方不尽相同。主要差距原因在于Express版本的变化。文章主要参考Express官网指南进行设置,Express版本4.x。

设置方式:

  1. 利用生成器生成。
    $ npm install -g express-generator

  2. 编写依赖项。
    因项目需要修改package.json文件,在dependencies中上加MongoDB和Monk的仗:
    “mongodb”: “*”,
    “monk”: “*”

  3. 安装。
    $ npm install

  4. 测试。成功后打开localhost:3000将会晤显示Express主页。
    $ npm start

  5. 使用monk连接MongoDB。
    在app.js中补充加以下代码
    var mongo = require(‘mongodb’);
    var monk = require(‘monk’);
    var db = monk(‘localhost:27017/yourdbname’);

    app.use(function(req,res,next){
    req.db = db;
    res.locals.user = req.session.user;
    next();
    });

  6. 后端调用数据库方法
    var db = req.db;
    var collection = db.get(‘usercollection’);
    //查询
    collection.find({email:req.body.email,password:req.body.password},{},function(e,docs){});
    //插入
    collection.insert(req.body,function(err,doc){});
    //更新
    collection.update({email:req.body.olduser.email},req.body.newuser,{safe:true},function(e,docs){});
    //删除
    collection.remove({email:req.body.email},{safe:true},function(e,docs){});

动monk操作MongoDB的道在网上并从未翻动到有关文档,也许是自家搜寻的措施不针对。另一样种植方式是采取mongoose操作,资料比咸。

Angular安装

  • Angular

AngularJS是一样舒缓开源JavaScript函式库,由Google维护,用来协助单一页面应用程序运行的。它的靶子是透过MVC模式(MVC)功能增强基于浏览器的用,使开发及测试变得进一步便于。——维基百科

官网及百科上对Angular的说还是的深深难掌握,但估计大部分小白先是浅接触Angular只是给大牛告诉Angular出色的双向数据绑定的功能。快速了解Angular可以参见文末文章《怎样快速的学AngularJS》。

Angular和Bootstrap不算是设置了,在前端添加依赖就可(也可就此npm、bower类似的家伙进行部署和管理)。js和css包可以于官网下载。

Express安装完成后,在目中添加App文件夹存放前端文件,修改默认启动入口,删除Express中无欲的文本及公事夹。

Ending

MEAN架构的优势主要在前段后端的总体,被称之为前端工程师的佛法。在上之长河遭到也触发到不少种类非常成道要:

  1. mean.io
  2. 基于Yeoman生成器,如generator-meanstack

匪多作为初学者,而且目标体系也格外简单好小,因此尚未同从头就是上手这种方法。以后产生时机可品味。

说到底的末段,感谢一下给予帮助的博客文章等:

  1. 咦是MEAN全堆栈javascript开发框架
  2. IBM文档库:精通MEAN系列(推荐)
  3. 从零开始搭建Node.js, Express, Ejs,
    Mongodb服务器
  4. Node+Express+Mongodb+monk简易入门教程
  5. How To Install MongoDB On
    Windows
  6. 从零开始NodeJs系列文章(推荐)
  7. 使用express4.x版和Jade模板重写《nodejs开发指南》微博实例
  8. Angular学习笔记
  9. 怎么样快速入门AngularJS