dejs curd-express 단계 1-5
6999 단어 nodejs
1. 템플릿 처리
bootstrap 템플릿
2. 오픈 정적 리소스 구성
npm init -y
npm i -S express
정적 자원:
public:css/image/js
3. 템플릿 엔진 구성
express에서art-template 템플릿 엔진 사용하기 설정
설치:
npm install --save art-template
npm install --save express-art-template
구성:
//
app.engine('html',require('express-art-template'))
app.engine('art',require('express-art-template'))
사용:
app.get('/',function(req,res){
//express views index.html
res.render('index.html',{
title: 'hello world'
})
})
기본views 디렉터리 수정
app.set('views',render )
4. 간단한 라우팅
4.1/students 정적 페이지 렌더링
public/css/main.css
4.2express에서 폼get 요청 매개 변수 가져오기
express에 API가 내장되어 있으며, 직접 Req를 통과할 수 있습니다.query에서 가져오기
req.query
4.3 express에서 폼post 요청체 데이터 가져오기
body-parse
설치:
npm install --save body-parse
구성:
var express = require('express')
var bodyParser = require('body-parser')
var app = express()
// parse application/x-www-form-urlencoded
app.use(bodyParser.urlencoded({ extended: false }))
// parse application/json
app.use(bodyParser.json())
app.use(function(req,res){
res.setHeader('Content-Type','text/plain')
res.write('you posted:
')
res.end(JSON.stringify(req.body,null,2))
})
5. 라우팅 설계
요청 방법
요청 경로
get 매개 변수
post 매개 변수
비고
GET
/studens
첫 페이지 렌더링
GET
/students/new
학생 추가 페이지 렌더링
POST
/studens/new
name、age、gender、hobbies
학생 추가 요청 처리
GET
/students/edit
id
편집 페이지 렌더링
POST
/studens/edit
id、name、age、gender、hobbies
편집 요청 처리
GET
/students/delete
id
삭제 요청 처리
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Node.js를 AWS서버에서 사용하는 실습간단한 예제와 함께 AWS에서 Node.js를사용하는 법을 배워보도록 하겠다. 해당 github에 있는 레포지토리로 사용을 할 것이다. 3000번 포트로 Listen되는 예제이고 간단히 GET, POST, DELET...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.