页面设计
express为session应用提供了简单的实现方式,为了方便理解,我们创建一个简单的登录系统。
首先我们来设计简单页面:
- index - 主页,用来展示登录表单
- home - 用户页,登录成功展示的页面
index.ejs:
<form action="/sign" method="post">
<fieldset>
<legend>Please sign in</legend>
<p>User: <input type="text" name="user"/></p>
<p>Pass: <input type="text" name="password"/></p>
<button>Submit</button>
</fieldset>
</form>
sign.ejs
<!doctype html>
<html>
<head>
<title>session练习项目-汇智网</title>
</head>
<body>
<!--登录成功展示的内容-->
<p>welecome <strong> <%=session.name%> </strong>, 欢迎你再次登录<a href="/out"></a></p>
</body>
</html>
- 首先创建views文件夹,并在文件夹中创建两个ejs文件分别为:index.ejs 和 sign.ejs
- 然后把上述中的代码写到文件中
- 最后保存文件。