nodejs session应用 互动版

在线工具推荐: Three.js AI纹理开发包 - YOLO合成数据生成器 - GLTF/GLB在线编辑 - 3D模型格式在线转换 - 可编程3D场景编辑器

页面设计

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>
  1. 首先创建views文件夹,并在文件夹中创建两个ejs文件分别为:index.ejs 和 sign.ejs
  2. 然后把上述中的代码写到文件中
  3. 最后保存文件。