由于需要实现多个界面:用户注册、登陆、登出、管理端界面等,考虑使用Express框架,改写上一个作业的server.js。
在该目录下打开命令行
输入
npm install -g express
安装成功:
创建服务器:
var express = require('express');
var server = express();
server.use(express.static('public'));
server.get('/', function (req, res) {
});
server.listen(3000);
首先在/register路由下创建用户注册界面。
这里需要用户提交表单,服务器读取html文件的信息
res.end(fs.readFileSync("./html/register.html"));
register.html的内容如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>注册</title>
<script type="text/ecmascript" src="md5.js"></script>
<script>
function registerForm() {
var myName = document.getElementById("form-name").value;
var myPwd = document.getElementById("form-pwd").value;
myName = change_special_character(myName);
myPwd = hex_md5(myPwd);
document.getElementById("form-name").value = myName;
document.getElementById("form-pwd").value = myPwd;
document.getElementById("register-form").submit();
}
</script>
</head>
<body>
<div id="user-register">
<form id="register-form" action="/signup" method="get">
<p>用户昵称: <input id="form-name" type="text" name="name" /></p>
<p>密 码: <input id="form-pwd" type="password" name="pwd" /></p>
<button onclick="registerForm()">注册</button>
<input type="reset" value="重置" />
</form>
</div>
</body>
</html>
注意为了给密码加密,需要下载md5.js文件
下载网址:http://pajhome.org.uk/crypt/md5/
引用该script后用hex_md5()函数处理密码