由于工作需要，对方要求me做个模块或者其他实体东西，于是就选择了大家经常用到的用户注册模块，废话不多说先看效果图，没有经过任何美工处理，效果一般，效果图：
在设计注册模块之前需要先知道此模块的工作流程，即各个控件的用途，比如使用验证控件，电话号码的验证需要正则表达式，邮箱也是，主要还是控件与SQL的交互。
html代码：
<head runat="server"> <title>新用户注册</title> <style type="text/css"> .style1 { text-align: center; width: 870px; margin-left: 47px; } .style2 { font-size: 8pt; } .style3 { font-size: 5pt; } </style> </head> <body> <form id="form1" runat="server" action="index.aspx"> <div class="style1"> 用户注册 <hr style="width:50%; color:blue"/> <table align="center"> <tr><td> 会员姓名：<asp:TextBox ID="txtName" runat="server" ToolTip="字母、下划线、数字" ontextchanged="txtName_TextChanged"></asp:TextBox> </td> <td> <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtName" Display="Dynamic" ErrorMessage="会员姓名不能为空"></asp:RequiredFieldValidator> </td> <td> <asp:Label ID="lblMZ" runat="server"></asp:Label></td> <td><asp:Label ID="lblZC" runat="server"></asp:Label></td> </tr> <tr> <td> 密码： <asp:TextBox ID="txtPwd" runat="server" TextMode="Password"></asp:TextBox> </td> <td> <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="txtPwd" Display="Dynamic" ErrorMessage="密码不能为空，建议大于6位数"></asp:RequiredFieldValidator> </td> </tr> <tr> <td> 确认密码：<asp:TextBox ID="txtPwdOk" runat="server" TextMode="Password"></asp:TextBox> </td> <td> <asp:CompareValidator ID="CompareValidator1" runat="server" ControlToCompare="txtPwd" ControlToValidate="txtPwdOk" Display="Dynamic" ErrorMessage="密码不相同，请重新输入"></asp:CompareValidator> </td> </tr> <tr> <td> 昵称： <asp:TextBox ID="txtNick" runat="server"></asp:TextBox> </td> </tr> <tr> <td> 性别： <asp:RadioButton ID="rdiobtnM" runat="server" GroupName="sex" Text="男" /> <asp:RadioButton ID="rdobtnW" runat="server" GroupName="sex" Text="女" /> </td> </tr> <tr> <td> 电话： <asp:TextBox ID="txtPhone" runat="server"></asp:TextBox> </td> <td> <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="txtPhone" Display="Dynamic" ErrorMessage="请正确输入手机或固话" ValidationExpression="\d{11}|(\d{3,4}-)?\d{7,8}"></asp:RegularExpressionValidator> </td> </tr> <tr> <td> 邮箱： <asp:TextBox ID="txtMail" runat="server"></asp:TextBox> </td> <td> <asp:RegularExpressionValidator ID="RegularExpressionValidator2" runat="server" ControlToValidate="txtMail" ErrorMessage="请正确输入邮箱地址" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator> </td> </tr> <tr> <td> 所在城市：<asp:TextBox ID="txtCity" runat="server" ></asp:TextBox> </td> </tr> <tr> <td style="font-size: 5pt"> <asp:Button ID="btnZhuCe" runat="server" Text="注册" οnclick="btnZhuCe_Click" /> <asp:Button ID="btnQuXiao" runat="server" Text="取消" οnclick="btnQuXiao_Click" /> </td> <td> </td> </tr> <tr><td><span class="style2"><a href="index.aspx">所有已注册用户</a> </span> <span class="style3"><a href="changeinfo.aspx" style="font-size: 8pt">修改个人信息</a></span></td></tr> </table> </div> </form> </body> </html>
在用户注册页面需要判断用户输入的是否为空，还要判断用户时候已经注册过，用户的输入的用户名格式是否合法。该功能用TextChanged来实现，调用isnamefomrmar方法判断用户输入的用户名是否正确，最后调用isname方法判断用户名是否已经存在，并给出相应的提示，实现的代码如下：
protected void txtName_TextChanged(object sender, EventArgs e) { //判断用户名是否为空 if (txtName.Text == " ") { //给出提示信息 ClientScript.RegisterStartupScript(this.GetType(), " ", "<script>alert('用户名不能为空！')</script>"); } else { //判断用户名是否符合正则表达式 if (isNameFormar()) { //判断用户是否已注册 if (isName()) { lblZC.Text = " "; } else { lblZC.Text = "用户可以注册"; } } else {//用户名不符合正则表达式，则把清空 txtName.Text = " "; } }
自定义方法isnameformar用来判断用户输入的格式是否正确，会员输入的格式是指用户名只能包含数字，字母及下划线，主要通过regex的ismatch方法实现，看是否满足正则表达式，然后返回布尔值，实现的代码如下：
protected bool isNameFormar() { //定义个布尔型的变量，初始为false bool blNameFormar = false; //设置正则表达式 Regex re = new Regex("^[a-zA-Z0-9_]{3,16}$"); //用IsMatch方法判断用户输入信息是否合法 if (re.IsMatch(txtName.Text)) { //设置布尔值为true blNameFormar = true; this.lblMZ.ForeColor = System.Drawing.Color.Black; } else { //设置布尔值为false blNameFormar = false; lblMZ.Text = "用户格式不正确"; ClientScript.RegisterStartupScript(this.GetType(), "", "<script>alert('用户名格式不正确！')</script>"); lblMZ.ForeColor = System.Drawing.Color.Red; } //返回布尔值 return blNameFormar; }
自定义方法isname来判断用户输入的用户名是否已经存在，可通过SQL语句实现，如果已存在返回布尔值true，否则返回false，实现代码如下：
protected bool isName() { //定义个布尔型的变量，初始为false bool blisname = false; //定义SQL语句，实现查询功能 string sqlSel = "select count(*) from userInfo where userName='" + txtName.Text + "'"; //创建数据库连接 SqlConnection con = new SqlConnection("server=.;database=login;uid=sa;pwd=szl;"); //创建SqlCommand对象com SqlCommand com = new SqlCommand(sqlSel, con); //打开数据库连接 con.Open(); //判断查询结果中第一行的第一列是否存在 if (Convert.ToInt32(com.ExecuteScalar()) > 0) { //存在，返回为true blisname = true ; } else { //不存在，返回为false blisname =false ; } //关闭数据库连接 con.Close(); //返回布尔值 return blisname; }
在“注册”按钮单击事件中，先判断用户名是否已经存在，和格式是否正确，在满足这两个条件的基础上，在把用户的信息添加到数据库中，主要通过insert语句实现，为了提高保密性，我们对密码进行了加密，使用MD5加密方式，代码实现如下：
protected void btnZhuCe_Click(object sender, EventArgs e) { //调用isNameFormar自定义方法判断用户名输入的是否满足要求 if (isNameFormar()) { //调用自定义isName方法判断用户名是否已存在 if (isName()) { //用lable控件显示提示信息 lblMZ.Text = "用户已存在"; lblMZ.ForeColor = System.Drawing.Color.Red;//设置字体演示 } else { //获取用户填写的会员名 string userName = txtName.Text; //获取用户填写的密码并进行加密 string userPass = FormsAuthentication.HashPasswordForStoringInConfigFile(txtPwd.Text, "MD5"); //获取用户填写的昵称名称 string nickName = txtNick.Text; //获取用户性别 string sex = ""; if (rdiobtnM.Text=="男") { sex = "男"; } else { sex = "女"; } //获取用户电话 string phone = txtPhone.Text; //获取用户输入城市名 string city = txtCity.Text; //获取用户输入的e_mail string email = txtMail.Text; //定义一个SQL语句，实现用户信息的添加 string sqlIns = "insert into userInfo(userName,userPass,nickName,sex,phone,email,city) values ('" + userName + "','" + userPass + "','" + nickName + "','" + sex + "','" + phone + "','" + email + "','" + city + "')"; //创建数据库连接 SqlConnection con = new SqlConnection("server=.;database=login;uid=sa;pwd=szl;"); //打开数据库连接 con.Open(); //定义命令对象 SqlCommand com = new SqlCommand(sqlIns, con); //判断受影响的行数，大于0，证明添加成功，反之不成功 if (com.ExecuteNonQuery()>0) { ClientScript.RegisterStartupScript(this.GetType(),"", "<script>alert('注册成功！')</script>"); //清空文本框中的信息 txtName.Text = txtNick.Text = txtPhone.Text = txtMail.Text = txtCity.Text = ""; lblMZ.Text = ""; Response.Redirect(""); } else { ClientScript.RegisterStartupScript(this.GetType(), "", "<script>alert('请正确填写信息！')</script>"); } con.Close(); } } else { ClientScript.RegisterStartupScript(this.GetType(), "", "<script>alert('请正确填写信息！')</script>"); } }
567
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
