os

hw/2017-12-07/mail/src/app.js

@@ -0,0 +1,46 @@
+var express = require('express');
+var path = require('path');
+var favicon = require('serve-favicon');
+var logger = require('morgan');
+var cookieParser = require('cookie-parser');
+var bodyParser = require('body-parser');
+
+var index = require('./routes/index');
+//var users = require('./routes/users');
+
+var app = express();
+
+// view engine setup
+app.set('views', path.join(__dirname, 'views'));
+app.set('view engine', 'jade');
+
+// uncomment after placing your favicon in /public
+//app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
+app.use(logger('dev'));
+app.use(bodyParser.json());
+app.use(bodyParser.urlencoded({ extended: false }));
+app.use(cookieParser());
+app.use(express.static(path.join(__dirname, 'public')));
+
+app.use('/', index);
+//app.use('/users', users);
+
+// catch 404 and forward to error handler
+app.use(function(req, res, next) {
+  var err = new Error('Not Found');
+  err.status = 404;
+  next(err);
+});
+
+// error handler
+app.use(function(err, req, res, next) {
+  // set locals, only providing error in development
+  res.locals.message = err.message;
+  //res.locals.error = req.app.get('env') === 'development' ? err : {};
+
+  // render the error page
+  res.status(err.status || 500);
+  res.render('error');
+});
+
+module.exports = app;

hw/2017-12-07/mail/src/bin/www

@@ -0,0 +1,90 @@
+#!/usr/bin/env node
+
+/**
+ * Module dependencies.
+ */
+
+var app = require('../app');
+var debug = require('debug')('src:server');
+var http = require('http');
+
+/**
+ * Get port from environment and store in Express.
+ */
+
+var port = normalizePort(process.env.PORT || '3000');
+app.set('port', port);
+
+/**
+ * Create HTTP server.
+ */
+
+var server = http.createServer(app);
+
+/**
+ * Listen on provided port, on all network interfaces.
+ */
+
+server.listen(port);
+server.on('error', onError);
+server.on('listening', onListening);
+
+/**
+ * Normalize a port into a number, string, or false.
+ */
+
+function normalizePort(val) {
+  var port = parseInt(val, 10);
+
+  if (isNaN(port)) {
+    // named pipe
+    return val;
+  }
+
+  if (port >= 0) {
+    // port number
+    return port;
+  }
+
+  return false;
+}
+
+/**
+ * Event listener for HTTP server "error" event.
+ */
+
+function onError(error) {
+  if (error.syscall !== 'listen') {
+    throw error;
+  }
+
+  var bind = typeof port === 'string'
+    ? 'Pipe ' + port
+    : 'Port ' + port;
+
+  // handle specific listen errors with friendly messages
+  switch (error.code) {
+    case 'EACCES':
+      console.error(bind + ' requires elevated privileges');
+      process.exit(1);
+      break;
+    case 'EADDRINUSE':
+      console.error(bind + ' is already in use');
+      process.exit(1);
+      break;
+    default:
+      throw error;
+  }
+}
+
+/**
+ * Event listener for HTTP server "listening" event.
+ */
+
+function onListening() {
+  var addr = server.address();
+  var bind = typeof addr === 'string'
+    ? 'pipe ' + addr
+    : 'port ' + addr.port;
+  debug('Listening on ' + bind);
+}

hw/2017-12-07/mail/src/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "src",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "start": "node ./bin/www"
+  },
+  "dependencies": {
+    "body-parser": "~1.18.2",
+    "cookie-parser": "~1.4.3",
+    "debug": "~2.6.9",
+    "express": "~4.15.5",
+    "jade": "~1.11.0",
+    "morgan": "~1.9.0",
+    "serve-favicon": "~2.4.5"
+  }
+}

hw/2017-12-07/mail/src/stylesheets/style.css → hw/2017-12-07/mail/src/public/stylesheets/style.css

@@ -1,3 +1,11 @@
+body {
+  padding: 50px;
+  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
+}
+
+a {
+  color: #00B7FF;
+}
 *{
 	margin: 0;
 	padding: 0;

hw/2017-12-07/mail/src/routes/index.js

@@ -1,19 +1,12 @@
 var express = require('express');
 var router = express.Router();
-//var session = require('express-session');
-//router.get(session({ secret: 'sosos' }));
 
-//判断是否有session.user
+/* GET home page. */
 router.get('/', function (req, res) {
-  //判断session是否存在
-  //if (req.session.user) {
   res.render('main', {
     title: '主页',
     username: req.session.user
   });
-  //} else {
-  //res.render('index', { title: '欢迎' });
-  //}
 });
 
 module.exports = router;

hw/2017-12-07/mail/src/routes/mail.js

@@ -1,8 +1,8 @@
 var debug = require('debug')('xxx');
 var express = require('express');
 var router = express.Router();
-var session = require('express-session');
-router.get(session({ secret: 'sosos' }));
+//var session = require('express-session');
+//router.get(session({ secret: 'sosos' }));
 
 /* GET users listing. */
 router.get('/', function (req, res, next) {

hw/2017-12-07/mail/src/routes/users.js

@@ -0,0 +1,9 @@
+var express = require('express');
+var router = express.Router();
+
+/* GET users listing. */
+router.get('/', function(req, res, next) {
+  res.send('respond with a resource');
+});
+
+module.exports = router;

hw/2017-12-07/mail/src/views/mail/content.ejs

@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<title>
+			<%= title %>
+		</title>
+		<link rel='stylesheet' href='/stylesheets/style.css' />
+	</head>
+
+	<body>
+		<div class="main">
+			<h1>欢迎使用邮箱系统！</h1>
+			<div>
+				<span>邮件名：</span>
+				<span id="mailname"></span><br />
+				<span>发件人：</span>
+				<span id="senduser"></span>
+				<span>发送时间：</span>
+				<span id="time"></span><br />
+				<span>邮件内容：</span>
+				<p id="mainContent"></p>
+			</div>
+			<a href="/mail">返回邮件列表</a>
+		</div>
+		<script src="http://code.jquery.com/jquery-latest.js"></script>
+		<script>
+			$(function(){
+				if(window.sessionStorage.getItem('mail')){
+					var data = window.sessionStorage.getItem('mail');
+					data = JSON.parse(data);
+					console.log(data);
+					$('#mailname').html(data.title);
+					$('#senduser').html(data.sender);
+					$('#time').html(data.date);
+					$('#mainContent').html(data.content);
+					$.ajax({
+						type:'post',
+						url:'/mails/' + data.id,
+						'data':data,
+						async:false,
+						error:function(){
+							alert('服务器访问错误！');
+						},
+						success:function(data){
+							console.log(data);
+						}
+					});
+				}else{
+					alert('访问错误');
+				}
+			});
+		</script>
+	</body>
+
+</html>

hw/2017-12-07/mail/src/views/mail/list.ejs

@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html></html>
+	<head>
+		<meta charset="UTF-8">
+		<title>
+			<%= title %>
+		</title>
+		<link rel='stylesheet' href='/stylesheets/style.css' />
+		<style>
+			tbody tr:hover{
+				background: #999;
+				cursor:pointer;
+			}
+		</style>
+	</head>
+
+	<body>
+		<div class="main">
+			<h1>欢迎使用邮箱系统！</h1>
+			<div>
+				<table border="" cellspacing="" cellpadding="">
+					<thead>
+						<th>序号</th>
+						<th>标题</th>
+						<th>发件人</th>
+						<th>发送时间</th>
+						<th>邮件状态</th>
+					</thead>
+					<tbody>
+
+					</tbody>
+				</table>
+				<a href="/main">返回首页</a>
+			</div>
+		</div>
+		<script src="http://code.jquery.com/jquery-latest.js"></script>
+		<script>
+			$(function(){
+				var arr = [];
+				$.ajax({
+					type:'get',
+					url:"/mails",
+					async:false,
+					error:function(){
+						alert('服务器访问错误！');
+					},
+					success:function(data){
+						$.each(data,function(index,mail){
+							var trTamp = $('<tr></tr>');
+							trTamp.append('<td>' + (index + 1) + '</td>');
+							trTamp.append('<td>' + mail.title + '</td>');
+							trTamp.append('<td>' + mail.sender + '</td>');
+							trTamp.append('<td>' +mail.date + '</td>');
+							if(mail.state === '0'){
+								trTamp.append('<td>未读</td>');
+							}else{
+								trTamp.append('<td>已读</td>');
+							}
+							trTamp.on('click',function(){
+								var str = JSON.stringify(mail);
+								window.sessionStorage.setItem('mail',str);
+								location.href = '/mail/' + mail.id;
+							});
+							trTamp.appendTo($('tbody'));
+						});
+					}
+				})
+			});
+		</script>
+	</body>
+
+</html>