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

相关文章