BootstrapMEAN的设置与配置

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

前言

新近尝试接触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-六拾壹位系统,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
    })

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

Express安装

Express 是2个简短、灵活的 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安装

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

相关文章