시작하자
노드가 있다고 가정합니다.js 가 설치되었지만 그렇지 않은 경우 여기에서 다운로드 할 수 있습니다.노드를 설정하여 시작할 것입니다.js 웹 서버 및 테스트. 그런 다음 이전과 비슷한 코드를 추가하여 SQL Server 데이터베이스에 연결하고 쿼리하십시오.Node 용 미니멀리스트 웹 서버 프레임 워크를 사용할 것입니다.js,익스프레스. 그것은 npm 패키지로 설치합니다.
으로 많은 것들을은 항상있다,더 배울 때 그래서 내가 당신이 입력한 명령을 확실히 더 읽기에 대한 명령과 그것은 옵션이 있습니다.
설정 얻기
- 프로젝트의 경우 디렉토리/폴더를 만듭니다.
- Visual Studio Code(VSCode)를 열고 폴더를 엽니다.
- 새 터미널 창을 열고 입력하십시오.
npm init
패키지를 만들 기본값을 허용합니다.json.
4. VSCode 에서 파일을 만들고 인덱스로 저장하십시오.js 입니다. 당신이 당신의 패키지에서 보면.json 파일,당신은 당신이 기본”메인”파일을 변경할 수있는 위치를 볼 수 있습니다.
5. 터미널 창 유형에서start npm
이 노드를 시작합니다.js 서버.
웹 서버
터미널 창 유형에서npm install express
이 웹 프레임 워크를 설치합니다.
우리는 로큰롤 준비가되었습니다!
웹 서버의 핵심은 익스프레스 패키지를 요구하고 홀더(변수 또는 const.)웹 서버에 대한 모든 참조는이 홀더를 통해 이루어질 것입니다.
우리는 웹 서버를 시작하고 HTTP 포트에서 청취하도록해야합니다,나는 5000 을 선택할 것입니다. 8080 은 일반적이며 단지 사용할 수있는 것입니다.
우리는 웹 서버가 적어도 HTTP get 메소드에 응답하기를 원할 것입니다. 이렇게하면”타이어를 걷어차 고”작동하는지 확인하는 데 사용할 수 있습니다. 여기 MDN 에 HTTP 메소드가 더 있습니다. 우리는 GET 과 POST 를 사용할 것입니다.
- get 은 리소스에서 검색하는 데 사용됩니다.
- POST 는 리소스에 제출하는 데 사용됩니다.
다음 코드를 입력하면 논의 할 것입니다.
웹 서버를 들어
- 우리는 필요합니 익스프레스 패키지를 저장하기에 참조 익스프레스 컨벤션,하지만하고 원하는 이름을 지정합니다.
- express 의 인스턴스를 초기화하여 규칙에 따라 앱에 참조를 저장하지만 원하는대로 이름을 지정하십시오.
- 11 행에서 웹 서버가 청취 할 위치에 대한 참조를 저장합니다. 포트 5000.
- 5 행에서는 앱을 사용하여 웹 서버의 http GET with out 인스턴스를 사용합니다.얻을. 이것은 기본적으로 루트 디렉토리(‘/’)에서 데이터를 얻는 것처럼 보입니다. 콜백 함수는 요청(req)및 응답(res)객체를 포함하므로 매우 중요합니다. Req 와 res 라는 이름은 규칙에 의한 것입니다.
요청 및 응답
- 요청은 브라우저의 url 에서 제공됩니다. 자세한 내용은 여기에서 찾을 수있다.
- 응답은 요청에 대한 응답입니다. 더 많은 것은 여기에서 찾아 낼 수있다.
간단히 말해서,우리의 브라우저는 요청을 할 것입고 우리는 응답을 보낼.
타이어를 걷어차십시오
- VSCode 에서 F5 를 누르십시오(디버그 메뉴에서 디버깅 시작을위한 줄임말.)귀하의 콘솔은 다음과 같이 보일 것입니다.
2. 브라우저로 이동하여 LocalHost:5000 을 입력하고 Enter 를 누르십시오. 당신은 다음을보아야합니다.
귀하의 브라우저 만든 얻을 요청하는 응답을 다시 사용하여 고해상도.보낼 수 있습니다.
노드 SQL Server 연결
(이전에 수행 한 경우 선택 사항입니다.)터미널 창에npm install mssql
이 SQL Server 드라이버를 설치합니다.
데이터베이스를 들어
이것은 정확히 동일한 시작하는 코드로는 나의 이전 문서에서는 그래서 나가지 않을 것이 그 위에 세부 사항입니다. 그러나 앱 객체에서의 위치가 중요 할 것입니다.
몇 가지를 참고는 다른 것입하기 전에,후에 우리의 초기 테스트,
- 이 PerformanceRating 우리의 직원이 발송될 것입 웹 페이지에서(니다.)
- 쿼리 결과는 응답을 사용하여 웹 페이지로 출력됩니다.
데이터베이스 연결/쿼리 예
아래 코드를 입력하십시오.
뭔가 중요한 참고로 우리는 웹 서버 및 데이터베이스 연결 및 쿼리입니다. 그러나 그들은 상호 작용하지 않습니다. 아직!
Run it with by stopping and starting the web server or refreshing
and you will see the web server is running 그리고 쿼리에서 데이터의 콘솔 출력이 있습니다. 그러나 우리는 웹 서버에서 아무것도 얻거나 웹 페이지로 아무것도 보내지 않습니다.
HTML
우리는 페이지를 제공하는 경우 사용자가를 요구할 수 있습니다. 이 페이지를 사용하면 데이터베이스 쿼리에서 사용할 수있는 매개 변수(PerformanceRating)를 보낼 수 있습니다.웹 페이지를 스타일링하는 것에 대해 걱정하지 않아도됩니다. 그것은 간단하고 요점이 될 것입니다.
우리는 또한 루트에 모든 것을 저장하고 있습니다. 모범 사례? 방법이 없습니다! 그러나 우리는 기능을 위해 가고 있습니다. 청소는 나중에 일어날 수 있습니다.
- 다음 웹 페이지를 만들고 색인 이름을 지정하십시오.html 및 직원.html.
- 색인.html 은 우리의 주요 소스 페이지가 될 것입니다.
- 직원.html 은 우리의 결과가 끝나는 곳이 될 것입니다.
Note the <form action=”/Employees…
This is where our output will go.
Add the following to Employees.html
2. This next step is going to require a couple of things. 그 중 하나는 내가 색인을 제공하도록 선택하는 방법입니다.html. 당신이 읽은 다른 소스는 라우팅에 들어갈 수 있습니다. 라우팅은 매우 중요한 영역이지만 우리의 범위를 벗어납니다. 우리의 길은 여러 가지 방법 중 하나 일뿐입니다. 새로운 추가는 우리의 코드가 될 것입니다.
- 경로—이 도움이 될 것입니다 우리 사용되는 해상도입니다.sendFile 서버의 파일을 우리가 원하는 방문자가 제공하는 우리의 사이트입니다.
- bodyParser—은 형태로 사용할 수 있는 데이터는 한 번 게시물이 수행
- sendFile—할 수 있습을 원하는 기본 페이지입니다.
다음과 같은 내용을 변경하는 코드,
실행에 의해 시작과 정지를 웹 서버 또는 상쾌합니다. 귀하의 브라우저에서 후,상쾌한 브라우저 확인해야 합
를 사용하여 HTML 양식 데이터 쿼리에서
이를 위해,우리가 필요한 앱을 추가합니다.게시합니다. 이것은 우리가 원하는 때 인덱스 무엇이든 참여합니다.에 대한 html 은 웹 페이지에서 게시됩니다.이것은 중요한 단계입니다. 우리의 데이터베이스 연결 및 쿼리는 앱 내부에 있어야합니다.포스트 콜백 함수.