이 기사는 Feiyu의 "[Translation] 프론트 엔드 개발자를위한 시작 가이드, Node.js, Express, Jade, Mongodb 서버를 처음부터 시작하는 Geting Gueys에서 변경되었습니다. Jade가 EJS로 대체 된 이유는 EJS가 웹 프로그래머의 습관에 더 잘 맞지 않기 때문입니다.
15 분 안에 1 부 설치
처음부터 배우면 시간을내어 환경을 먼저 구축하십시오. 어렵지 않습니다. Win8을 사용하고 있으므로 Mac 및 Ubuntu 또는 기타 *NIX 시스템을 사용하는 튜토리얼과 약간 다릅니다. 그러나 거의 동일합니다.
1 단계 Node.js를 설치하십시오
공식 Node.js 웹 사이트로 이동하여 Green Big Instal 버튼을 클릭하면 시스템을 자동으로 감지하고 올바른 설치 파일을 다운로드 할 수 있습니다. (그렇지 않은 경우 다운로드 버튼을 클릭하여 필요한 다운로드를 선택하십시오). 설치 프로그램을 실행하면 괜찮습니다. Node.js 및 NPM (Node Package Manager)을 설치하여 다양한 유용한 패키지를 노드에 쉽게 설치했습니다.
2 단계 Express를 설치하십시오
이제 노드를 실행하게 했으므로 실제로 사용 가능한 사이트를 만들 수있는 다른 것이 필요합니다. 다음으로 Express를 설치해야합니다. Express는 원래 애플리케이션에서 일반적으로 사용하는 유사한 웹 서버로 노드를 전환하는 프레임 워크입니다. 우리는 그것이 제공하는 스캐 폴딩 기능이 필요하기 때문에 Express로 시작해야합니다. 이 명령을 입력합시다.
코드 사본은 다음과 같습니다.
c :/node> npm install -g Express
이러한 방식으로 Express는 노드에 올바르게 설치되어 전역으로 사용 가능한 것으로 설정되었습니다. 명령 줄 창에 많은 출력이 표시됩니다. Express를 설치하고 사용할 수 있어야합니다.
3 단계 Express Project를 만듭니다
우리는 Express와 EJS를 사용하지만 CSS 전처리에는 사용하지 않을 것입니다. 우리는 일부 CS를 손으로 썼습니다. 노드를 처리하고 데이터를 표현하기 위해 EJ 또는 기타 템플릿 엔진을 사용해야합니다. HTML을 알고 있다면 EJS는 어렵지 않습니다. 집중해야하거나 오류가 발생하기 쉬운 일이 필요하다는 것을 기억하십시오.
이제 동일한 명령 줄 창에 입력하십시오.
코드 사본은 다음과 같습니다.
C :/Node> Express 세션 Nodetest1
입력하면 다음과 같은 많은 것들이 보입니다.
코드 사본은 다음과 같습니다.
c :/node> express-sessions nodetest1
작성 : Nodetest1
생성 : nodetest1/package.json
작성 : Nodetest1/app.js
작성 : Nodetest1/Routes
작성 : Nodetest1/lours/index.js
작성 : Nodetest1/lours/user.js
작성 : Nodetest1/views
작성 : Nodetest1/views/index.ejs
작성 : Nodetest1/Public/Images
작성 : Nodetest1/Public/Javascripts
작성 : Nodetest1/Public
작성 : Nodetest1/Public/Stylesheets
작성 : Nodetest1/public/stylesheets/style.css
종속성 설치 :
$ cd nodetest1 && npm 설치
앱 실행 :
$ 노드 앱
4 단계 종속성을 편집합니다
좋아, 우리는 현재 몇 가지 기본 프로젝트 구조를 가지고 있지만 아직 완료되지 않았습니다. Express의 설치 프로세스는 Nodetest1 디렉토리에서 package.json이라는 파일을 만듭니다. 텍스트 편집기로 파일을 엽니 다. 이렇게 보일 것입니다.
코드 사본은 다음과 같습니다.
{
"이름": "Application-Name",
"버전": "0.0.1",
"개인": 사실,
"스크립트": {
"시작": "노드 app.js"
},
"의존성": {
"Express": "3.4.8",
"EJS": "*"
}
}
이것은 응용 프로그램과 그 종속성을 나타내는 표준 JSON 형식 파일입니다. 우리는 무언가를 추가해야합니다. 예를 들어, Mongodb와 Monk에 대한 호출. 종속성 부분을 변경하십시오.
코드 사본은 다음과 같습니다.
"의존성": {
"Express": "3.4.8",
"ejs": "*",
"Mongodb": "*",
"스님": "*"
}
5 단계 종속성을 설치하십시오
이제 우리는 프로젝트의 종속성을 정의했습니다. * NPM에 "최신 버전을 설치"하도록 지시합니다. 명령 줄 창으로 돌아가서 Nodetest1 디렉토리를 입력하고 다음을 입력하십시오.
코드 사본은 다음과 같습니다.
c :/node/nodetest1> npm 설치
그것은 많은 것들을 출력합니다. 수정 된 JSON 파일을 직접 읽고 의존성을 인식하고 필요한 파일을 설치하기 때문입니다. NPM 설치가 완료되면 프로젝트에 필요한 모든 종속성 파일이 포함 된 Node_Modules 디렉토리가 있어야합니다.
이제 우리는 완전한 기능을 갖춘 앱을 가지고 있으며 실행할 준비가되었습니다. 시도해 봅시다! 현재 디렉토리가 Nodetest1 디렉토리인지 확인하십시오.
코드 사본은 다음과 같습니다.
c :/node/nodetest1> 노드 app.js
차에 들어간 후에는 다음을 볼 수 있습니다.
코드 사본은 다음과 같습니다.
포트 3000에서 서버 청취를 특징으로하십시오
기이. 브라우저를 열고 http : // localhost : 3000을 입력하면 Express에서 환영 페이지를 볼 수 있어야합니다.
이제 Express Engine 및 EJS HTML 템플릿 엔진으로 고유 한 노드 JS Webserver를 실행하기 시작했습니다. 그리 어렵지 않습니까?
2 부가 여기 있습니다.“안녕하세요, 세계!”
일반적으로 사용되는 텍스트 편집기 또는 다른 IDE를 열면 개인적으로 숭고한 텍스트를 사용하고 싶습니다. Nodetest1 디렉토리에서 app.js를 열면이 파일은 앱의 핵심입니다. 당신은 다음과 같은 것을보아야합니다.
코드 사본은 다음과 같습니다.
var express = 요구 사항 ( 'Express');
var lours = require ( './ loures');
var user = require ( './ lours/user');
var http = 요구 ( 'http');
var path = 요구 ( '경로');
이것은 단지 많은 JavaScript 변수를 정의하고 일부 패키지 및 종속성, 노드 함수 및 경로를 가리 킵니다. 경로는 MVC의 모델 및 컨트롤러 모음과 동일합니다. 요청을 전달하고 일부 처리 로직도 포함되어 있습니다. Express는 우리를 위해 이러한 모든 것들을 만들었으며 이제 사용자 경로를 무시하고 최상위 경로를 작성하기 시작합니다 (lours/index.js로 제어).
위 파일의 끝에서 :
코드 사본은 다음과 같습니다.
var app = express ();
이 문장은 중요합니다. Express를 인스턴스화하고 앱 변수에 값을 할당합니다. 다음 컨텐츠는이 변수를 사용하여 많은 Express 매개 변수를 구성해야합니다. 계속 입력하십시오 :
코드 사본은 다음과 같습니다.
// 모든 환경
app.set ( 'port', process.env.port || 3000);
app.set ( 'views', path.join (__ dirname, 'views'));
app.set ( '보기 엔진', 'ejs');
app.use (express.favicon ());
app.use (Express.Logger ( 'dev'));
app.use (Express.bodyParser ());
app.use (express.methodoverride ());
app.use (app.router);
app.use (express.static (path.join (__ dirname, 'public')));
여기서 우리는 포트를 설정하고 뷰 디렉토리, 이러한 뷰를 처리하는 데 사용할 템플릿 엔진 및 기타 사항을 찾습니다. 또한 Express에게 공개/ 디렉토리의 정적 파일을 최상위 디렉토리의 파일로 호스팅하도록 지시합니다. 예를 들어, 이미지 디렉토리는 c :/node/nodetest1/public/images/에 저장되지만 실제 액세스 주소는 http : // localhost : 3000/images/입니다.
참고 :이 줄을 넣어야합니다
코드 사본은 다음과 같습니다.
app.use (Express.bodyParser ());
변경
코드 사본은 다음과 같습니다.
app.use (express.urlencoded ());
이는 일부 앱이 작동하는 동안 노드 창의 경고 정보를 무시하는 것입니다. 주로 일부 Express와 그 플러그인은 향후 수정 될 수 있습니다. 이 수정을하지 않으면 프로그램이 실행될 때 특정 함수가 곧 만료 될 것이라는 많은 경고를 받게됩니다.
그런 다음 추가 :
코드 사본은 다음과 같습니다.
// 개발 전용
if ( 'development'== app.get ( 'Env')) {
app.use (Express.errorHandler ());
}
이렇게하면 개발 중에 약간의 오류 확인을 수행 할 수 있습니다.
계속 증가 :
코드 사본은 다음과 같습니다.
app.get ( '/', rounes.index);
app.get ( '/user', user.list);
이것은 URI 요청이 도착했을 때 어떤 경로를 사용할 경로를 알려줍니다. 사용자 변수는 이전에 정의되어 /routes/user.js에 매핑됩니다. 이 파일에 정의 된 목록 함수를 호출합니다. 사용자 목록은 여기에 표시 될 수 있습니다.
계속 증가 :
코드 사본은 다음과 같습니다.
http.createserver (app) .listen (app.get ( 'port'), function () {
Console.log ( 'Port에서 Express Server 청취' + app.get ( 'port'));
});
마지막으로 HTTP 서버를 만들고 시작하십시오. 그것에 관한 것입니다.
(위의 내용은 New Express에 의해 생성 된 템플릿에서 완료되며 직접 작성할 필요가 없습니다)
이제 유용한 것을 쓰자. 우리는 "Hello World!"를 쓰지 않을 것입니다. 인덱스 페이지에서 직접. 우리는이 기회를 통해 경로 라우팅 사용법을 배우고 EJS 엔진의 작동 방식을 배우게됩니다. 위의 app.js 파일의 app.get () 단락 다음에 줄을 추가하십시오.
app.get ( '/helloworld', lours.helloworld);
명령 줄 창에서 ctrl+c를 눌러 app.js 프로세스를 종료하고 다시 시작한 다음 브라우저를 사용하여 http : // localhost : 3000/helloworld에 액세스하면 명령 줄 창에 흥미로운 노드 오류와 충돌 프롬프트가 나타납니다. 이 경로를 처리하기위한 경로를 수정하지 않았기 때문입니다. 와서 이것을하십시오. 편집자에서는 경로 디렉토리로 이동하여 index.js를 찾아서 엽니 다. 다음과 같아야합니다.
코드 사본은 다음과 같습니다.
/*
* 홈페이지에 가십시오.
*/
Exports.index = function (req, res) {
res.render ( 'index', {title : 'express'});
};
새 페이지를 추가합시다. 각 첫 번째 수준 디렉토리에 대해 독립적 인 경로 파일을 작성하는 것을 선호하지만 이제는 뷰에서 Helloworld에 대한 완전한 디렉토리 구조를 만들 계획이 아니므로 당분간 인덱스 경로를 사용합니다. 이 파일의 끝에 추가하십시오.
코드 사본은 다음과 같습니다.
Exports.helloworld = function (req, res) {
res.render ( 'Helloworld', {제목 : 'Hello, World!'});
};
이 URI 요청을 처리 할 책임이 있지만 이제는 Res.Render 렌더링을위한 실제 페이지가 없습니다. EJS가 책임이 있습니다. Views Directory, Index.ejs를 열고 HelloWorld.ejs 파일로 저장하십시오. 이제 다음과 같이 보일 것입니다.
코드 사본은 다음과 같습니다.
<! doctype html>
<html>
<헤드>
<title> < %= Title %> </title>
<link rel = '스타일 시트'href = '/Stylesheets/Style.css'/>
</head>
<body>
<h1> < %= 제목 %> </h1>
<p> < %= title %> </p>에 오신 것을 환영합니다
</body>
</html>
이해하기 쉬워야합니다.
파일을 저장하십시오. 명령 줄 창에서 Ctrl+C를 눌러 App.js를 방해 한 다음 Node App.js를 입력하여 다시 시작하십시오. 팁 : EJS 템플릿 파일을 수정하면 서버를 다시 시작할 필요가 없습니다. 그러나 app.js 또는 라우팅 JS 파일과 같은 JS 파일을 변경하면 서버를 다시 시작하여 효과를 확인해야합니다.
서버가 시작되면 서버는 http : // localhost : 3000/helloworld를 열고이 아름다운 인터페이스를 볼 수 있어야합니다.
괜찮은! 이제 우리는 템플릿을 처리 할 수있는 경로를 확보 했으므로 원하는 효과를 볼 수 있습니다. 다음으로 몇 가지 모델 (데이터 계층)을 수행하겠습니다.
파트 3 데이터베이스를 작성하고 데이터를 읽습니다
1 단계 MongoDB를 설치하십시오
먼저 텍스트 편집기를 닫고 명령 줄 창으로 돌아 갑시다. 먼저 브라우저를 사용하고 http://mongodb.org/을 열고 Mongo를 다운로드하십시오. 메인 메뉴에서 다운로드 링크를 클릭하여 자신에게 맞는 버전을 찾으십시오. 64 비트 Win8의 경우 64 비트 *2008R2+ 버전을 다운로드하십시오. 다운로드 후 ZIP 파일이며 C :/Mongo, C :/Program Files/Mongo 또는 그 모든 것에 대한 압축이 없습니다. 이것은 중요하지 않습니다. 우리는 Nodetest1 디렉토리에 데이터를 저장합니다.
2 단계 Mongod와 Mongo를 실행하십시오
Nodetest1 디렉토리에서 하위 디렉토리 데이터를 작성한 다음 명령 줄 창에 MongoDB 디렉토리의 빈 디렉토리를 입력하고 다음을 입력하십시오.
코드 사본은 다음과 같습니다.
mongod dbpath c :/node/nodetest1/data
몽고 서버가 시작되었고 첫 번째 시작은 약간의 시간이 걸린다는 것을 알 수 있습니다. 일부 하드 디스크 공간과 다른 작업을 미리 할산해야하기 때문입니다. "[initandListen] 포트 27017의 연결을 기다리고있는"을 촉구하면 완료되었습니다. 할 일이 없습니다. 서버는 이미 실행 중입니다. 이제 다른 명령 줄 창을 열고 몽고 디렉토리의 빈 디렉토리를 입력하고
코드 사본은 다음과 같습니다.
몽고
다음과 같은 몇 가지 팁이 표시됩니다.
코드 사본은 다음과 같습니다.
C :/Mongo> 몽고
MongoDB 쉘 버전 : 2.4.5
연결 : 테스트
현재 Mongod 창을 보면 연결이 연결되었다는 프롬프트가 표시됩니다. 다음 으로이 명령 줄 클라이언트를 사용하여 데이터베이스를 수동으로 처리하지만 웹 사이트에는 필요하지 않습니다.
3 단계 데이터베이스를 만듭니다
테스트에 연결하려는 위의 프롬프트에 대해 걱정하지 마십시오. 이는 Mongo가 데이터베이스를 지정하지 않을 때 채무 불이행하는 데이터베이스 일 뿐이며 레코드를 추가하지 않으면 테스트라는이 데이터베이스조차 만들지 않습니다. 우리 자신의 데이터베이스를 만들어 봅시다. 몽고의 명령 줄 창에서 다음을 입력하십시오.
코드 사본은 다음과 같습니다.
Nodetest1을 사용하십시오
데이터를 삽입하지 않으면이 데이터베이스를 생성하지 않습니다.
4 단계 데이터를 추가하십시오
MongoDB에서 제가 가장 좋아하는 특징은 JSON을 데이터 구조로 사용한다는 것입니다. JSON에 익숙하지 않은 경우 먼저이 튜토리얼의 범위를 벗어난 관련 자료를 먼저 읽으십시오.
컬렉션에 데이터를 추가합니다. 이 튜토리얼에는 간단한 데이터베이스, 사용자 이름과 이메일의 두 필드 만 있습니다. 우리의 데이터는 다음과 같습니다.
코드 사본은 다음과 같습니다.
{
"_id": 1234,
"사용자 이름": "CWBUECHELER",
"이메일": "[email protected]"
}
_id 필드의 자신만의 가치를 만들 수는 있지만 몽고가 그렇게하는 것이 더 낫다고 생각합니다. 각 레코드에 대해 고유 한 값을 만듭니다. 그것이 어떻게 작동하는지 봅시다. 몽고 창에서 다음을 입력하십시오.
코드 사본은 다음과 같습니다.
db.usercollection.insert ({ "username": "testuser1", "이메일": "[email protected]"})
중요한 팁 : DB는 위에서 만든 Nodetest1 데이터베이스이며, usercollection은 데이터 테이블과 동등한 컬렉션입니다. 이 컬렉션을 미리 만들 필요가 없으며 처음 사용하면 자동으로 작성됩니다. 좋아, Enter를 누릅니다. 모든 것이 잘되면, 당신은 볼 수 없습니다 ... 아무것도 없습니다. 이것은별로 좋지 않습니다. 입력하십시오.
코드 사본은 다음과 같습니다.
db.usercollection.find (). pretty ()
궁금한 점이 있으면 예쁜 방법은 출력 내용을 형식화하고 Newline Indentation을 추가합니다. 표시해야합니다.
코드 사본은 다음과 같습니다.
{
"_id": ObjectId ( "5202B481D2184D390CBF6ECA"),
"사용자 이름": "testuser1",
"이메일": "[email protected]"
}
물론, 당신이 얻는 대변은 달라야합니다. Mongo는 자동으로 하나를 생성합니다. 이전에 JSON 인터페이스 서비스를 사용한 적이 있다면 웹에서 전화하는 것이 매우 간단해야한다고 생각하십니까? 글쎄, 당신이 맞아요.
팁 : 공식적인 서비스로서 모든 데이터가 최상위 수준에 있기를 원하지 않아야합니다. MongoDB 데이터 구조의 설계와 관련하여 Google을 살펴보십시오.
이제 데이터가 생겼으므로 더 많은 포인트를 추가하겠습니다. 입력하다:
코드 사본은 다음과 같습니다.
NewsStuff = [{ "username": "testuser2", "email": "[email protected]"}, { "username": "testuser3", "이메일": "[email protected]"}]
db.usercollection.insert (newstuff);
하나의 데이터를 통해 여러 데이터를 한 번에 수집에 전달합니다. 얼마나 간단합니다! 그런 다음 위의 찾기 명령을 사용하면이 세 가지 데이터가 표시됩니다.
이제 이전에 구축 된 웹 서버와 데이터베이스를 통합하겠습니다.
5 단계 몽고를 노드에 연결합니다
이제 페이지를 만들고 데이터베이스의 레코드를 아름다운 테이블에 표시하겠습니다. 우리가 생성 할 준비를하는 HTML 컨텐츠는 다음과 같습니다.
코드 사본은 다음과 같습니다.
<ul>
<li> <a href = "mailto : [email protected]"> testuser1 </a> </li>
<li> <a href = "mailto : [email protected]"> testuser2 </a> </li>
<li> <a href = "mailto : [email protected]"> testuser3 </a> </li>
</ul>
나는 이것이 과학적이지 않다는 것을 알고 있지만, 당신은 그것을 이해할 수 있습니다. 우리는 단지 전체 웹 사이트가 아닌 간단한 데이터베이스 읽기 및 쓰기 프로그램을 구축하려고 노력하고 있습니다. 먼저, 우리는 mongodb를 연결할 수 있도록 app.js (프로그램의 마음과 영혼)에 약간의 콘텐츠를 추가합니다. c : /node/nodetest1/app.js를 엽니 다. 상단에서 볼 수있다.
코드 사본은 다음과 같습니다.
var express = 요구 사항 ( 'Express');
var lours = require ( './ loures');
var user = require ( './ lours/user');
var http = 요구 ( 'http');
var path = 요구 ( '경로');
아래에 추가하십시오 :
코드 사본은 다음과 같습니다.
// 새 코드
var mongo = 요구 ( 'mongodb');
var monk = 요구 ( 'monk');
var db = monk ( 'localhost : 27017/nodetest1');
이 라인은 앱에 MongoDB에 연결해야한다고 말할 것입니다. 우리는이 연결을 담당하기 위해 수도사를 사용합니다. 데이터베이스 위치는 LocalHost : 27017/Nodetest1입니다. 27017은 MongoDB의 기본 포트입니다. 어떤 이유로 포트를 수정하면 여기에서 레코드도 변경해야합니다. 이제 파일 맨 아래를보십시오.
코드 사본은 다음과 같습니다.
app.get ( '/', rounes.index);
app.get ( '/user', user.list);
app.get ( '/helloworld', lours.helloworld);
아래 줄을 추가하십시오.
코드 사본은 다음과 같습니다.
app.get ( '/userList', lours.userList (db));
이 라인은 사용자가 /userlist 경로에 액세스 할 때 DB 변수를 사용자리스트 경로로 전달해야한다고 앱에 알려줍니다. 그러나 우리는 아직 사용자리스트 경로가 없으므로 지금 하나를 만들어 봅시다.
6 단계 몽고에서 데이터를 읽고 표시합니다.
편집기를 사용하여 C : /node/nodetest1/routes/idnex.js를 열면 INDEX와 Hello World의 두 가지 경로가 있습니다. 이제 세 번째를 추가합시다.
코드 사본은 다음과 같습니다.
Exports.userList = function (db) {
return function (req, res) {
var collection = db.get ( 'usercollection');
collection.find ({}, {}, function (e, docs) {
res.render ( 'userlist', {
"사용자리스트": 문서
});
});
};
};
글쎄, 상황이 조금 복잡해집니다. 여기서는 먼저 함수를 정의하고 전달한 DB 변수를 수신 한 다음 이전 두 경로와 동일한 페이지 렌더를 호출합니다. 우리는 usercollection을 읽고 조회하고 반환 된 데이터가 문서 변수에 저장되어야한다고 말합니다. 컨텐츠를 읽으면 Render를 호출하여 사용자리스트 템플릿 페이지를 렌더링하고 얻은 문서 변수를 템플릿 엔진의 사용자리스트 변수로 전달합니다.
다음으로 EJS 템플릿을 만듭니다. views 디렉토리에서 index.ejs를 엽니 다.
코드 사본은 다음과 같습니다.
<! doctype html>
<html>
<헤드>
<title> userList </title>
<link rel = '스타일 시트'href = '/Stylesheets/Style.css'/>
</head>
<body>
<H1> userList </h1>
<ul>
<%
for (var i in userlist) {
%>
<li> <a href =”mailto : <%= userList [i] .Email%>”> <%= userList [i] .username%> </a> </li>
< %} %>
</ul>
</body>
</html>
파일을 저장하고 노드 서버를 다시 시작합니다. 다시 시작하는 방법을 기억하시기 바랍니다. 브라우저를 열고 http : // localhost : 3000/userlist를 방문하면 다음과 같은 인터페이스가 표시됩니다.
제출 버튼을 클릭하면 " /Adduser에 게시 할 수 없음"의 오류가 표시됩니다. 고치합시다.
2 단계 데이터베이스 처리 기능을 만듭니다
이전과 마찬가지로 App.js를 수정 한 다음 Route File 및 EJS 템플릿을 수정합니다. 그러나 나중에 게시하기 위해 EJS 템플릿이 필요하지 않습니다. app.get () 단락의 app.js : 다음에 줄을 추가하십시오.
코드 사본은 다음과 같습니다.
app.post ( '/adduser', lours.adduser (db));
이것은 app.get이 아닌 app.post입니다. 경로를 설정합시다. Routes/Index.js로 돌아가 데이터베이스 삽입 기능을 만듭니다. 이것은 상당히 크기 때문에 좋은 의견을 쓰는 것이 좋습니다.
코드 사본은 다음과 같습니다.
Exports.adduser = function (db) {
return function (req, res) {
// 양식 값을 얻습니다. 이것들은 "이름"속성에 의존합니다
var username = req.body.username;
var useremail = req.body.usereMail;
// 컬렉션을 설정하십시오
var collection = db.get ( 'usercollection');
// DB에 제출하십시오
collection.insert ({
"사용자 이름": 사용자 이름,
"이메일": useremail
}, function (err, doc) {
if (err) {
// 실패한 경우 오류를 반환합니다
Res.Send ( "데이터베이스에 정보를 추가하는 데 문제가있었습니다.");
}
또 다른 {
// 작동하면 주소 표시 줄이 여전히 말하지 않도록 헤더를 설정하십시오.
res.location ( "사용자리스트");
// 성공 페이지로 전달합니다
res.redirect ( "사용자리스트");
}
});
}
}
분명히 실제 프로젝트에서는 여전히 사용자 이름 및 이메일과 같은 많은 확인을 수행해야하며 전자 메일 주소는 특정 형식 규칙을 준수해야합니다. 그러나 이제 이러한 것들에 대해 신경 쓰지 마십시오. 삽입 데이터베이스가 완료되면 사용자가 새로 삽입 된 데이터를 볼 수있는 사용자리스트 페이지로 돌아갈 수 있음을 알 수 있습니다.
이것이 가장 좋은 방법입니까?
3 단계 데이터베이스에 연결하고 데이터를 작성하십시오.
Mongod가 달리고 있는지 확인하십시오! 그런 다음 노드 서버를 다시 시작하십시오. http : // localhost : 3000/browser를 사용하여 Open http : // localhost : 이제 콘텐츠를 채우고 제출 버튼을 클릭합니다. 잘 진행되면 사용자리스트 페이지로 돌아가 방금 추가 한 새 데이터를 확인해야합니다.
이제 우리는 Node.js, Exress 및 EJS를 사용하여 MongoDB 데이터베이스에 대한 읽기 및 쓰기를 공식적으로 완료했습니다. 우리는 이미 Niu X의 프로그래머입니다.
정말 축하합니다. 이 튜토리얼을 진지하게 완성하고 코드를 복사하는 것보다 학습에 대해 매우 진지한 경우, 경로,보기, 데이터 읽기 및 데이터 작성에 대한 완전한 개념이 있어야합니다. 다른 완전한 웹 사이트를 개발하는 데 사용해야 할 모든 지식은 다음과 같습니다! 당신이 어떻게 생각하든, 나는 이것이 정말로 시원하다고 생각합니다.
파트 5 다음 단계
이제 시작하면 무제한 가능성이 있습니다. MongoDB 데이터베이스를 처리하는 다른 노드 패키지 인 Mongoose를 살펴볼 수 있습니다. 스님보다 조금 더 크고 더 많은 기능이 있습니다. Express CSS 엔진 인 Stylus를 살펴볼 수도 있습니다. Google Node Express Mongo 튜토리얼을 사용하고 다음에 무엇이 있는지 확인할 수 있습니다. 열심히 공부하고 매일 개선하십시오.
나는이 튜토리얼이 도움이되기를 바랍니다. 나는 이것을 배우기 시작했을 때 정말 이런 것을 필요로했지만 실제로 그것을 찾을 수 없었기 때문에 이것을 썼습니다. 여기서 본 적이 있다면 대단히 감사합니다!