大家好，又见面了，我是你们的朋友全栈君。
最近在写asp课程设计，网站登录注册的功能怎么能少，捣鼓了两天终于弄出点东西来了。
环境:Windows10 + VS2015 + 自带LocalDB
看一下效果:
1、注册页面：
如果用户重名:
2、登录页：
3、注册或者登录好了会跳到Home页面并且显示当前的用户
下面看看关键代码：
①注册前台页面Register.aspx：
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Register.aspx.cs" Inherits="Album.OnlineAlbum.Register" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>注册</title>
<style>
form{
color:#575454;
width:500px;
margin:20px auto;
font-size:15px;
}
.label{
color:red;
font-size:12px;
font-family:'Lucida Console';
}
input.Tb{
border-radius:5px;
}
.user_name{ width:240px; height:38px; line-height:38px; border:1px solid #000; background:url(login_img_03.png) no-repeat left center; padding-left:30px; }
.user_name input{ width:230px; height:36px; border:1px solid #fff;color:#666;}
.password{ width:240px; height:38px; line-height:38px; border:1px solid #dfe1e8; background:url(login_img_09.png) no-repeat left center; padding-left:30px; }
.password input{ width:230px; height:36px; border:1px solid #000;color:#666;}
.transButton {
border:solid 1px;
background-color:transparent;
}
#btnRegister{
font-size:14px;
}
#linkToLogin{
text-decoration:none
}
#ckItem{
text-decoration:none
}
body{
background-image:url("rbg.jpg");
}
</style>
</head>
<body>
<form id="form1" runat="server">
<h2>欢迎注册OA</h2>
<h3>每一天，记录美。</h3>
<br />
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:TextBox runat="server" ID="rUserNameText" Height="40px" Width="490px" CssClass="Tb"></asp:TextBox>
<br />
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:CustomValidator ID="CustomValidator1" runat="server"
ControlToValidate="rUserNameText" ErrorMessage="*"
onservervalidate="CustomValidator1_ServerValidate">
</asp:CustomValidator>
</ContentTemplate>
</asp:UpdatePanel>
<br />
<asp:TextBox runat="server" ID="rPsdText" TextMode="Password" Height="40px" Width="490px" CssClass="Tb"></asp:TextBox>
<br />
<asp:UpdatePanel ID="UpdatePanel2" runat="server">
<ContentTemplate>
<asp:CustomValidator ID="CustomValidator2" runat="server"
ControlToValidate="rPsdText" ErrorMessage="*"
onservervalidate="CustomValidator2_ServerValidate">
</asp:CustomValidator>
</ContentTemplate>
</asp:UpdatePanel>
<br />
<asp:TextBox runat="server" ID="rrPsdText" TextMode="Password" Height="40px" Width="490px" CssClass="Tb" ></asp:TextBox>
<br />
<asp:UpdatePanel ID="UpdatePanel3" runat="server">
<ContentTemplate>
<asp:CustomValidator ID="CustomValidator3" runat="server"
ControlToValidate="rrPsdText" ErrorMessage="*"
onservervalidate="CustomValidator3_ServerValidate">
</asp:CustomValidator>
</ContentTemplate>
</asp:UpdatePanel>
<br />
<table>
<tr>
<td>
<asp:CheckBox ID="CheckBox1" runat="server" Checked="true" />
</td>
<td>
<span>同意</span> <asp:LinkButton runat="server" Text="服务条款" ID="ckItem"></asp:LinkButton>
</td>
<td>
</td>
<td>
<asp:LinkButton ID="linkToLogin" runat="server" Text="已有账号?登录" OnClick="linkToLogin_Click"></asp:LinkButton>
</td>
</tr>
</table>
<asp:Button ID="btnRegister" runat="server" CssClass="transButton" Height="49px" Text="注 册" Width="500px" OnClick="btnRegister_Click" />
</form>
</body>
<script type="text/javascript">
function watermark(id, value) {
var obj = document.getElementById(id);
var isPsdMode = false;
if (obj.type == "password")
{
obj.type = "text";
isPsdMode = true;
}
obj.value = value;
obj.style.color = "Gray";
//获取焦点事件
obj.onfocus = function () {
obj.style.color = "Black";
if (isPsdMode)
{
obj.type = "password";
}
if (this.value == value) {
this.value = '';
}
};
//失去焦点事件
obj.onblur = function () {
if (this.value == "") {
if (isPsdMode) {
obj.type = "text";
}
this.value = value;
obj.style.color = "Gray";
}
else {
obj.style.color = "Black";
}
};
}
window.onload = function () {
var arr = [{ 'id': 'rUserNameText', 'desc': '用户名' }, { 'id': 'rPsdText', 'desc': '密码' },{ 'id': 'rrPsdText', 'desc': '确认密码' }];
for (var i = 0; i < arr.length; i++) {
watermark(arr[i].id, arr[i].desc);
}
};
</script>
</html>
注册后台页面Register.aspx.cs:
using System;
using System.Data;
using System.Data.SqlClient;
using System.Drawing;
namespace Album.OnlineAlbum
{
public partial class Register : System.Web.UI.Page
{
private bool UserNameIselgal = false;
private bool PsdIselgal = false;
private bool CanRegister = false;
protected void Page_Load(object sender, EventArgs e)
{
}
protected void linkToLogin_Click(object sender, EventArgs e)
{
Response.Redirect("Login.aspx");
}
protected void btnRegister_Click(object sender, EventArgs e)
{
Session["User"] = rUserNameText.Text;
Session["Psd"] = rPsdText.Text;
string connStr = @"Data Source=(LocalDB)\MSSQLLocalDB;AttachDbFilename=|DataDirectory|\Database1.mdf;Integrated Security=True";
SqlConnection conn = new SqlConnection(connStr);
try
{
conn.Open();
SqlCommand cmd = new SqlCommand("select count(*) from UserTable where UId=@UId", conn);
cmd.Parameters.Add("@UId", SqlDbType.Char);
cmd.Parameters[0].Value = Session["User"];
int count = (int)cmd.ExecuteScalar();
if (count > 0)
{
Response.Write("<script>alert('用户名已存在!')</script>");
}
else
{
CanRegister = true;
}
}
catch
{
Response.Write("检测重名异常");
}
finally
{
conn.Close();
}
if (CanRegister)
{
try
{
conn.Open();
string strIns = "insert into UserTable(UId, Psd) values(@UId, @Psd)";
SqlCommand cmd = new SqlCommand(strIns, conn);
cmd.Parameters.Add("@UId", SqlDbType.NChar);
cmd.Parameters.Add("@Psd", SqlDbType.NChar);
cmd.Parameters["@UId"].Value = Session["User"];
cmd.Parameters["@Psd"].Value = Session["Psd"];
cmd.ExecuteNonQuery();
}
catch
{
Response.Write("注册异常");
}
finally
{
conn.Close();
}
}
CanRegister = CanRegister && UserNameIselgal && PsdIselgal;
if (CanRegister)
{
Session["CurrentUser"] = rUserNameText.Text;
Response.Redirect("Home.aspx");
}
}
protected void CustomValidator1_ServerValidate(object source, System.Web.UI.WebControls.ServerValidateEventArgs args)
{
if (rUserNameText.Text.Equals("用户名"))
{
CustomValidator1.ErrorMessage = "*用户名为空";
args.IsValid = false;
} else if (System.Text.RegularExpressions.Regex.IsMatch(rUserNameText.Text, "^[0-9a-zA-Z]+$") &&
rUserNameText.Text.Length > 5 && rUserNameText.Text.Length < 11)
{
args.IsValid = true;
UserNameIselgal = true;
}
else
{
CustomValidator1.ErrorMessage = "*用户名由6~10位数字和字母构成";
args.IsValid = false;
}
}
protected void CustomValidator2_ServerValidate(object source, System.Web.UI.WebControls.ServerValidateEventArgs args)
{
if (rPsdText.Text.Equals("密码"))
{
CustomValidator2.ErrorMessage = "*密码为空";
args.IsValid = false;
}
else if (System.Text.RegularExpressions.Regex.IsMatch(rPsdText.Text, "^[0-9a-zA-Z]+$") &&
rPsdText.Text.Length > 4)
{
args.IsValid = true;
}
else
{
CustomValidator2.ErrorMessage = "*密码由全数字和字母构成且不少于5位";
args.IsValid = false;
}
}
protected void CustomValidator3_ServerValidate(object source, System.Web.UI.WebControls.ServerValidateEventArgs args)
{
if (rrPsdText.Text.Equals("") ||rrPsdText.Text.Equals("确认密码"))
{
args.IsValid = false;
CustomValidator3.ErrorMessage = "*确认密码为空";
}
else if (!rrPsdText.Text.Equals(rPsdText.Text))
{
args.IsValid = false;
CustomValidator3.ErrorMessage = "*两次密码不一致";
}
else
{
PsdIselgal = true;
args.IsValid = true;
}
}
}
}②登录前台页面Login.aspx:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="Album.OnlineAlbum.Login" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>登陆</title>
<style>
form{
color:#575454;
width:500px;
margin: auto;
font-size:15px;
margin-top:260px;
}
#spanpsd{
margin-left:125px;
}
#spanuser{
margin-left:110px;
}
div{
margin:30px auto;
align-content:center;
}
.textbox{
border:solid 1px;
background:rgba(0, 0, 0, 0);
}
#LinkButton1{
text-decoration:none;
color:lightblue;
margin-left:230px;
}
#Button1{
border-radius:2px;
border:solid 1px;
background-color:transparent;
margin-left:150px;
margin-top:10px;
}
body{
background-image: url("lbg.jpg");
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<div>
<span id="spanuser">用户名:</span>
<asp:TextBox ID="TextBox1" runat="server" CssClass="textbox" Height="30px" Width="240px"></asp:TextBox>
</div>
<div>
<span id="spanpsd">密码:</span>
<asp:TextBox ID="TextBox2" runat="server" CssClass="textbox" Height="30px" Width="240px" TextMode="Password"></asp:TextBox>
</div>
<div>
<asp:LinkButton ID="LinkButton1" runat="server" OnClick="LinkButton1_Click">没有账号?注册</asp:LinkButton>
<br />
<asp:Button ID="Button1" runat="server" Text="登 录" Width="270px" Height="40px" OnClick="Button1_Click" />
</div>
</div>
</form>
</body>
</html>
登录后台页面Login.aspx.cs:
using System;
using System.Collections.Generic;
using System.Data;
using System.Data.SqlClient;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace Album.OnlineAlbum
{
public partial class Login : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void LinkButton1_Click(object sender, EventArgs e)
{
Response.Redirect("Register.aspx");
}
protected void Button1_Click(object sender, EventArgs e)
{
string connStr = @"Data Source=(LocalDB)\MSSQLLocalDB;AttachDbFilename=|DataDirectory|\Database1.mdf;Integrated Security=True";
SqlConnection conn = new SqlConnection(connStr);
try
{
conn.Open();
SqlCommand cmd = new SqlCommand("select count(*) from UserTable where UId=@UId and Psd=@Psd", conn);
cmd.Parameters.Add("@UId", SqlDbType.Char);
cmd.Parameters.Add("@Psd", SqlDbType.Char);
cmd.Parameters[0].Value = TextBox1.Text;
cmd.Parameters[1].Value = TextBox2.Text;
int count = (int)cmd.ExecuteScalar();
if (count == 1)
{
Session["CurrentUser"] = TextBox1.Text;
Response.Redirect("./Home.aspx");
}
else
{
Response.Write("<script>alert('用户名或密码错误')</script>");
}
}
catch
{
Response.Write("<script>alert('登录异常')</script>");
}
finally
{
conn.Close();
}
}
}
}③Home.aspx:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Home.aspx.cs" Inherits="Album.OnlineAlbum.Home" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Online Ablum</title>
<style>
#page_header{
height:20px;
margin-left:10px;
}
</style>
</head>
<body>
<form runat="server">
<asp:LinkButton runat="server" OnClick="Unnamed2_Click" ID="btnToReg">注册</asp:LinkButton>
<asp:LinkButton runat="server" OnClick="Unnamed1_Click" ID="btnToLog">登录</asp:LinkButton>
</form>
</body>
</html>
home.aspx.cs:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace Album.OnlineAlbum
{
public partial class Home : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (Session["CurrentUser"] != null)
btnToReg.Text = Session["CurrentUser"].ToString();
}
protected void Unnamed1_Click(object sender, EventArgs e)
{
Response.Redirect("Login.aspx");
}
protected void Unnamed2_Click(object sender, EventArgs e)
{
Response.Redirect("Register.aspx");
}
}
} Web.config:
<?xml version="1.0" encoding="utf-8"?>
<!--
有关如何配置 ASP.NET 应用程序的详细信息，请访问
http://go.microsoft.com/fwlink/?LinkId=169433
-->
<configuration>
<connectionStrings>
<add name="ConnectionString" connectionString="Data Source=(LocalDB)\MSSQLLocalDB;AttachDbFilename=|DataDirectory|\Database1.mdf;Integrated Security=True"
providerName="System.Data.SqlClient" />
</connectionStrings>
<appSettings>
<add key="ValidationSettings:UnobtrusiveValidationMode" value="none"/>
</appSettings>
<system.web>
<compilation debug="true" targetFramework="4.5.2"/>
<httpRuntime targetFramework="4.5.2"/>
<httpModules>
<add name="ApplicationInsightsWebTracking" type="Microsoft.ApplicationInsights.Web.ApplicationInsightsHttpModule, Microsoft.AI.Web"/>
</httpModules>
</system.web>
<system.codedom>
<compilers>
<compiler language="c#;cs;csharp" extension=".cs"
type="Microsoft.CodeDom.Providers.DotNetCompilerPlatform.CSharpCodeProvider, Microsoft.CodeDom.Providers.DotNetCompilerPlatform, Version=1.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
warningLevel="4" compilerOptions="/langversion:6 /nowarn:1659;1699;1701"/>
<compiler language="vb;vbs;visualbasic;vbscript" extension=".vb"
type="Microsoft.CodeDom.Providers.DotNetCompilerPlatform.VBCodeProvider, Microsoft.CodeDom.Providers.DotNetCompilerPlatform, Version=1.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
warningLevel="4" compilerOptions="/langversion:14 /nowarn:41008 /define:_MYTYPE=\"Web\" /optionInfer+"/>
</compilers>
</system.codedom>
<system.webServer>
<validation validateIntegratedModeConfiguration="false"/>
<modules>
<remove name="ApplicationInsightsWebTracking"/>
<add name="ApplicationInsightsWebTracking" type="Microsoft.ApplicationInsights.Web.ApplicationInsightsHttpModule, Microsoft.AI.Web"
preCondition="managedHandler"/>
</modules>
</system.webServer>
</configuration>
附上项目代码，需要积分下载。
ps:这是我一个在线相册系统的一部分，完整项目源码见github，可以不用积分下载，不过你得理清我写的东西。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
发布者：全栈程序员-用户IM，转载请注明出处：https://javaforall.cn/129442.html原文链接：https://javaforall.cn
【正版授权，激活自己账号】： Jetbrains全家桶Ide使用，1年售后保障，每天仅需1毛
【官方授权 正版激活】： 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...