>  기사  >  웹 프론트엔드  >  Node.js는 mongoDB 데이터베이스에 연결하여 자신만의 웹 service_node.js를 빠르게 구축합니다.

Node.js는 mongoDB 데이터베이스에 연결하여 자신만의 웹 service_node.js를 빠르게 구축합니다.

WBOY
WBOY원래의
2016-05-16 15:05:051816검색

1. 앞에 쓴다

누구나 풀스택 코더가 되고 싶어합니다. 웹 프론트엔드 개발자로서 풀스택으로 가는 간단한 방법은 node.js인 것 같습니다. 얼마 전에 node.js를 배웠는데, 초보자가 자신의 웹 서비스를 빠르게 구축하고 풀 스택 여정을 시작할 수 있는 방법에 대해 이야기해 보겠습니다.

2. node.js 설치

백엔드 개발을 접해본 사람이라면 서비스를 먼저 설치해야 한다는 사실을 알 것이다. 초보자로서 공식 웹사이트 http://nodejs.org/ 를 통해 가장 간단한 시각적 설치를 선택해야 합니다(다음 단계는 완벽하며 다른 방법은 관련 작업에 익숙해지면 자연스럽게 나타납니다). dist/v0.6.1/node-v0.6.1.msi 컴퓨터에 맞는 설치 패키지를 다운로드한 후(Windows용이며 Mac에서는 감당할 수 없음) 기본적으로 부팅에 따라 설치합니다. C:Program Filesnodejs 파일 아래에 설치되며 이 디렉터리를 PATH 환경 변수에 추가합니다. 이렇게 하려면 "내 컴퓨터" - "속성" - "시스템 고급" - "고급" - "환경 변수"를 마우스 오른쪽 버튼으로 클릭하고 "변수 이름: PATH"를 선택합니다. end Filesnodejs] (자신의 설치 디렉터리에 따라 다름)". cmd를 열고 다음 명령을 직접 실행하세요.

node -v는 현재 버전 번호를 출력할 수 있습니다. npm이 노드 파일에 통합된 후 npm install XXX를 사용하여 필요한 플러그인 또는 모듈을 설치합니다.

3. 익스프레스 프레임워크 사용

한동안 작업한 끝에 마침내 npm 명령을 사용하여 초기화하고 Express 프레임워크를 설치한 다음 hello world를 작성하는 것이 기분이 좋았습니다. Express 프레임워크를 선택해야 하는 이유는 물론, 초보자가 가장 두려워하는 것은 번거롭고 실수하기 쉽다는 것입니다. 물론 express는 이를 고려하여 빠른 생성기를 제공합니다: express-generator

1. npm install express-generator -g 명령을 사용하여 전역적으로 설치합니다.

2. Express 명령을 사용하여 프로젝트 구조 생성

myapp이 프로젝트 이름인 myapp을 표현하세요.

3. cd myapp을 통해 프로젝트 파일을 입력하세요

npm install을 통해 종속 모듈 초기화

set DEBUG=myapp & npm start를 통해 웹 서버 시작

4. 브라우저에서 http://localhost:3000/ URL을 열어 애플리케이션을 확인하세요.

기본적으로 사용되는 템플릿 엔진은 jade이며, 이 템플릿은 프로젝트에 구성되어 있습니다.

4. 익스프레스 제너레이터 프로젝트를 소개합니다

1. myapp 프로젝트의 구성은 다음과 같습니다.

2. package.json 이는 모듈 관리 패키지, 프로젝트 정보 및 모듈 버전 번호라고 할 수 있습니다. 실제로 프로젝트 모듈이 초기화될 때 여기서 구성에 의해 생성되는 것을 알 수 있습니다.

3. app.js는 프로젝트의 시작 파일로, 프로젝트의 핵심이라고 할 수 있습니다. 주로 일부 공개 함수를 작성합니다.

4. bin 파일 아래에는 접미사가 없는 www 파일이 있습니다. 이는 프로젝트의 항목 파일이며 웹 서비스 포트 및 일부 모니터링 이벤트를 구성합니다.

5. node_modules는 프로젝트가 의존하는 파일 모듈이며, 나중에 자세히 설명할 데이터베이스에 연결하는 몽구스 모듈과 같이 나중에 가져온 패키지도 여기에 배치됩니다.

6. Public은 프로젝트의 정적 리소스 파일 세트이며 여기에는 그림, CSS 파일, js 파일이 배치되어 있음을 쉽게 알 수 있습니다.

7. Routes는 index.js 및 user.js 파일이 이미 기본값으로 설정되어 있는 프로젝트의 라우팅 모듈입니다. 실제로 여기에는 일반 배경 언어의 컨트롤러 내용도 포함됩니다. 물론 대규모 프로젝트에서는 분리될 수도 있습니다.

8. Views는 jade 템플릿 엔진인 프로젝트의 템플릿 파일입니다. 이 템플릿은 매우 간단하지만, 예를 들어 공간에 대한 요구 사항이 매우 엄격하다는 점도 있습니다. 공백이 하나 적으면 오류가 발생합니다. 많은 함정을 밟았지만 실제로 성능이 그다지 높지 않으므로 ejs를 사용하는 것이 좋습니다.

5. 몽고DB 설치

1. 또한 공식 홈페이지에서 msi 파일을 직접 다운로드하세요(http://www.mongodb.org/downloads)

2. 기본값이 있으면 그대로 두고 다음 단계로 진행하세요.

3. 그런 다음 노드와 동일하므로 다시 설명하지 않지만 가운데 그림을 넣으면 됩니다. 하하하...

4. 다음 단계는 mongoDB 서비스를 시작하는 것입니다

5. mongod --dbpath f:MongoDBdata 명령을 전달합니다. 여기서 f:MongoDBdata는 파일 저장 경로입니다.

6. MongoDB는 포트 27017을 수신합니다. 동시에 브라우저를 열고 http://127.0.0.1:27017을 입력하면 다음 프롬프트가 표시됩니다.

 Il semble que vous essayez d'accéder à MongoDB via HTTP sur le port du pilote natif.

7. Ensuite, ouvrez un cmd et entrez la commande mongo pour vous connecter à la base de données. L'invite suivante apparaîtra :

.

 2015-05-02T17:10:19.467+0800 I CONTROL Hotfix KB2731284 ou une mise à jour ultérieure n'est pas installée, mettra à zéro les fichiers de données version du shell MongoDB : 3.0.2 en se connectant à : test

8. De cette façon, monogDB dans l'environnement Windows est installé avec succès.

Supplément :

9. Si vous trouvez difficile d'utiliser une commande pour ouvrir le service à chaque fois, vous pouvez écrire un fichier batch, c'est-à-dire créer un nouveau fichier avec le suffixe .bat et écrire le code suivant :

start mongod --dbpath F:MongoDBdata

10. Bien sûr, vous pouvez également démarrer MongoDB en tant que service, mais je pense que ce n'est pas très utile dans le processus d'apprentissage. Si nécessaire, je me rattraperai plus tard.

11. Si vous trouvez la ligne de commande difficile à utiliser, je vous conseille un logiciel avec une interface graphique : MongoVUE, qui est similaire à navicat. Il a une version gratuite, qui a moins de fonctions, mais c'est suffisant pour l'apprentissage. processus

6. Utilisation de monogDB dans les projets de nœuds

1. Importez le module de connexion monogDB. Express introduit officiellement le module mongoskin. Voici une introduction à son installation via mangoose

.

2. Exécutez la commande npm install mongoose -save sous le projet myapp pour enregistrer l'installation dans node_modules. Vous pouvez également configurer "mongoose": "^4.4.12" dans package.json, puis commander npm install pour installer. .

3. Dans le fichier app.js

a. Importez le module mangouste :

var mangouste = require('mangouste');
b. Créer une connexion à la base de données

mongoose.connect('mongodb://localhost/myDB') //Se connecter à la base de données locale
4. Créez un nouveau schéma de dossier dans le répertoire racine du projet. Il s'agit du module d'ensemble de données. Créez un nouveau fichier users.js sous le module
.

var mongoose = require('mongoose');

//申明一个mongoons对象
var UsersSchema = new mongoose.Schema({
 name: String,
 paw: String,
 meta: { 
  createAt: {
   type: Date,
   default: Date.now()
  },
  updateAt: {
   type: Date,
   default: Date.now()
  }
 }
})

//每次执行都会调用,时间更新操作
UsersSchema.pre('save', function(next) {
 if(this.isNew) {
  this.meta.createAt = this.meta.updateAt = Date.now();
 }else {
  this.meta.updateAt = Date.now();
 }

 next();
})

//查询的静态方法
UsersSchema.statics = {
 fetch: function(cb) { //查询所有数据
  return this
   .find()
   .sort('meta.updateAt') //排序
   .exec(cb) //回调
 },
 findById: function(id, cb) { //根据id查询单条数据
  return this
   .findOne({_id: id})   
   .exec(cb)
 }
}

//暴露出去的方法
module.exports = UsersSchema 

5. Ajoutez le fichier modules dans le répertoire racine. Il s'agit du module de modèle de données. Ajoutez le fichier users.js sous le module

.
 var mongoose = require('mongoose')
 var UsersSchema = require('../schemas/users') //拿到导出的数据集模块
 var Users = mongoose.model('Users', UsersSchema) // 编译生成Movie 模型
 
 module.exports = Users

6. Ajoutez le code du contrôleur de routage au fichier users.js dans le fichier routes

var express = require('express');
var mongoose = require('mongoose');//导入mongoose模块

var Users = require('../models/users');//导入模型数据模块

var router = express.Router();

/* GET users listing. */
router.get('/', function(req, res, next) {
 res.send('respond with a resource');
});

//查询所有用户数据
router.get('/users', function(req, res, next) {
 Users.fetch(function(err, users) {
  if(err) {
   console.log(err);
  }  
  res.render('users',{title: '用户列表', users: users}) //这里也可以json的格式直接返回数据res.json({data: users});
 })
})
module.exports = router;

7. Ajoutez users.jade sous le fichier de vues

extends layout

block content
 h1= title //jade取值方式
 ul
 each user in users //jade模版的遍历方式
  li
  h4 #{user.name} 
  span #{user.paw}


8. Enfin, ouvrez l'URL dans le navigateur : http://localhost:3000/users/users pour vérifier l'effet. À ce stade, un projet allant de la base de données à l'affichage frontal est terminé.

Ce qui précède représente l’intégralité du contenu de cet article, j’espère qu’il sera utile à l’étude de chacun.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.