AngularJSMEAN的装置与配置

小说先发微信公众号:春哥府。欢迎关怀。

前言

近年尝试接触Web后端技术,看了看基于Java、Python、Nodejs的种种框架,最后摘取了MEAN架构举行学习,理由主要不外乎多少个地点:

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

本次学习历时12天,产出物是一个粗略的用户管理种类。这篇博客将会记录本人在MEAN的设置配置进程中的一些操作方法,为后来再一次上手提供部分援救。

node.js与npm安装

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

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 is the package manager for node .

本人Win8.1-61人系统,Windows的Node.js安装包安装里富含了npm。安装格局非常简单,从node.js官网下载对应版本的msi安装文件安装即可。

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
    })
    AngularJS,…
    >db.usercollection.find().pretty()

Express安装

Express 是3个简练、灵活的 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:三千将会突显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安装

AngularJS是一款开源JavaScript函式库,由谷歌维护,用来协理单一页面应用程序运行的。它的对象是透过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

相关文章