C# ASP.NET.Web大学课堂登入注册界面实验

先设计注册界面

 <style>body{background-color:antiquewhite;}</style>

    背景色

图像

<div><asp:Label ID="Label1" runat="server" Text="用户名"></asp:Label><asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="TextBox1"  ErrorMessage="用户名不能为空" Display="Dynamic"></asp:RequiredFieldValidator><asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="TextBox1" ErrorMessage="只能填入数字！" ValidationExpression="[0-9]*" Display="Dynamic"></asp:RegularExpressionValidator><br /><asp:Label ID="Label2" runat="server" Text="密  码:"></asp:Label><asp:TextBox ID="TextBox2" runat="server"></asp:TextBox><asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="密码不能为空" ControlToValidate="TextBox2" Display="Dynamic"></asp:RequiredFieldValidator><asp:RegularExpressionValidator ID="RegularExpressionValidator2" runat="server" ErrorMessage="密码不能输入中文" ControlToValidate="TextBox2" Display="Dynamic" ValidationExpression="[0-9,a-z,A-Z,@,$,#,%,&,*]*"></asp:RegularExpressionValidator><br /><asp:Label ID="Label3" runat="server" Text="身  份:"></asp:Label><asp:TextBox ID="TextBox3" runat="server"></asp:TextBox><asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ErrorMessage="身份不能为空" ControlToValidate="TextBox3" Display="Dynamic"></asp:RequiredFieldValidator><br /><asp:Label ID="Label4" runat="server" Text="姓  名:"></asp:Label><asp:TextBox ID="TextBox4" runat="server" ></asp:TextBox><asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ErrorMessage="姓名不能为空" ControlToValidate="TextBox4" Display="Dynamic"></asp:RequiredFieldValidator><br /><asp:RadioButton ID="RadioButton1" runat="server" Text="男" /><asp:RadioButton ID="RadioButton2" runat="server" Text="女"/><br /><asp:Label ID="Label5" runat="server" Text="电话"></asp:Label><asp:TextBox ID="TextBox5" runat="server"></asp:TextBox><asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ErrorMessage="电话不能为空" ControlToValidate="TextBox5" Display="Dynamic"></asp:RequiredFieldValidator><asp:RegularExpressionValidator ID="RegularExpressionValidator3" runat="server" ErrorMessage="请正确填写电话" ControlToValidate="TextBox5" Display="Dynamic" ValidationExpression="[0-9]{3,4}[0-9]{7,8}"></asp:RegularExpressionValidator><br /><asp:Label ID="Label6" runat="server" Text="邮箱"></asp:Label><asp:TextBox ID="TextBox6" runat="server"></asp:TextBox><asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" ErrorMessage="邮箱别为空" ControlToValidate="TextBox6" Display="Dynamic"></asp:RequiredFieldValidator><asp:RegularExpressionValidator ID="RegularExpressionValidator4" runat="server" ErrorMessage="请输入正确的邮箱" ControlToValidate="TextBox6" Display="Dynamic" ValidationExpression=".{1,}@.{1,}\.[a-zA-Z]{2,3}"></asp:RegularExpressionValidator><br /><asp:Button ID="Button1" runat="server" Text="注册" /><asp:Button ID="Button2" runat="server" Text="确认" /></div>

    写设计阶段遇到的问题验证控件啥意思忘记了RequiredFieldValidator是不允许为空RegularExpressionValidator是按某个规则进行验证两个拖动控件后都需要添加的属性是ControlToValidate=“验证目标ID”将验证控件与目标控件绑定Display=“NONE/STATIC/DYNAMIC” dynamic为动态显示 static为静态显示 none为不显示规则表达式验证后会有默认属性被打开（大雾，我也不清楚大概是这样吧）反正我是报错了需要添加protected void Page_Load(object sender, EventArgs e){UnobtrusiveValidationMode = UnobtrusiveValidationMode.None;}将这个验证属性设置为不开启这样就成功形成了注册页面再次设计一个登入界面<div><asp:Label ID="Label7" runat="server" Text="用户名"></asp:Label><asp:TextBox ID="TextBox7" runat="server"></asp:TextBox><asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server" ControlToValidate="TextBox7"  ErrorMessage="用户名不能为空" Display="Dynamic"></asp:RequiredFieldValidator><asp:RegularExpressionValidator ID="RegularExpressionValidator5" runat="server" ControlToValidate="TextBox7" ErrorMessage="只能填入数字！" ValidationExpression="[0-9]*" Display="Dynamic"></asp:RegularExpressionValidator><br /><asp:Label ID="Label8" runat="server" Text="密  码:"></asp:Label><asp:TextBox ID="TextBox8" runat="server"></asp:TextBox><asp:RequiredFieldValidator ID="RequiredFieldValidator8" runat="server" ErrorMessage="密码不能为空" ControlToValidate="TextBox8" Display="Dynamic"></asp:RequiredFieldValidator><asp:RegularExpressionValidator ID="RegularExpressionValidator6" runat="server" ErrorMessage="密码不能输入中文" ControlToValidate="TextBox8" Display="Dynamic" ValidationExpression="[0-9,a-z,A-Z,@,$,#,%,&,*]*"></asp:RegularExpressionValidator><br /><asp:Button ID="Button2" runat="server" Text="登入" /></div>这玩意就复制注册页面的用户密码设置加个Button这个按钮就可以了。问题来了怎么设计想注册的出现注册页面，想登入的时候出现登入页面干脆分为三个页面第一个页面显示登入和注册选项显示登入跳转到登入页面，显示注册跳转到注册页面分为了三个页面![请添加图片描述](https://img-blog.csdnimg.cn/d7da6362ae56402c8650585da843bfa1.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5bmz5bmz5peg5aWH546L5p-Q5Lq6,size_20,color_FFFFFF,t_70,g_se,x_16)

整体布局于是写了个CSS文档
用将其整体布局连接起来了。
如何将页面跳转呢？
Server.Transfer(“WebForm2.aspx”)
Server.Transfer(“WebForm1.aspx”);
Server.Transfer(“WebForm3.aspx”);WEB应用状态管理
也会出现这种情况，要将这个默认验证给带上
UnobtrusiveValidationMode = UnobtrusiveValidationMode.None; 需要添加JQuery
成功形成首页的跳转，
但是从分页跳转到首页又出现问题了
因为分页有验证控件，此时跳转必然会出现在先验证的情况
解决办法将CASUSEValidation设置为false
这样就可以避开这个按钮敏感的问题。
到这就完成了登入页面的初步设计了！
第一步完成
第二部设置数据库
视图中SQLsever资源管理器打开
在其中拥有的全局数据库又键创建一个就好啦，用SQL代码创建数据库
CREATE TABLE [dbo].[userinfo] (
[用户名] NVARCHAR (50) NOT NULL,
[密码] NVARCHAR (50) NOT NULL,
[身份] NVARCHAR (50) NULL,
[姓名] NVARCHAR (50) NULL,
[性别] NVARCHAR (50) NULL,
[电话] NVARCHAR (50) NULL,
[邮箱] NVARCHAR (50) NULL,
PRIMARY KEY CLUSTERED ([用户名] ASC)
);
根据我的题目要求我需要插入一个管理员数据
代码，还是直接在表中插入都行。
第三步表也建成了，现在就差连接数据库，实现注册更新数据库，搜索数据进行登入了
时间不早了明天将，这个数据库连接补上
2.登入界面验证和数据库连接在这呢；
https://blog.csdn.net/m0_45940333/article/details/121503625
这里面可没教你怎么建立数据库，只是展示了连接数据库代码，怎么在visual stiduo中建立本地局部数据库我没教，
写这个的时候我是事先在数据库中加入了一个元组数据，所以注册没写先写登入也没关系。（其实我就是觉得这个控件少看的舒服才先写这个的！）
至于验证界面中的插入数据和这个差不多
整了我就发过来！；
3.注册界面的代码
！！！！！之前邮箱的正则表达式忘记改了！
https://blog.csdn.net/m0_45940333/article/details/121505536
写到这里发现这个登入界面还是有些东西没解决，比如说对于注册和登入的提示呈现不匹配问题
整体封面都呈现不太好看CSS布局要设计，主页也未设计完整。
在后面做那个高校自习室信息系统中我将会将这玩意更加详尽。不过发不发出来就另外说啦！以上。

日记1：卧槽2021/11/24日了0:19，好烦，大学课程落下好多，英语考试也没过，还挂了一科，吐了吐了，还有锻炼身体的目的，以后考研还是考证考公也不知道，现在家庭关系比较紧张（出了些比较私人的事情），经济问题也有。不想又学习又去打工啊喂！我还有健身的梦想啊喂！困了困了睡觉了。下次再看吧，不我先打把王者在睡。今天都忙这么久了！

C# ASP.NET.Web大学课堂登入注册界面实验相关推荐

Java+Servlet+filter+javascript+html+jsp登入注册更新个人信息
eclipse+Java+Servlet+filter+javascript+html+jsp+EL登入注册更新个人信息数据库sql用vs2008或者mysql用mysql 代码粗糙,提示信息未处理 ...
详细介绍idea实现javaweb项目登入注册(华东交通大学教务处信息管理系统)、模糊查询...
详细介绍idea实现javaweb项目登入注册(华东交通大学教务处信息管理系统).模糊查询 1,创建数据库,我的用户名:root 密码:root,数据库名称:lianwei,表名:login 2,效果 ...
利用java知识做一个模拟qq登入模拟界面
qq模拟登入界面一.设计概述 1.使用java所学知识,做一个qq登入模拟界面,如图所示. QQ登录界面整体可以看做一个容器窗口,使用JFrame容器来实现,从登录界面的布局效果和显示内容可以看出, ...
手机登入注册为什么出现这个错误？
一点击登入出现这个错误我想要把页面输入的手机号存到数据库中login_phone 数据库 CREATE TABLE `user` (`id` int(11) NOT NULL AUTO_INCR ...
WPF帝友借贷系统MV模式开发日志2021/04/02_前台登入注册页面搭建
WPF帝友借贷系统MV模式开发日志_前台页面搭建下面是我搭建好的前台登入界面可以看出,登入界面主要分为两个部分一个部分是登入程序信息显示(左边) 一部分是登入数据验证部分(右边)因为是桌面软件, ...
学生管理系统升级java版(登入,注册,忘记密码)
package 学生管理系统;import java.util.ArrayList; import java.util.Random; import java.util.Scanner;public ...
Day212.OAuth2、微信二维码登入注册功能、用户登录信息前后端供、讲师列表前后端 -谷粒学院
谷粒学院 OAuth2的使用场景一.OAuth2解决什么问题 1.OAuth2提出的背景照片拥有者想要在云冲印服务上打印照片,云冲印服务需要访问云存储服务上的资源 2.图例资源拥有者:照片拥有者 ...
Web前端-网站首页和注册界面的实现
首页用到的知识如下: 1.bootstrap框架 2.jQuerry实现页面定时弹出广告注册界面用到的知识: 1.bootstrap框架 2.jQuerry实现省市联动操作 3.jQuerry实现表 ...
python模拟登陆验证码el_8-python模拟登入（无验证码）
方式: 1.手动登入,获取cookie 2.使用cookielib库和 HTTPCookieProcessor处理器 #_*_ coding: utf-8 _*_ ''' Created on 20 ...

C# ASP.NET.Web大学课堂登入注册界面实验

C# ASP.NET.Web大学课堂登入注册界面实验相关推荐

最新文章

热门文章