点击上方蓝色字体,关注我们
环境:Windows10 + VS2015 + 自带LocalDB
看一下效果:
1、注册页面:
如果用户重名:
2、登录页:
3、注册或者登录好了会跳到Home页面并且显示当前的用户
下面看看关键代码:
①注册前台页面Register.aspx:
[code][/code]
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Register.aspx.cs" Inherits="Album.OnlineAlbum.Register" %>
span style="box-sizing: border-box;outline: 0px;overflow-wrap: break-word;">html>
注册title>
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>
|