注册登陆页面HTML代码该怎么写？_随笔

以下为个人原创教学例子，任何人引用需注明出自百度知道用户am7972,楼主可供参考

该例子涵盖了文本框、密码框、下拉菜单、单选框、复选框及文本区的使用

同时在数据的使用方面涵盖了文本型、数值型、日期型、布尔型的使用

也涵盖了在会员信息入数据库前，进行严格的数据检查

不足处，JS验证还不是太完善，不过有服务端认证足够了

<!--function CheckForm()

{

if(document.userinfo.username.value == "")

{ alert("请输入姓名,姓名不能为空！")

document.userinfo.username.focus()

return false

}

if(document.userinfo.username.value.length >10)

{

alert("输入的姓名长度最多为10个字符！")

document.userinfo.username.focus()

return false

}

//--></script>

</head>

<body>

</td></tr>

</tr>

</form>

</table>

====bb.asp的会员注册非法数据监测====

username = Request("username")

userPassword = Request("userPassword")

Sex = Request("Sex")

userSR = Request("userSR")

userNL = Request("userNL")

ah = Request("ah")

swfs = Request("swfs")

userGrjs = Request("userGrjs")

'判断数据合法性，绝对不能让非法数据进入系统

'判断姓名username合不合法，是否包含非法数据

username = Trim(username) '例如：" 张三 "经过处理之后变成"张三"

If username ="" Then

Response.write "姓名不能为空"

Response.End

End If

If Len(username)>10 Then

Response.write "姓名字数不能超过10个字" 'Len("Z")=1 Len("国")=2

Response.End

End If

For i = 1 To Len(username)

q = Mid(username,i,1)

If InStr("!@#$%^&*()_-+|<>?/"",.",q)>0 Then

Response.write "姓名不能包含特殊符号!@#$%^&*()_-+|<>?/"",."

Response.End

End If

'判断密码合不合法，是否包含非法数据userPassword = Trim(userPassword)If userPassword ="" Then Response.write "密码不能为空" Response.EndEnd If

If Len(userPassword)>20 Then

Response.write "密码字数不能超过20个字"

Response.End

End If

'判断密码合不合法，是否包含非法数据

Sex = Trim(Sex)

If Sex = "" Then

Response.write "性别不能为空"

Response.End

End If

If Sex <>"True" And Sex <>"False" Then

Response.write "性别不能为不男不女"

Response.End

End If

'判断生日合不合法，是否包含非法数据

userSR = Trim(userSR)

If userSR ="" Then

Response.write "生日不能为空"

Response.End

End If

If Len(userSR)<8 Or Len(userSR)>10 Then '例如：2012-6-3 2012-11-23

Response.write "你输入的生日字数不对，应为2012-6-3或2012-11-23格式"

Response.End

End If

If IsDate(userSR)=False Then

Response.write "你输入的生日格式不能转化为日期，请核实"

Response.End

End If

If DateDiff("yyyy",userSR,Date())<1 Or DateDiff("yyyy",userSR,Date())>200 Then

Response.write "根据你输入的生日你可能小于1岁或已经超过200岁了，请核查重新输入"

Response.End

End If

'判断年龄合不合法，是否包含非法数据userNL = Trim(userNL)If userNL ="" Then

Response.write "年龄不能为空"

Response.End

End If

If IsNumeric(userNL)=False Then

Response.write "你输入的年龄不能转化为数值，请核查"

Response.End

End If

userNL = CInt(userNL)

If userNL<0 Or userNL>200 Then

Response.write "你输入的年龄不能小于0岁或者大于200岁，请核查"

Response.End

End If

'判断爱好合不合法，是否包含非法数据ah = Trim(ah) '选择多个爱好则系统会用，分开 //测试

ah = Replace(ah," ","")

arrAh = Split(ah,",")

For i = LBound(arrAh) To UBound(arrAh)

If arrAh(i)<>"sw" And arrAh(i)<>"ds" And arrAh(i)<>"ty" Then

Response.write i &"你选择的爱好有问题，请核查" &arrAh(i)

Response.End

End If

'判断上网方式合不合法，是否包含非法数据swfs = Trim(swfs)If swfs = "" Then

Response.write "上网方式不能为空"

Response.End

End If

If swfs<>"bhsw" And swfs<>"wxsw" And swfs<>"gxsw" Then

Response.write "你选择的上网方式有问题，请核查"

Response.End

End If

'判断个人简介是否为空，是否超出1000个字

userGrjs = Trim(userGrjs)

If userGrjs = "" Then

Response.write "个人简介不能为空"

Response.End

End If

If Len(userGrjs) >1000 Then

Response.write "个人简介不能超过1000个字"

Response.End

End If

Response.write "数据合法性检测通过"

====登陆的HTML代码可相信楼主参照会员注册代码应该没问题了====

上一节我们已经创建了一个用户应用，并创建了用户模型，那么我们这节就开始实现一个简单的用户登录注册功能！

登录注册功能Flask有一个非常优秀的扩展Flask-login，我们可以选择使用这个扩展来实现，但为了学习我们暂时不使用这个第三方扩展，而是选择使用session来实现！

首先，我们需要完善登录的html页面, 路径为： app/auth/templates/login.html

代码详解：

这个登陆模板继承了 base.html 的样式，这个 base.html 中的模块及代码其实就是我们之前实现的首页，只是我们把他作为一个模板基类来继承他！

这段代码中其实就是写了一个输入账号密码的表单，其他多余的代码都是为了实现表单的样式而存在的！

这里要特别说明的是这个input表单必须设置name属性，因为后端要根据此name属性来获取用户输入的值！其他属性则需要大家自行去了解学习！

登录功能的后端逻辑视图, 路径为： app/auth/views/auth.py

代码详解： -request.method == 'POST' 判断当前请求是否为post请求方式 - error = None 来初始化一个错误变量，如果未通过登录验证，把错误信息通过消息传送到页面提示用户

这段代码首先在数据库通过用户提交的用户名去查询该用户，用户不存在就会返回None返回错误提示，用户存在则判断密码是否正确，这里用到了一个 check_password_hash() 的方法，这是用来将密文密码解密后与用户输入密码比对方法，与之对应的有一个 generate_password_hash() 的方法用来加密明文密码保存到数据库！

这段代码则是如果没有返回任何错误提示，说明该提交的表单符合我们的要求，并且数据库也存在该用户信息，那么我们只需要清空session，重新将session中的user_id设置为当前登录的id即可！

因此在实现登录注册逻辑之前就必须引入这两个方法：

登录功能虽然实现了，但我们数据库目前还没有任何一个用户，所以此时就应该要去实现用户的注册功能，向数据库新增用户，大概的逻辑是，用户输入用户名及两次密码，先判断该用户是否已经存在，存在则提示更换用户名，不存在则向数据库创建该用户信息，并清空session，重新设置user_id的值为注册用户的id，以达到注册成功后自动登录的目的！

首先，我们需要完善注册的html页面, 路径为： app/auth/templates/register.html

这是注册页面的html，大家自行理解下，这里着重说一个我们在视图中通过 flash() 传递出来的消息，在模板中由以下代码接收！

注册功能的后端逻辑视图, 路径为： app/auth/views/auth.py

这个注册的逻辑基本上涵盖了我们之前所有章节学到的知识点，这里就不再过多地去一一解释代码，大家可自行理解并完善注释！

通过登录和注册功能的实现，我们已经清楚地知道，用户是否登录其实是判断session会话中是否存在用户的id来决定，那么推出登录，我们只需要清除session会话中的用户id即可，这里我们直接选择清空session的方式实现推出功能！

bp.before_app_request() 注册一个在视图函数之前运行的函数，无论请求什么 URL。都会先检查用户 ID 是否存储在会话中，并从数据库获取该用户的数据，将其存储在 g.user 上，该数据在请求期间持续。

注册完这个函数之后，我们就可以在base.html中的导航的最右侧通过g.user的返回值，判断用户是否已经登录，显示不同的信息！

对于像下一章节我们要实现的用户中心以及管理后台，则必须是带有权限的访问，最基本的权限应该是必须是登录用户，那么所以说对于那些未登录的用户我们需要拒绝访问的功能！

这个其实思路也非常简单，既然在实现模板中调用用户信息的时候，我们把当前登录的用户信息添加到了g对象，那么我们只需要判断g.user的返回值是否为None即可判断用户是否登陆！

到这里关于用户登录注册相关的基本权限问题我们就完成了，注意这些视图函数都在 app/auth/views/auth.py 文件中！

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/zaji/7046152.html

注册登陆页面HTML代码该怎么写？

发表评论

评论列表（0条）