O2O--E家政服务 互动版

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

用户登录与注册

在讲用户登录与注册时,要首先建立一个views的目录,在目录中创建三个文件分别为:login.htmllist.htmlshops.html

用户登录与注册页面(login.html)主要实现当用户点击用户注册时,跳转到相应页面去处理;当用户输入正确的用户名、密码与类型时,点击登录,跳转到用户页面。在这里我们只介绍登录,同学们自己去实现用户注册。我们将通过一个submit按钮来实现数据的提交。

用户登录部分代码如下:

<form action="/login" method="post" >
<div style="margin:auto">
<table border="1" align="center" >
    <tr><td><label>用 户 名:</label></td><td>
        <input id="userName" name="name"></td>
    </tr>
        <tr><td><label>密  码:</label></td><td><input  name="pwd" id="pwd"></td></tr>
        <tr><td><label>用户类型:</label></td>
             <td align="center">
                <select id="userType" name="role">
                 <option value="1">商家用户</option>
                 <option value="2">个人用户</option>
                </select>
            </td>
        </tr>
        <tr>
            <td align="center"><input type="submit" value="登录" ></td><td align="center"><button>取消</button></td>
        </tr>
    <tr><td align="center"><a href="">用户注册</a></td><td align="center"><a  href="">商家注册</a></td></tr>
</table>
</div>
</form>

完成后的效果图如下: