// 指定服务器对象监听的端口号
server.listen(3000, () => {
console.log(‘server is running…’);
});
**三、**前端代码实现
1.注册页相关代码
返回首页
去登录
<mt-field
type=“text”
label=“用户名”
placeholder=“请输入用户名”
v-model=“name”
:state=“nameState”
@blur.native.capture=“checkName”>
<mt-field
type=“password”
label=“密码”
placeholder=“请输入密码”
v-model=“pwd”
:state=“pwdState”
@blur.native.capture=“checkPwd”>
<mt-field
type=“password”
label=“确认密码”
placeholder=“再次输入密码”
v-model=“repwd”
:state=“repwdState”
@blur.native.capture=“checkrePwd”>
<mt-field
label=“邮箱”
placeholder=“请输入邮箱”
type=“email”
v-model=“email”
:state=“emailState”
@blur.native.capture=“checkEmail”>
<mt-field
label=“手机号”
placeholder=“请输入手机号”
type=“tel”
v-model=“phone”
:state=“phoneState”
@blur.native.capture=“checkPhone”>
<mt-field
label=“生日”
placeholder=“请输入生日”
type=“date”
v-model=“birthday”>
<mt-button class=“btn” type=“primary” size=“large” @click=“checkForm”>注册
2.注册页效果
3.登录页相关代码
请登录
先去注册
<mt-field
type=“text”
label=“用户名”
placeholder=“请输入用户名”
v-model=“name”
:state=“nameState”
@blur.native.capture=“checkName”>
<mt-field
type=“password”
label=“密码”
placeholder=“请输入密码”
v-model=“pwd”
:state=“pwdState”
@blur.native.capture=“checkPwd”>
<mt-button class=“btn” type=“primary” size=“large” @click=“checkForm”>登录
>