基于的网站登录注册功能设计与实现
摘要
近年来随着网络的飞速发展，越来越多的公共网站在提供功能之前要求用户注册和登录。这不仅有助于网站的管理和统计，也为用户提供了方便。本文以Visual Stdio、SQL Server为平台，运用Html语言和C#来设计与实现简单的网站登录注册功能。
关键词：网站设计；技术；SQL Server；Visual Stdio；注册和登录
绪论
选题背景与意义
近年来随着网络的飞速发展，越来越多的公共网站在提供功能之前要求用户注册和登录。这不仅有助于网站的管理和统计，也为用户提供了方便。现如今，几乎每家企业的公共网站都需要用户的注册登录，这成为了网页必不可少的一项功能。也是网页设计者必须掌握的入门课，对于我们大学生来说是通过学习网页设计的重要途径。
论文内容
本文先阐述了该设计系统所需技术、平台及软件的基本介绍，然后通过具体功能的分析来了解该系统最基本的需求，紧接着通过技术设计功能、实现与测试功能来逐步完善该系统。最后附上完整的代码，方便读者对本系统一目了然。
相关技术概述
三层B/S结构
三层架构(3-tier application) 通常意义上的三层架构就是将整个业务应用划分为：表现层（UI）、业务逻辑层（BLL）、数据访问层（DAL）。区分层次的目的即为了“高内聚，低耦合”的思想。
１、表现层（UI）：通俗讲就是展现给用户的界面，即用户在使用一个系统的时候他的所见所得。
２、业务逻辑层（BLL）：针对具体问题的操作，也可以说是对数据层的操作，对数据业务逻辑处理。
３、数据访问层（DAL）：该层所做事务直接操作数据库，针对数据的增添、删除、修改、更新、查找等。
在软件体系架构设计中，分层式结构是最常见，也是最重要的一种结构。微软推荐的分层式结构一般分为三层，从下至上分别为：数据访问层、业务逻辑层（又或成为领域层）、表示层。
.NET技术
.NET就是微软用来实现XML，Web Services，SOA（面向服务的体系结构service-oriented architecture）和敏捷性的技术。对技术人员，想真正了解什么是.NET，必须先了解.NET技术出现的原因和它想解决的问题，必须先了解为什么他们需要XML,Web Services 和 SOA。技术人员一般将微软看成一个平台厂商。微软搭建技术平台，而技术人员在这个技术平台之上创建应用系统。从这个角度，.NET也可以如下来定义：.NET是微软的新一代技术平台，为敏捷商务构建互联互通的应用系统，这些系统是基于标准的，联通的，适应变化的，稳定的和高性能的。从技术的角度，一个.NET应用是一个运行于.NET Framework之上的应用程序。（更精确的说，一个.NET应用是一个使用.NET Framework类库来编写，并运行于公共语言运行时Common Language Runtime之上的应用程序。）如果一个应用程序跟.NET Framework无关，它就不能叫做.NET程序。比如，仅仅使用了XML并不就是.NET应用，仅仅使用SOAP SDK调用一个Web Service也不是.NET应用。.NET是基于Windows操作系统运行的操作平台，应用于互联网的分布式。
SQL Server
SQL Server 是一个关系数据库管理系统。它最初是由Microsoft、Sybase 和Ashton-Tate三家公司共同开发的，于1988 年推出了第一个OS/2版本。在Windows NT 推出后，Microsoft与Sybase 在SQL Server 的开发上就分道扬镳了，Microsoft 将SQL Server移植到Windows NT系统上，专注于开发推广SQL Server 的Windows NT 版本。Sybase 则较专注于SQL Server在UNⅨ操作系统上的应用。
Visual Studio
VS是美国微软公司的开发工具包系列产品。VS是一个基本完整的开发工具集，它包括了整个软件生命周期中所需要的大部分工具，如UML工具、代码管控工具、集成开发环境(IDE)等等。所写的目标代码适用于微软支持的所有平台，包括Microsoft Windows、Windows Mobile、Windows CE、.NET Framework、.Net Core、.NET Compact Framework和Microsoft Silverlight 及Windows Phone。
需求分析
功能分析
注册登录功能
用户进入页面后输入自己的用户名和密码即可点击登录，如果用户名或者密码错误会出现相应提示
用户输入一个新的用户名和密码之后即可点击注册，注册成功后会有提示，今后即可使用此用户名和密码进行登录。
退出登录功能
用户成功登录后会出现退出登录字样，点击后即可退出登录
在线人数统计功能
在网页左上角显示当前在线人数，方便管理
系统总体分析
如图所示：
功能设计
注册登录模块设计
安装Visual Stdio以及SQL Server
打开SQL Server，登录数据库，用户名为sa，密码为123456创建数据库test，创建表test3，设置主键，插入几条数据，其中一条的用户名为自己姓名缩写，密码为学号：
打开Visual Studio，创建空网站，创建一个aspx新网页，写入代码：
用到的标签：
等
SqlDataSource配置数据源
创建CSS文件，设计网页CSS代码：
设计了背景色，字体，控件大小等
设计aspx.cs代码（含登录、注册按钮事件）：
连接数据库、Page_Load方法、登录按钮事件
退出登录模块设计
在aspx文件编写退出登录按钮及其提示
在aspx.cs内设计退出登录代码：
Session.Abandon()语句
在线人数统计模块设计
在aspx.cs文件中编写显示在线人数的代码，
新建Global.asax文件，编写代码：
实现和测试
登录功能实现
Default.aspx.cs文件
连接数据库：
连接数据库，操作数据库主要需要两个类，一个是SqlConnection，一个是SqlCommand
SqlConnection用于连接数据库，打开数据库，关闭数据库。
连接数据库需要特定格式，特定参数的字符串，如代码中写的，服务器地址，数据库名称，用户名密码，以及其他参数
SqlCommand用于操作数据库，先创建基于一个特定SqlConnection对象的SqlCommand对象，通过ExecuteNonQuery方法执行给定的sql语句。
登录按钮事件类：
如果没有输入用户名或者密码，则window.alert弹出对话框提示。
如果登录成功，在Page_Load方法中设置不可见的登录成功信息和退出登录按钮变得可见。
同理，密码错误或者用户名错误也会弹出对话框提示。
运行项目：
在用户名出输入自己姓名缩写，密码处输入学号：
登录成功
输入错误的用户名或者密码：
会提示密码错误或者用户名不存在
注册功能实现
注册按钮事件类：
注册成功，在数据库添加一条数据insert into test3(userID,userPWD) values(‘" + TextBox1.Text.ToString().Trim() + "’,‘" + TextBox2.Text.ToString().Trim() + "’)";
运行项目，输入一个数据库中存在的用户名，输入密码，点击注册：
显示应户名已经存在，不可以重复注册
输入一个数据库中没有的用户名，输入密码，点击注册：
提示注册成功
查看数据库，发现表中多了一条数据：
退出登录功能实现
Session.Abandon();语句退出登录
登录成功后，点击下方的退出登录：
提示成功退出登录，回到刚刚打开网页的状态
在线人数统计功能实现
Global.asax文件：
设置计数Application[“count”] = 0;设置超时时间
新会话启动时+1，结束时-1
在Page_Load方法内便携当前在线人数代码：
Response.Write(“当前在线人数：” + Application[“count”].ToString());
使用Google Chrome浏览器运行项目：
当前在线人数为1
不关闭该网页，使用Edge浏览器再次运行项目：
当前在线人数为2
具体代码
网页主页代码
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %><!DOCTYPE html><html xmlns="/1999/xhtml"><head runat="server"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><link rel="stylesheet" type="text/css" href="StyleSheet.css"/><title></title></head><body><div class="bg"><form id="form1" runat="server"><div class = "bigbox"><div class = "head"><h1>登录/注册</h1></div><div class ="middle"><div class = "column text"><p>用户名：</p><p>密码：</p></div><div class = "column box"><p><asp:TextBox placeholder="输入用户名" ID="TextBox1" runat="server"></asp:TextBox></p><p><asp:TextBox TextMode="Password" placeholder="输入密码" ID="TextBox2" runat="server"></asp:TextBox></p><p><asp:Button ID="Button1" runat="server" Text="登录" OnClick="Button1_Click" /> <asp:Button ID="Button2" runat="server" Text="注册" OnClick="Button2_Click" /></p></div></div></div><asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:login_webhw_ConnectionString %>" SelectCommand="SELECT * FROM [logindb]"></asp:SqlDataSource><asp:Label ID="Label1" runat="server" Text=">v<" ForeColor="White"></asp:Label><center><div class="success"><p runat="server" id="welcome">登录成功！欢迎您！</p></div></center><br/><br/><center><asp:Button ID="Button3" runat="server" Text="退出登录" OnClick="Button3_Click" /><br /></center></form></div></body></html>
网页CSS代码
.bigbox {box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);border-radius: 15px;padding: 10px;width: 50vw;max-width: 350px;margin: 30px auto;background-color:pink;transition: 0.3s;}.bigbox:hover{box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.5);}.head{width: 250px;margin:auto;}.column{margin-left: 20px;margin-right: 20px;min-width: 50px;display: inline-block;vertical-align: top;}.tip{width:400px;margin:auto;}.success {font-family:FangSong;font-size:30px;}
aspx.cs代码
using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.UI;using System.Web.UI.WebControls;using System.Data.SqlClient;using System.Data.Sql;using System.Data;public partial class _Default : System.Web.UI.Page{ private SqlConnection conn = null;private SqlCommand cmd = null;private string sql = null;public void openDatabase(){conn = new SqlConnection();conn.ConnectionString = "Integrated Security=SSPI;Data Source=(local);initial catalog=test;User ID =sa;password=123456";//SQL Server用户名为sa，密码是123456 数据库名称是test，表名称是test3if (conn.State == ConnectionState.Closed){conn.Open();}}public void load(){openDatabase();cmd = new SqlCommand("select * from test3 where id=7", conn);SqlDataReader dr = cmd.ExecuteReader();if (dr.Read()){TextBox1.Text = (String)dr[1].ToString().Trim();TextBox2.Text = (String)dr[2].ToString().Trim();}conn.Close();}//根据sql语句加载信息，重载两个Textboxpublic void load(String sql){openDatabase();cmd = new SqlCommand(sql, conn);SqlDataReader dr = cmd.ExecuteReader();while (dr.Read()){TextBox1.Text = (String)dr[1].ToString().Trim();TextBox2.Text = (String)dr[2].ToString().Trim();}conn.Close();}//封装的数据库语句执行的方法public void execute(String sql){openDatabase();cmd = new SqlCommand(sql, conn);cmd.ExecuteNonQuery();conn.Close();}//页面加载时首先会调用这个方法protected void Page_Load(object sender, EventArgs e){ welcome.Visible = false;Button3.Visible = false;Response.Write("当前在线人数：" + Application["count"].ToString());if (!IsPostBack) { load(); }}protected void Button1_Click(object sender, EventArgs e)//登录按钮事件{ if (TextBox1.Text == ""){Response.Write("<script>window.alert('没有输入用户名');</script>");return;}else if (TextBox2.Text == ""){Response.Write("<script>window.alert('没有输入密码');</script>");return;}conn = new SqlConnection();conn.ConnectionString = "Integrated Security=SSPI;Data Source=(local);initial catalog=test;User ID =sa;password=123456";if (conn.State == ConnectionState.Closed){conn.Open();}SqlCommand cmd = new SqlCommand("SELECT *FROM test3 where userID = '" + TextBox1.Text.Trim() + "' and userPWD = '" + TextBox2.Text.Trim() + "'", conn);// 这句话创建一个指令SqlDataReader sdr = cmd.ExecuteReader();//指令传给readerLabel1.Text = mandText.ToString();sdr.Read();if (sdr.HasRows){Response.Write("<script>window.alert('登录成功');</script>");welcome.Visible = true;Button3.Visible = true;}else{sdr.Close();mandText = "SELECT *FROM test3 where userID = '" + TextBox1.Text.Trim() + "'";sdr = cmd.ExecuteReader();//指令传给readerif (sdr.HasRows)Response.Write("<script>window.alert('密码错误');</script>");elseResponse.Write("<script>window.alert('用户名不存在');</script>");sdr.Close();}conn.Close();}protected void Button2_Click(object sender, EventArgs e)//注册按钮事件{if (TextBox1.Text == ""){Response.Write("<script>window.alert('没有输入用户名');</script>");return;}else if (TextBox2.Text == ""){Response.Write("<script>window.alert('没有输入密码');</script>");return;}conn = new SqlConnection();conn.ConnectionString = "Integrated Security=SSPI;Data Source=(local);initial catalog=test;User ID =sa;password=123456";if (conn.State == ConnectionState.Closed){conn.Open();}SqlCommand cmd = new SqlCommand("SELECT *FROM test3 where userID = '" + TextBox1.Text.Trim() + "'", conn);SqlDataReader sdr = cmd.ExecuteReader();Label1.Text = mandText.ToString();sdr.Read();if (sdr.HasRows)Response.Write("<script>window.alert('用户名已经存在，不可以重复注册');</script>");else{sql = "insert into test3(userID,userPWD) values('" + TextBox1.Text.ToString().Trim() + "','" + TextBox2.Text.ToString().Trim() + "')";execute(sql);Response.Write("<script>window.alert('注册成功，可以登录了');</script>");}}protected void Button3_Click(object sender, EventArgs e)//退出登录按钮事件{Session.Abandon();Response.Write("<script>window.alert('成功退出登录！');</script>");}}
Global.aspx代码
<%@ Application Language="C#" %><script runat="server">void Application_Start(object sender, EventArgs e) {// 在应用程序启动时运行的代码Application["count"] = 0;}void Application_End(object sender, EventArgs e) {// 在应用程序关闭时运行的代码}void Application_Error(object sender, EventArgs e) { // 在出现未处理的错误时运行的代码}void Session_Start(object sender, EventArgs e) {// 在新会话启动时运行的代码Session.Timeout = 1;//超时时间Application.Lock();Application["count"] = (int)Application["count"]+1;Application.UnLock();}void Session_End(object sender, EventArgs e) {// 在会话结束时运行的代码。 // 注意: 只有在 Web.config 文件中的 sessionstate 模式设置为// InProc 时，才会引发 Session_End 事件。如果会话模式设置为 StateServer // 或 SQLServer，则不会引发该事件。Application.Lock();Application["count"] = (int)Application["count"] - 1;Application.Lock();}</script>
♻️ 资源
大小：1.96MB
➡️ 资源下载：/download/s1t16/87359326
如果觉得《基于ASP.NET+SQL Server的网站登录注册功能设计与实现【100010308】》对你有帮助，请点赞、收藏，并留下你的观点哦！
