简单asp网页登录验证界面
登陆界面
<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 "/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>用户登录</title> </head>
Transitional//EN"
<body> <form action="check.asp" method="post" name="login" id="login">
<table width="262" border="0" align="center" bordercolor="#FF0000"> <tr>
后台界面
<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 "/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>验证成功</title> </head>
Transitional//EN"
<body> 欢迎您进入后台管理主页面 </body>
</html>
账号或密码错误界面
<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 "/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>验证正确</title> </head>
Transitional//EN"
<body> <% dim name,pwd '获取表单me") pwd = request.Form("userpwd") '判断用户名和密码是否正确 if name="admin" and pwd="123456" then
'验证通过 response.Redirect("Default.asp") else '验证失败 response.Write("用户名或密码错误!</br>") response.Write("<a href='login.asp'>返回重新登录</a>") end if %> </body> </html>
<td height="50" colspan="2" align="center"> 用户登录</td></tr> <tr>
<td width="63">用户名:</td><td width="189" height="30"> <input name="username" type="text" id="username" size="25" /></td></tr> <tr>
简单的登录界面(包括帐号密码验证)
简单的登录界⾯(包括帐号密码验证)这次来总结⼀下公司的Task 1 实现⼀个登录界⾯。
登录界⾯其实在⼤三的时候就有做过,但是当时做的界⾯超级low,主要区别在于有⽆css,由于公司的设计要求,对于该界⾯的很多细节处理实在不容易。
所以,还是想要写点东西记录⼀下。
先截个图,展⽰⼀下效果吧:然后我们看⼀下代码:在我们做⼀个页⾯之前,要先想好他的⼀个整体布局,也就是我们这⾥⾯的login.html主页⾯,⼤致结构如下:接下来,我们先上代码,看⼀下具体实现⽅法:login.html<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>登录页⾯</title><link rel="stylesheet" type="text/css" href="login.css"/><script type="text/javascript" src="login.js"></script></head><body><div id="login_frame"><p id="image_logo"><img src="images/login/fly.png"></p><form method="post" action="login.js"><p><label class="label_input">⽤户名</label><input type="text" id="username" class="text_field"/></p><p><label class="label_input">密码</label><input type="text" id="password" class="text_field"/></p><div id="login_control"><input type="button" id="btn_login" value="登录" οnclick="login();"/><a id="forget_pwd" href="forget_pwd.html">忘记密码?</a></div></form></div></body></html>说明:在这个html⾥⾯,我们主要对登录界⾯进⾏了整体布局规划,利⽤div将内部的窗⼝、图⽚、标签、输⼊框、按钮、链接进⾏分块,这样⽅便我们之后⽤css对其进⾏准确的调位置、调边距。
【Dreamweaver+ASP】【第9章 用户注册和登入验证】
第9章 用户注册和登入验证一个交互性较好的网站,用户登入验证功能是不可或缺的。
实现了这个功能,可以很容易做到对特殊频道的权限控制。
例如在一些提供影视服务的网站中,用于确定某些收费频道。
用户注册和登入验证的整个过程并不复杂,其原理也很容易理解。
借助程序将浏览者输入的帐号和密码与数据库中存储的资料进行核对。
如若数据库中存在此用户的资料就通过,否则被拒绝。
9.1 用户资料库的设计了解了用户注册和登入验证机制的原理,就应该明确创建一个用户资料库是必须的。
下面就具体来介绍整个用户资料库(Access数据库)的设计流程。
(1)单击【开始】|【程序】|【Microsoft Office】|【Microsoft Office Access 2003】命令,打开【Microsoft Access】窗口。
(2)单击【新建文件】|【空数据库】命令,弹出【文件新建数据库】对话框。
可以根据实际情况,保存到相应位置。
并在【文件名】文本框中输入数据库文件名,例如“user.mdb”,如图9.1所示。
图9.1 【文件新建数据库】对话框(3)单击【创建】按钮,弹出【user:数据库(Access 2000 文件格式)】窗口,如图9.2所示。
·170·图9.2 【user:数据库(Access 2000文件格式)】窗口(4)单击【使用设计器创建表】按钮,弹出【表1:表】设计窗口。
单击【文件】|【保存】命令,把表进行重新命名,例如“tb_user”。
(5)在【tb_user:表】设计窗口中按照表9.1所示定义所有字段信息。
表9.1 【tb_user:表】所有字段信息字段名称数据类型说明id 自动编号用户记录编号name 文本用户帐号pswd 文本用户口令dt 日期/时间注册日期(6)选择“dt”字段,在【默认值】文本框中输入“now()”。
目的是把当前时间做为记录新增时,“dt”字段的默认值,如图9.3所示。
(7)右击“id”字段,选择【主键】命令,为表设置主键,如图9.4所示。
使用ASP 技术实现网站的注册与登录功能
使用ASP 技术实现网站的注册与登录功能3.3用户登录1〕创立登录页面在站点中创立用户登录界面index.asp,如图3。
表单form1中包括用户名、密码、验证码、登录、注册控件。
其中使用Javascript创立表单检测函数,在提交表单时调用此函数。
要求用户名和密码不为空时,才提交表单到处理页面;否那么不提交。
本页面局部代码如下:3.4创立登录处理页面在站点中创立第三个页面,用户登录处理界面login_sub.asp,登录成功跳转到test.asp考试页面;登录不成功,给出提示“用户名或密码不正确!〞,跳转回登录界面index.asp。
在判断登录不成功时,使用if嵌套语句,设置login变量判断,两种登录不成功的情况都设置设置login=2。
在使用判断当login=2,提示“用户名或密码不正确!〞,登录不成功,跳转回登录界面。
3.5创立用户在线考试主页面创立用户在线考试主页面test.asp。
4用户注册4.1创立用户注册页面创立用户注册页面reg.asp,方法同登录页面。
表单form1中包含用户名、密码、确认密码、提交、注册控件。
其中使用Javascript创立表单检测函数checkform〔〕,在提交表单时调用此函数。
要求用户名和密码不为空,同时密码和确认密码要一致时,才提交表单到注册判断页面;否那么不提交。
方法同登录页面的表单检测函数。
4.2创立注册判断页面创立注册判断页面reg_sub.asp,当用户名已经存在时,不能注册,设置注册变量flag=2;否那么可以注册,设置注册变量flag=1。
使用URL传递flag变量,到注册处理页面代码如下:4.3创立用户注册处理页面创立注册处理页面action.asp,action页面通过从reg_sub.asp页面传递过来的注册变量flag的值,判断是否进行注册。
当flag=1时,可以注册,注册成功后提示“注册成功!〞,跳转回登录界面,登录;当flag=2时,不可以注册,提示“用户名已存在,请重新注册!〞,跳转回注册界面,重新注册。
ASP.NET中如何实现FORM认证登录
的安全认证,共有“Windows”“Form”“Passport”“None”四种验证模式。
“Windows”与“None”没有起到保护的作用,不推荐使用;“Passport”我又没用过,唉……所以我只好讲讲“Form”认证了。
我打算分三部分:第一部分——怎样实现From 认证;第二部分—— Form 认证的实战运用;第三部分——实现单点登录(Single Sign On)第一部分如何运用Form 表单认证一、新建一个测试项目为了更好说明,有必要新建一个测试项目(暂且为“FormTest”吧),包含三张页面足矣(Default.aspx、Login.aspx、UserInfo.aspx)。
啥?有人不会新建项目,不会新增页面?你问我咋办?我看这么办好了:拖出去,打回原藉,从幼儿园学起……二、修改Web.config1、双击项目中的Web.config(不会的、找不到的打PP)2、找到下列文字<authentication mode="Windows" /> 把它改成:<authentication mode="Forms"><forms loginUrl="Login.aspx" name=".ASPXAUTH"></forms></authentication>3、找到<authorization> <allow users="*" /></authorization>换成<authorization><deny users="?"></deny></authorization>这里没什么好说的,只要拷贝过去就行。
虽说如此,但还是有人会弄错,如下:Code若要问是谁把<deny users="?"></deny> 放入<authentication> 中的,我会很荣幸地告诉你,那是N 年前的我:<authentication> 与<authorization> 都是以auth 字母开头又都是以ation 结尾,何其相似;英文单词背不下来的我以为他们是一伙的……三、编写 .cs 代码——登录与退出1、登录代码:a、书本上介绍的private void Btn_Login_Click(object sender, System.EventArgs e){if(this.Txt_UserName.Text=="Admin" && this.Txt_Password.Text= ="123456"){System.Web.Security.FormsAuthentication.RedirectFromLoginPage (this.Txt_UserName.Text,false);}}b、偶找了N 久才找到的private void Btn_Login_Click(object sender, System.EventArgs e){if(this.Txt_UserName.Text=="Admin" && this.Txt_Password.Text= ="123456"){System.Web.Security.FormsAuthentication.SetAuthCookie(this.Tx t_UserName.Text,false);Response.Redirect("Default.aspx");}}以上两种都可发放验证后的Cookie ,即通过验证,区别:方法a) 指验证后返回请求页面,俗称“从哪来就打哪去”。
好看实用的六个html登录页面实例
一、欢迎界面登入页面1.1 页面布局简洁大方,欢迎语句体现了亲切的氛围。
1.2 提供了用户名和密码的输入框,方便用户输入登入信息。
1.3 设有忘记密码和注册账号的信息,提高了用户体验。
二、带有动画效果的登入页面2.1 页面采用了动态的背景图片和渐变色,给人一种时尚感。
2.2 在输入框中添加了动态的图标,增加了趣味性和用户操作的吸引力。
2.3 登入按钮添加了点击时的动画效果,提升了用户的互动体验。
三、响应式设计的登入页面3.1 页面布局采用了响应式设计,适应了不同设备的屏幕尺寸。
3.2 输入框和按钮的样式经过调整,在不同屏幕大小下都能够很好地展示。
3.3 采用了流体布局和媒体查询,使页面在不同分辨率下能够自动调整,保证了用户的良好体验。
四、简约风格的登入页面4.1 页面采用了简约的设计风格,去除了多余的装饰,注重了内容的直观性和信息的清晰度。
4.2 输入框和按钮的风格简洁大方,整体视觉效果非常舒适。
4.3 页面配色搭配合理,不刺眼,符合现代审美。
五、个性化定制的登入页面5.1 页面提供了用户头像上传功能,使用户在登入页面即可展示个性。
5.2 输入框和按钮样式可以自定义,用户可以根据自己的喜好进行操作。
5.3 提供了账号设置和个人资料编辑的入口,方便用户进行个性化设置。
六、整合社交媒体的登入页面6.1 页面提供了利用社交账号快捷登入的功能,方便用户使用已有的社交账号进行登入。
6.2 登入页面上有社交媒体的图标,方便用户直接点击进行快捷登入。
6.3 用户可以方便地将登入信息共享到社交媒体,增加了页面的互动性和社交性。
以上是六个好看实用的HTML登入页面实例,它们在设计和使用上都有各自的优势,可以根据实际需求进行选择。
希望这些实例可以帮助到您,同时也希望未来能够有更多个性化且实用的登入页面出现,为用户带来更好的体验。
七、密码保护性强的登入页面7.1 在密码输入框中添加密码强度提示,能够根据用户输入的内容动态地显示密码的强度,提醒用户选择更安全的密码。
ASP中登录验证及分析
s l s l c *f o u e i f he eu e n me ” h m&” q =” e e t r m s rn w r s r a =’ &y b o ’ a d p s wo d &pw&” n as r =
aet 密 码 不 能 为 空 ”; lr“ ( ) o m1 as r s uOr un fler tr r ; fr p s od. c s; tr as;eu n t e . w o f e } u)
< s rp > /c it
器端验证。 客户端验证是通过事件触发机 制和浏览器脚本解 释
登 陆页面(oi. p 实现客户端数 据的验证 , 1gna ) s 利用的是一
S ts o n x c t 1 e r =cn . eue s )%> 建立 数据库 的连接 , E fq , 数据
库是 AC E S 执行查询语句 , C S, 放入结果记录集 R S中 /
< ir. % f 8EOF t e %> n h < c i t l n u g =  ̄BS rp ’ s rp a g a e ” c i t> ’
陆页面( g . p , 1 i a )负责提供一个用户信息 的输入界面 。 ons 一个验
证页 面( e kap, c c . )负责获取用 户填写 的信息 , h s 再跟数 据库 的 信息进 行比较 , 证合法性。 验 一个验证成 功后 的测试页面( s. tt e ap, s)主要是给用户一个提示信息 , 明验证成功。 证
< cita g a e ’aa cit srp ln u g =’ v srp” j > fn t nve 0ifr .n me au = ”{ u ci iw {( m1 a . le = ” o f o u v
ASP 用户登录
ASP 用户登录
当用户进入系统时候,首先要输入用户名和密码进行身份验证。
如果用户名和密码都正确,才可以进入系统,享受个性化服务;否则无法进入。
本次练习建立一个用户登录模块,使用Form表单的Post方式提交数据,使用户掌握数据如何提交。
具体步骤如下:
(1)建立Login.asp页面。
该页面提示用户输入自己的会员名及密码,然后单击【登录】按钮提交数据。
具体效果如图2-7所示。
图2-7 登录界面
(2)在登录界面的相应位置,输出当天的日期信息。
如代码如下所示:
断,如果输入正确,则显示该用户名已经成功登陆的信息,反之提示用户名或者密码不正确,并显示重新登陆的超链接。
如代码如下所示:
(5)在浏览器中运行Login.asp页面,输入相应的会员名及密码,效果如图2-
8和图2-9所示。
图2-8 登录成功图2-9 登录失败。
登录界面及身份验证
}
}
else
{
DataSet ds = db.GetDataSet("select count(*) from UID where HTH='" + txtName.Text +"'and PWD='" + txtPwd.Text + "'and USERTYPE=1","UID");
具体情况如下:
1.这是登录界面:
2.这是登录界面后台代码:
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
{
DBClass db = new DBClass();//声名公共类对象
protected void Page_Load(object sender, EventArgs e)
{
}
protected void btnLogin_Click(object sender, EventArgs e)
Session["loginName"] = txtName.Text;
Response.Redirect("~/Admin/ad_Index.aspx");
}
else
asp制作网站登录系统
asp制作网站登录系统
1、用用ASP制作网站登录系统制作网站登录系统环境:DW+ASP+ACCESS+IIS一、数据库的建立一、数据库的建立打开ACCESS2000,新建数据库〔lanier_db.mdb〕,表名:loginLogin表包函的字段:Id;userid(用户名);pwd(密码)二、打开二、打开DreamweaverMX新建新建conn.asp页面页面.然后把下面的代码复制到然后把下面的代码复制到conn.asp里里。
0thenResponse.write(“连接数据库时产生错误!“)Response.En dEndif%用到此页面时包括即可:三、新建三、新建Login.asp
2、页页……用户名:密码:……将此页的用户名及密码提交到check.asp进行校验.四、建立四、建立check.asp页页alert(用户不存在);history.go(-1);“Response.EndElseifRs(“pwd“)把用户名写入Session(“userid“)是为了防上非法登录,只要在受限页面的头部加入下面代码:alert(对不起,你没有查看该页的权限或已超时,请重新登录!);history.go(-1)“)response.redirect(“loging.asp“)End%
第1页。
ASP 用户登录
ASP 用户登录
当用户进入系统时候,首先要输入用户名和密码进行身份验证。
如果用户名和密码都正确,才可以进入系统,享受个性化服务;否则则无法进入。
本次练习建立一个用户登录模块,使用Form表单的Get方式提交数据,使用户掌握数据是如何提交的。
具体步骤如下:
(1)建立Logins.asp页面。
该页面提示用户输入自己的账号密码以及随机生成的注册码,然后单击【确定】按钮提交数据,单击【取消】按钮重新输入。
具体效果如图3-3所示。
图3-3 登录界面
(2)在登录界面的相应位置,输出欢迎信息以及当天的日期信息。
具体代码
(3)创建Check.asp页面。
该页面使用Request对象获取用户输入的数据并判断,如果输入正确则使用Response.Redirect转向相应的页面,反之提示具体错误信息。
具体代码如下所示:
(5)在浏览器中运行Logins.asp页面,输入相应的账号密码,效果图如3-11、3-12所示。
图3-4 登录成功
图3-5 登录失败
注意图3-5所示地址栏中的地址,在“?”后的字符串“text1=lee&t2=34324&
code=6907&b1=%E6%8F%90%E4%BA%A4”包含了用户输入的所有信息。
