1. 앞에 쓰십시오
모두가 풀 스택 코더가되기를 원합니다. 프론트 엔드 웹 개발자로서, 단순한 도로에서 풀 스택으로가는 길은 node.js로 보입니다. 나는 어느 정도 전에 Node.js를 배웠습니다. 초보자가 자신의 웹 서비스를 빠르게 구축하고 풀 스택으로가는 길을 시작하는 방법에 대해 이야기했습니다.
2. Node.js를 설치하십시오
백엔드 개발에 노출 된 사람은 누구나 가장 먼저해야 할 일은 서비스를 설치하는 것입니다. 초보자로서, 가장 간단한 시각적 설치를 선택해야합니다 (바보의 다음 단계, 다른 방법 등은 관련 작업에 익숙한 후 자연스럽게 알고 있습니다). 컴퓨터 적응 형 설치 패키지를 다운로드 한 다음 부팅에 따라 설치 한 다음 설치하십시오. C :/Program Files/Nodejs 파일에 기본적으로 설치 되며이 디렉토리를 PATH Environment 변수에 추가합니다. 특정 관행의 경우 "내 컴퓨터"-"속성"-"시스템 고급"-"고급"-"환경 변수"-"변수 이름 : PATH"를 선택하십시오. "변수의 값을 변경하십시오 : 설치 디렉토리에 따라 끝에 [c :/program files/nodejs]를 추가하십시오." CMD를 열고 명령을 직접 실행하십시오.
노드 -V는 현재 버전 번호를 출력 할 수 있습니다. NPM은 노드 파일에 통합 된 다음 NPM을 사용하여 XXX를 사용하여 필요한 플러그인 또는 모듈을 설치하십시오.
3. Express Framework를 사용하십시오
한동안 열심히 작업 한 후 마침내 NPM 명령을 사용하여 초기화하고 Express Framework를 설치 한 다음 Hello World를 작성하여 즐기십시오. Express 프레임 워크를 선택하는 이유는 무엇입니까? 물론 특별한 기능이 있습니다. 초보자가 가장 두려워하는 것은 그들이 번거롭고 실수를하기 쉽다는 것입니다. Express는 확실히 우리를 위해 그것을 고려하여 빠른 발전기를 제공했습니다 : Express-Generator
1. Global Via Command에 설치 : NPM Express -Generator 설치 -G
2. Express 명령을 사용하여 프로젝트 구조를 생성합니다.
MyApp이 귀하의 프로젝트 이름 인 경우 MyApp을 표현하십시오
3. CD MyApp을 통해 프로젝트 파일을 입력하십시오
NPM 설치를 통해 종속성 모듈을 초기화하십시오
Debug = myApp & npm start를 설정하여 웹 서버 시작
4. 브라우저에서 http : // localhost : 3000/url을 열면이 응용 프로그램을 볼 수 있습니다.
기본적으로 사용 된 템플릿 엔진은 Jade 이며이 템플릿은 프로젝트에서 구성되었습니다.
4. Express Generator의 프로젝트 소개
1. MyApp 프로젝트의 조직은 다음과 같습니다.
2. package.json은 모듈 관리 패키지, 프로젝트 정보 및 모듈 버전 번호라고 할 수 있습니다. 실제로 프로젝트 모듈이 초기화되면 여기에서 구성에 의해 생성됩니다.
3. App.js는 프로젝트 시작 파일로 프로젝트의 핵심이라고 할 수 있습니다. 주로 공개 기능을 작성하십시오.
4. 빈 파일 아래에 접미사가없는 WWW 파일이 있습니다. 웹 서비스 포트 및 일부 청취 이벤트를 구성하는 프로젝트의 입력 파일입니다.
5. node_modules는 프로젝트에 의존하는 파일 모듈입니다. 수입 패키지는 데이터베이스에 연결하는 몽구스 모듈과 같이 나중에 배치되며 나중에 자세히 설명합니다.
6. Public은 프로젝트의 정적 리소스 파일 세트입니다. 그림, CSS 파일 및 JS 파일이 모두 여기에 배치되어 있음을 쉽게 알 수 있습니다.
7. 경로는 프로젝트의 라우팅 모듈이며, 여기서 index.js 및 user.js 파일이 기본값을받은 프로젝트입니다. 여기에는 실제로 일반적인 배경 언어의 컨트롤러 컨텐츠가 포함되며 물론 대규모 프로젝트에서 분리 될 수 있습니다.
8. Views는 프로젝트의 템플릿 파일이며 Jade 템플릿 엔진입니다. 이 템플릿은 매우 간결하지만 많은 함정이 있습니다. 예를 들어, 공간의 요구 사항은 매우 엄격합니다. 공간이 하나 더 적을수록 오류 가보고됩니다. 나는 많은 함정을 밟았지만 실제로는 성능이 높지 않으므로 EJ를 사용하는 것이 좋습니다.
5. MongoDB를 설치하십시오
1. 또한 공식 웹 사이트에서 직접 MSI 파일을 다운로드하십시오 (http://www.mongodb.org/downloads )
2. 다음 단계는 설치하는 것입니다. 기본값이 있으면 기본값을 표시하십시오. 선택이 있다면 모두를 선택하십시오.
3. 그런 다음 노드와 마찬가지로 환경 변수를 더 이상 설명하지 않지만 사진에 넣을 수 있습니다. Hahaha ...
4. 다음은 MongoDB 서비스를 시작하는 것입니다
5. 명령을 전달하십시오 : mongod -dbpath f :/mongodb/data, 여기서 f :/mongodb/data는 파일 스토리지 경로입니다. 다음 정보를보고 성공했다고 설명했습니다.
6. MongoDB는 포트 27017에 리스처를 듣습니다. 동시에 브라우저를 열고 http://127.0.0.1:27017을 입력 할 때 다음과 같은 프롬프트가 표시됩니다.
기본 드라이버 포트에서 HTTP를 통해 MongoDB에 액세스하려고하는 것 같습니다.
7. 그런 다음 CMD를 열고 몽고 명령을 입력하여 데이터베이스를 연결하십시오. 다음 프롬프트가 나타납니다.
2015-05-02T17 : 10 : 19.467+0800 I 컨트롤 HOTFIX KB2731284 이상 업데이트가 설치되지 않으면 제로 아웃 데이터 파일 MONGODB SHELL 버전 : 3.0.2 연결 : 테스트 테스트
8. 이런 식으로 MONOGDB는 Windows 환경에 성공적으로 설치됩니다.
다시 채우다:
9. 매번 명령으로 서비스를 열는 것이 번거롭다 고 생각되면 배치 파일로 작성할 수 있습니다. 즉, wiffix.bat로 새 파일을 작성하고 다음 코드를 작성하는 것을 의미합니다.
mongod -dbpath f :/mongodb/data를 시작하십시오
물론, 당신은 또한 서비스 방식으로 MongoDB를 시작할 수 있지만, 나는 그것이 학습 과정에서 그다지 유용하지 않다고 생각합니다. 친구들은 직접 시도 할 수 있습니다. 필요하다면 나중에 보충하겠습니다.
11. 명령 줄을 사용하기 쉽다고 생각되면 그래픽 인터페이스 인 Mongovue가있는 소프트웨어를 권장합니다. 무료 버전이 있으므로 기능이 적지 만 학습 과정에서 충분합니다.
6. 노드 프로젝트에서 monogdb를 사용하십시오
1. monogDB 연결 모듈을 가져옵니다. Express는 공식적으로 Mongoskin 모듈을 소개합니다. 나는 이것에 대해 이야기하지 않을 것입니다. 여기서 우리는 Mongoose를 통해 설치를 소개합니다
2. MyApp 프로젝트에 NPM 설치 -Mongoose -Save 설치를 실행하여 Node_Modules에 저장하십시오. Package.json에서 "Mongoose": "^4.4.12"를 구성한 다음 NPM 설치를 명령하여 설치할 수도 있습니다.
3. app.js 파일에서
에이. 몽구스 모듈 가져 오기 :
var mongoose = 요구 ( 'mongoose');
비. 데이터베이스 연결을 만듭니다
mongoose.connect ( 'mongodb : // localhost/mydb') // 로컬 데이터베이스를 연결합니다
4. 프로젝트 루트 디렉토리에서 새 폴더 스키마를 만듭니다. 이것은 데이터 세트 모듈입니다. 모듈 아래에서 새 사용자.js 파일을 만듭니다.
var mongoose = required ( 'mongoose'); // 몽환 대상 var userschema = new mongoose.schema ({name : string : string : paw : string, meta : {createeat : {type : date, default : date.now (), updateat : {type : date : dateak. 시간 업데이트 작동 사용자 schema.pre ( 'save', function (next) {if (this.isnew) {this.isnew) {this.meta.createat = this.meta.updateat = date.now ();} else {this.meta.updateat = date.now ();} next ();}) // statatic methodsschema.static = {fetch : fetch : {fetch : intatic methodsschema. // 모든 데이터를 쿼리하는 모든 데이터를 반환합니다 .find () .sort ( 'meta.updateat') //sorting.exec(cb) // callback}, findByid : function (id, cb) {// query id this .findone (_ id : id}).} // expoded module module module module5. 모듈 파일을 루트 디렉토리에 추가하십시오. 이것은 데이터 모델 모듈입니다. 모듈 아래에서 users.js 파일을 추가하십시오.
var mongoose = require ( 'mongoose') var userschema = require ( '../ schemas/user') // 내보낸 데이터 세트 모듈 가져 오기 var users = mongoose.model ( 'users', usersschema) // 영화 모델 모듈을 수집하고 생성합니다.
6. Routes File의 Routing Controller Code 추가 users.js 파일 추가
var express = require ( 'express'); var mongoose = require ( 'mongoose'); // mongoose module var users = require ( '../ models/users'); // 가져 오기 모델 데이터 모듈 var router = express.router ();/* 사용자 목록을 얻습니다. */router.get ( '/', function (req, res, next) {res.send ( '자원으로 응답');}); // 모든 사용자 data router.get ( '/user', function (req, res, next) {users.fetch (function (err, user) {err {console.log (err); 사용자 : user}) // 여기서는 JSON 형식 res.json ({data : user})})});7. views 파일에 used.jade를 추가하십시오
LayoutBlock 컨텐츠 확장 h1 = title // jade value method ul ul us user in user // jade template traversal method li h4 #{user.name} span #{user.paw}8. 마지막으로 URL을 엽니 다 : http : // localhost : 3000/사용자/사용자/사용자는 효과를보십시오. 여기서 데이터베이스에서 프론트 엔드까지의 프로젝트가 완료됩니다.
위의 내용은이 기사에 관한 모든 것입니다. 모든 사람의 학습에 도움이되기를 바랍니다.