[ADD] website init

eedab674 · james · bff7624c · eedab674 · eedab674 · eedab674
Commit eedab674 authored May 25, 2022 by james
8 changed files
--- a/README.md
+++ b/README.md
 # nodejs_tutorial

 Nodejs教學分享
+
+npm install epxress
+npm install ejs
--- a/index.js
+++ b/index.js
-console.log('Hello World');
\ No newline at end of file
+var express = require('express');
+var app = express();
+
+// set the view engine to ejs
+app.set('view engine', 'ejs');
+
+// use res.render to load up an ejs view file
+
+// index page
+app.get('/', function(req, res) {
+  res.render('pages/index');
+});
+
+// about page
+app.get('/about', function(req, res) {
+  res.render('pages/about');
+});
+
+app.listen(8080);
+console.log('Server is listening on port 8080');
\ No newline at end of file
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -12,5 +12,9 @@
  },
  "keywords": [],
  "author": "",
-  "license": "ISC"
+  "license": "ISC",
+  "dependencies": {
+    "ejs": "^3.1.8",
+    "express": "^4.18.1"
+  }
 }
--- a/views/pages/index.ejs
+++ b/views/pages/index.ejs
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <%- include('../partials/head'); %>
+</head>
+<body class="container">
+
+<header>
+  <%- include('../partials/header'); %>
+</header>
+
+<main>
+  <div class="jumbotron">
+    <h1>Hello World!</h1>
+    <p>Welcome to templating using EJS</p>
+  </div>
+</main>
+
+<footer>
+  <%- include('../partials/footer'); %>
+</footer>
+
+</body>
+</html>
\ No newline at end of file
--- a/views/partials/footer.ejs
+++ b/views/partials/footer.ejs
+<p class="text-center text-muted">&copy; Copyright 2022 Purplevine IP</p>
\ No newline at end of file
--- a/views/partials/head.ejs
+++ b/views/partials/head.ejs
+<meta charset="UTF-8">
+<title>EJS Is Fun</title>
+
+<!-- CSS (load bootstrap from a CDN) -->
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.min.css">
+<style>
+  body { padding-top:50px; }
+</style>
\ No newline at end of file
--- a/views/partials/header.ejs
+++ b/views/partials/header.ejs
+<nav class="navbar navbar-expand-lg navbar-light bg-light">
+    <a class="navbar-brand" href="/">EJS Is Fun</a>
+    <ul class="navbar-nav mr-auto">
+      <li class="nav-item">
+        <a class="nav-link" href="/">Home</a>
+      </li>
+      <li class="nav-item">
+        <a class="nav-link" href="/about">About</a>
+      </li>
+    </ul>
+  </nav>
\ No newline at end of file