commit
ee76e79fdf
@ -0,0 +1,24 @@ |
||||
# Logs |
||||
logs |
||||
*.log |
||||
npm-debug.log* |
||||
yarn-debug.log* |
||||
yarn-error.log* |
||||
pnpm-debug.log* |
||||
lerna-debug.log* |
||||
|
||||
node_modules |
||||
dist |
||||
dist-ssr |
||||
*.local |
||||
|
||||
# Editor directories and files |
||||
.vscode/* |
||||
!.vscode/extensions.json |
||||
.idea |
||||
.DS_Store |
||||
*.suo |
||||
*.ntvs* |
||||
*.njsproj |
||||
*.sln |
||||
*.sw? |
@ -0,0 +1,44 @@ |
||||
const Koa = require('koa') |
||||
const app = new Koa() |
||||
const views = require('koa-views') |
||||
const json = require('koa-json') |
||||
const onerror = require('koa-onerror') |
||||
const bodyparser = require('koa-bodyparser') |
||||
const logger = require('koa-logger') |
||||
|
||||
const index = require('./routes/index') |
||||
const users = require('./routes/users') |
||||
|
||||
// error handler
|
||||
onerror(app) |
||||
|
||||
// middlewares
|
||||
app.use(bodyparser({ |
||||
enableTypes:['json', 'form', 'text'] |
||||
})) |
||||
app.use(json()) |
||||
app.use(logger()) |
||||
app.use(require('koa-static')(__dirname + '/public')) |
||||
|
||||
app.use(views(__dirname + '/views', { |
||||
extension: 'ejs' |
||||
})) |
||||
|
||||
// logger
|
||||
app.use(async (ctx, next) => { |
||||
const start = new Date() |
||||
await next() |
||||
const ms = new Date() - start |
||||
console.log(`${ctx.method} ${ctx.url} - ${ms}ms`) |
||||
}) |
||||
|
||||
// routes
|
||||
app.use(index.routes(), index.allowedMethods()) |
||||
app.use(users.routes(), users.allowedMethods()) |
||||
|
||||
// error-handling
|
||||
app.on('error', (err, ctx) => { |
||||
console.error('server error', err, ctx) |
||||
}); |
||||
|
||||
module.exports = app |
@ -0,0 +1,90 @@ |
||||
#!/usr/bin/env node |
||||
|
||||
/** |
||||
* Module dependencies. |
||||
*/ |
||||
|
||||
var app = require('../app'); |
||||
var debug = require('debug')('demo: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.callback()); |
||||
|
||||
/** |
||||
* 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); |
||||
} |
@ -0,0 +1,27 @@ |
||||
{ |
||||
"name": "X71291", |
||||
"version": "0.1.0", |
||||
"private": true, |
||||
"scripts": { |
||||
"start": "node bin/www", |
||||
"dev": ".\\node_modules\\.bin\\nodemon bin\\www", |
||||
"prd": "pm2 start bin/www", |
||||
"test": "echo \"Error: no test specified\" && exit 1" |
||||
}, |
||||
"dependencies": { |
||||
"debug": "^4.1.1", |
||||
"ejs": "~2.3.3", |
||||
"koa": "^2.7.0", |
||||
"koa-bodyparser": "^4.2.1", |
||||
"koa-convert": "^1.2.0", |
||||
"koa-json": "^2.0.2", |
||||
"koa-logger": "^3.2.0", |
||||
"koa-onerror": "^4.1.0", |
||||
"koa-router": "^7.4.0", |
||||
"koa-static": "^5.0.0", |
||||
"koa-views": "^6.2.0" |
||||
}, |
||||
"devDependencies": { |
||||
"nodemon": "^1.19.1" |
||||
} |
||||
} |
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,151 @@ |
||||
window.onload = () => { |
||||
const body = document.body; |
||||
let username, password |
||||
|
||||
// 开局提示
|
||||
const welcomeElement = document.createElement('div'); |
||||
body.append(welcomeElement); |
||||
const welcomeText = `Welcome To XY.\nYou Are About To Enter The Top Management Interface.`; |
||||
renderText(welcomeText, welcomeElement, () => { |
||||
// 询问是否继续
|
||||
const askElement = document.createElement('div'); |
||||
body.append(askElement); |
||||
const askText = 'Can Verify Your Identity Now? (Yes / No):' |
||||
renderText(askText, askElement, () => { |
||||
// 确认输入
|
||||
const answerElement = document.createElement('div'); |
||||
body.append(answerElement); |
||||
inputText(answerElement, text => { |
||||
const answer = text.toLowerCase() |
||||
if(answer == 'y' || answer == 'yes'){ |
||||
// 用户名提示
|
||||
const userText = 'USERNAME: ' |
||||
const usernameElement = document.createElement('div'); |
||||
const userHeaderElement = document.createElement('span'); |
||||
const userBodyElement = document.createElement('span'); |
||||
body.append(usernameElement) |
||||
usernameElement.append(userHeaderElement) |
||||
usernameElement.append(userBodyElement) |
||||
renderText(userText, userHeaderElement, () => { |
||||
inputText(userBodyElement, usernameText => { |
||||
username = usernameText |
||||
// 密码提示
|
||||
const passwdText = 'PASSWORD: ' |
||||
const passwdElement = document.createElement('div'); |
||||
const passwdHeaderElement = document.createElement('span'); |
||||
const passwdBodyElement = document.createElement('span'); |
||||
body.append(passwdElement) |
||||
passwdElement.append(passwdHeaderElement) |
||||
passwdElement.append(passwdBodyElement) |
||||
renderText(passwdText, passwdHeaderElement, () => { |
||||
inputText(passwdBodyElement, passwdText => { |
||||
password = passwdText |
||||
Entry() |
||||
}, null, true) |
||||
}, 0, 0) |
||||
}, null) |
||||
}, 0, 0) |
||||
}else{ |
||||
setTimeout(() => { |
||||
window.close() |
||||
}, 3000) |
||||
console.log('Window On Close in 3000ms!') |
||||
return; |
||||
} |
||||
}, true) |
||||
}, 0, 0) |
||||
}) |
||||
} |
||||
|
||||
function renderText(text, element, callback, startWait = 2000, endWait= 1000){ |
||||
const textElement = document.createElement('span'); |
||||
const cursorElement = document.createElement('span'); |
||||
cursorElement.classList.add('welecomeTextCursor'); |
||||
cursorElement.innerHTML = ' ' |
||||
|
||||
element.append(textElement, cursorElement) |
||||
const max = text.length |
||||
let nowLetter = 1 |
||||
setTimeout(() => { |
||||
const setTextInterval = setInterval(() => { |
||||
const spanElement = document.createElement('span'); |
||||
const nowText = text[nowLetter - 1] |
||||
if(nowText == ' '){ |
||||
spanElement.innerHTML = ' ' |
||||
}else{ |
||||
spanElement.innerText = nowText |
||||
} |
||||
|
||||
spanElement.classList.add('welecomeText'); |
||||
textElement.append(spanElement) |
||||
if(nowLetter == max){ |
||||
clearInterval(setTextInterval) |
||||
setTimeout(() => { |
||||
cursorElement.remove() |
||||
callback() |
||||
}, endWait) |
||||
}else{ |
||||
nowLetter++ |
||||
} |
||||
}, 30) |
||||
}, startWait) |
||||
|
||||
} |
||||
|
||||
function inputText(element, callback, letter, passwd){ |
||||
const textElement = document.createElement('span'); |
||||
const cursorElement = document.createElement('span'); |
||||
cursorElement.classList.add('inputTextCursor'); |
||||
cursorElement.innerHTML = ' '; |
||||
|
||||
element.append(textElement, cursorElement) |
||||
|
||||
const store = { |
||||
key: '', |
||||
string: '' |
||||
} |
||||
|
||||
document.body.addEventListener('keyup', getKeyWord) |
||||
if(!letter){ |
||||
letter = 'QWERTYUIOPASDFGHJKLZXCVBNM1234567890*@#&' + 'QWERTYUIOPASDFGHJKLZXCVBNM'.toLowerCase().split('') |
||||
}else{ |
||||
letter = ['Y','y','E','e','S','s','N','n','O','o'] |
||||
} |
||||
function getKeyWord(){ |
||||
if(letter && letter.includes(event.key)){ |
||||
store.key = event.key; |
||||
store.string = store.string + event.key |
||||
} |
||||
if(event.key == 'Backspace'){ |
||||
store.string = store.string.slice(0, store.string.length - 1) |
||||
} |
||||
if(event.key == 'Enter'){ |
||||
if(store.string.length==0){ |
||||
|
||||
}else{ |
||||
cursorElement.remove() |
||||
callback(store.string) |
||||
document.body.removeEventListener('keyup', getKeyWord) |
||||
} |
||||
} |
||||
if(passwd){ |
||||
textElement.innerText = new Array(store.string.length).fill('*').join('') |
||||
}else{ |
||||
textElement.innerText = store.string |
||||
} |
||||
} |
||||
} |
||||
|
||||
|
||||
function Entry(){ |
||||
if(true){ |
||||
const entryMessageElement = document.createElement('div') |
||||
document.body.append(entryMessageElement) |
||||
renderText('About To Enter The System!', entryMessageElement, () => { |
||||
const loadingElement = document.createElement('div') |
||||
loadingElement.classList.add('loading') |
||||
document.body.append(loadingElement) |
||||
}, 0, 0) |
||||
|
||||
} |
||||
} |
@ -0,0 +1,102 @@ |
||||
html, body { |
||||
position: relative; |
||||
height: 100%; |
||||
width: 100%; |
||||
overflow: hidden; |
||||
margin: 0; |
||||
padding: 0; |
||||
font: 14px "Lucida Grande", Helvetica, Arial, sans-serif; |
||||
background: #000; |
||||
font-family: Consolas, NotoSans; |
||||
user-select: none; |
||||
} |
||||
body{ |
||||
padding: 10px; |
||||
box-sizing: border-box; |
||||
} |
||||
span{ |
||||
color: #46F372; |
||||
} |
||||
i{ |
||||
color: #46F372; |
||||
font-weight: bold; |
||||
} |
||||
.welecomeText{ |
||||
position: relative; |
||||
line-height: 1.3em; |
||||
} |
||||
.welecomeTextCursor{ |
||||
position: relative; |
||||
background: #46F372; |
||||
color: #46F372; |
||||
margin-left: 2px; |
||||
animation: show-hide-welcome 500ms infinite; |
||||
} |
||||
.inputTextCursor{ |
||||
position: relative; |
||||
margin-left: 2px; |
||||
border-bottom: 4px solid #46F372; |
||||
box-sizing: border-box; |
||||
animation: show-hide-answer 500ms infinite; |
||||
} |
||||
|
||||
@keyframes show-hide-welcome { |
||||
0% { |
||||
color: #46F372; |
||||
background: #46F372; |
||||
} |
||||
50%{ |
||||
color: #46F372; |
||||
background: #46F372; |
||||
} |
||||
100% { |
||||
color: #46F37200; |
||||
background: #46F37200; |
||||
} |
||||
70% { |
||||
color: #46F37200; |
||||
background: #46F37200; |
||||
} |
||||
} |
||||
@keyframes show-hide-answer { |
||||
0% { |
||||
border-bottom: 4px solid #46F372; |
||||
} |
||||
50%{ |
||||
border-bottom: 4px solid #46F372; |
||||
} |
||||
100% { |
||||
border-bottom: 4px solid #46F37200; |
||||
} |
||||
70% { |
||||
border-bottom: 4px solid #46F37200; |
||||
} |
||||
} |
||||
|
||||
.loading{ |
||||
position: absolute; |
||||
bottom: 1px; |
||||
left: 0; |
||||
height: 5px; |
||||
width: 100px; |
||||
background: #46F372; |
||||
animation: loadingSS 1400ms forwards linear; |
||||
z-index: 1000; |
||||
} |
||||
|
||||
@keyframes loadingSS { |
||||
from{ |
||||
width: 0; |
||||
} |
||||
to{ |
||||
width: 100%; |
||||
} |
||||
} |
||||
|
||||
.inputHide{ |
||||
position: absolute; |
||||
height: 0; |
||||
width: 0; |
||||
top:0; |
||||
left: 0; |
||||
} |
@ -0,0 +1,19 @@ |
||||
const router = require('koa-router')() |
||||
|
||||
router.get('/', async (ctx, next) => { |
||||
await ctx.render('index', { |
||||
title: 'X71291' |
||||
}) |
||||
}) |
||||
|
||||
router.get('/string', async (ctx, next) => { |
||||
ctx.body = 'koa2 string' |
||||
}) |
||||
|
||||
router.get('/json', async (ctx, next) => { |
||||
ctx.body = { |
||||
title: 'koa2 json' |
||||
} |
||||
}) |
||||
|
||||
module.exports = router |
@ -0,0 +1,13 @@ |
||||
const router = require('koa-router')() |
||||
|
||||
router.prefix('/users') |
||||
|
||||
router.get('/', function (ctx, next) { |
||||
ctx.body = 'this is a users response!' |
||||
}) |
||||
|
||||
router.get('/bar', function (ctx, next) { |
||||
ctx.body = 'this is a users/bar response' |
||||
}) |
||||
|
||||
module.exports = router |
@ -0,0 +1,3 @@ |
||||
<h1><%= message %></h1> |
||||
<h2><%= error.status %></h2> |
||||
<pre><%= error.stack %></pre> |
@ -0,0 +1,13 @@ |
||||
<!doctype html> |
||||
<html lang="zh"> |
||||
<head> |
||||
<meta charset="UTF-8"> |
||||
<meta name="viewport" |
||||
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> |
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge"> |
||||
<link rel="stylesheet" href="/stylesheets/style.css"> |
||||
<title><%= title %></title> |
||||
<script src="/javascripts/index.js"></script> |
||||
</head> |
||||
<body></body> |
||||
</html> |
Loading…
Reference in new issue