BootstrapMEAN的安及配置

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

前言

前不久尝试接触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

相关文章