init the project

kunkuntang · Mar 1, 2017 · 97109f5 · 97109f5
commit 97109f5
Show file tree

Hide file tree

Showing 15 changed files with 156 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,4 @@
+node_modules
+.git
+*.log
+.idea
diff --git a/main.js b/main.js
@@ -0,0 +1,52 @@
+
+var express = require('express')
+var port = process.env.PORT || 8080;
+var app = express();
+
+// var handlebars = require('express3-handlebars').create({defaultLayout: 'main'});
+
+// 添加helper方法
+var handlebars = require('express3-handlebars').create(
+	{
+		defaultLayout: 'main',
+		helpers: {
+			section: function (name, options) {
+				if(!this._sections) this._sections = {};
+				this._sections[name] = options.fn(this);
+				return null;
+			}
+		}
+	});
+
+app.engine('handlebars', handlebars.engine);
+app.set('view engine', 'handlebars');
+app.set('view cache', true);
+
+app.use(express.static(__dirname + '/public'));
+
+
+app.listen(port);
+
+console.log('imooc started on port ' + port);
+
+app.get('/', function (req, res) {
+	res.render('home')
+})
+
+app.get('/nolayout', function (req, res) {
+	res.render('noLayout', { layout: null })
+})
+
+app.get('/custom', function (req, res) {
+	res.render('customLayout', { layout: 'custom' })
+})
+
+app.get('/partialsTest', function (req, res) {
+	res.render('partialsTest')
+})
+
+app.get('/sectionTest', function (req, res) {
+	res.render('sectionTest', {
+		layout: 'sectionLayout'
+	})
+})
diff --git a/package.json b/package.json
@@ -0,0 +1,15 @@
+{
+  "name": "lingermarket_express",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "kuntang",
+  "license": "ISC",
+  "dependencies": {
+    "express": "^4.14.1",
+    "express3-handlebars": "^0.5.2"
+  }
+}
diff --git a/public/jquery-3.1.1.min.js b/public/jquery-3.1.1.min.js
diff --git a/views/about.handlebars b/views/about.handlebars
@@ -0,0 +1 @@
+<h1>about page</h1>
diff --git a/views/customLayout.handlebars b/views/customLayout.handlebars
@@ -0,0 +1,2 @@
+<span>this is custom layout page</span>
+<a href="/">back</a>
diff --git a/views/home.handlebars b/views/home.handlebars
@@ -0,0 +1,5 @@
+<h1>home page</h1>
+<a href="/nolayout">nolayout</a>
+<a href="/custom">customLayout</a>
+<a href="/partialsTest">partials test</a>
+<a href="/sectionTest">sections test</a>
diff --git a/views/layouts/custom.handlebars b/views/layouts/custom.handlebars
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<title>Document</title>
+	<style>
+		body{
+			font-size: 22px;
+			color: blue;
+		}
+	</style>
+</head>
+<body>
+	{{{body}}}
+</body>
+</html>
diff --git a/views/layouts/main.handlebars b/views/layouts/main.handlebars
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<title>Document</title>
+</head>
+<body>
+	{{{body}}}
+</body>
+</html>
diff --git a/views/layouts/sectionLayout.handlebars b/views/layouts/sectionLayout.handlebars
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<title>Document</title>
+	{{{_sections.head}}}
+</head>
+<body>
+	This is sectionLayout
+	{{{body}}}
+	<script src="/jquery-3.1.1.min.js"></script>
+	{{{_sections.jquery}}}
+</body>
+</html>
diff --git a/views/noLayout.handlebars b/views/noLayout.handlebars
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<title>Document</title>
+</head>
+<body>
+	this is no layout page
+	<a href="/">back</a>
+</body>
+</html>
diff --git a/views/partials/panel.handlebars b/views/partials/panel.handlebars
@@ -0,0 +1,5 @@
+<div class="panelCon">
+	this is partial panel inside
+
+	<a href="/">back</a>
+</div>
diff --git a/views/partialsTest.handlebars b/views/partialsTest.handlebars
@@ -0,0 +1,2 @@
+<h1>panel partials page</h1>
+{{> panel}}
diff --git a/views/sectionContent.handlebars b/views/sectionContent.handlebars
diff --git a/views/sectionTest.handlebars b/views/sectionTest.handlebars
@@ -0,0 +1,15 @@
+{{#section 'head'}}
+	<meta name="root" content="noindex">
+{{/section}}
+
+<h1>Test Page</h1>
+<p>We're testing some jQuery stuff</p>
+<a href="/">back</a>
+
+{{#section 'jquery'}}
+	<script>
+	$('document').ready(function () {
+		$('h1').html('jQuery Works');
+	});
+	</script>
+{{/section}}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		<span>this is custom layout page</span>
		<a href="/">back</a>