node+express+ejs+boottstrap 구축 프로젝트 상세 설명

3250 단어 nodeexpressejsbootstrap
node+express+ejs+boottstrap 은 전단 에서 자주 사용 하 는 프로젝트 구조 입 니 다.구체 적 으로 다음 과 같 습 니 다.
node-express_jb51.rar를 통 해 제 가 만 든 프로젝트 구 조 를 복제 할 수도 있 고 아래 의 방식 으로 수 동 으로 프로젝트 를 만 들 수도 있 습 니 다.
첫 번 째 설치
프로젝트 폴 더 를 새로 만 듭 니 다.이름 은 MyProject 입 니 다.
그리고 폴 더 에서 Shift 를 누 르 고 오른쪽 단 추 를 누 르 고 명령 창 을 여 는 것 을 선택 하 십시오.
열 린 창 에 npm install express 와 npm install ejs 를 입력 하여 필요 한 의존 도 를 설치 합 니 다.설치 가 끝나 면 디 렉 터 리 에 node 가 하나 더 나 옵 니 다.modules 폴 더.
두 번 째 구축 디 렉 터 리
새 routes 폴 더 는 각 페이지 의 경로 파일 을 저장 하 는 데 사 용 됩 니 다.
예 를 들 어 Demo 의 index.js 파일

exports.index = function(req,res){
 res.render("index",{title:'  '});
}
그리고 페이지 프레임 워 크 를 저장 하기 위해 static 폴 더 를 새로 만 듭 니 다.
예 를 들 어 데모 의 boottstrap 프레임 워 크
페이지 파일 을 저장 할 views 폴 더 를 만 듭 니 다.
예 를 들 어 Demo 의 index.ejs 파일

<!DOCTYPE html>
<html lang="zh-CN">
 <head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!--   3 meta  *  *     ，       *  *    ！ -->
  <title><%=title%></title>

  <!-- Bootstrap -->
  <link href="static/bootstrapcss/css/bootstrap.min.css" rel="external nofollow" rel="stylesheet">

  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
   <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
   <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
  <![endif]-->
 </head>
 <body>
  <h1>  ，  ！</h1>

  <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
  <!-- Include all compiled plugins (below), or include individual files as needed -->
  <script src="static/bootstrapcss/js/bootstrap.min.js"></script>
 </body>
</html>
마지막 으로 app.js 파일,즉 프로그램의 입구 파일 을 만 듭 니 다.

var express = require("express");
var routes = require("./routes");
var app = express();

app.set("view engine",'ejs');

app.get("/",routes.index);

app.listen(8989);
console.log("espress start");
같은 저 희 는 MyProject 디 렉 터 리 에서 명령 행 도 구 를 호출 하고 node app.js 명령 을 통 해 프로그램 을 실행 합 니 다.
이때 우 리 는 홈 페이지 에서 127.0.0.1:8989 를 입력 하여 사 이 트 를 열 수 있다.

이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
Three.js 정점 을 이용 하여 입방체 를 그 리 는 방법 에 대한 상세 한 설명
웹 개발 은 Angular 를 사용 하여 사용자 암호 강도 판별 을 실현 하 는 방법

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage