Web创建网站登录页面

作者 : admin 本文共1280个字,预计阅读时间需要4分钟 发布时间: 2024-06-9 共2人阅读

目录

一、创建新窗体

1.创建一个普通的ASP.NET空web网站

 2.创建login.aspx

 二、添加控件

 三、login.aspx页面中

四、添加点击控件

1.打开login.aspx页面源

五、总结


一、创建新窗体

1.创建一个普通的ASP.NET空web网站

新窗体自己命名为自己想要建立的名字,我就命名为一课一得了

一定注意的是要选择一个空的应用程序用于创建ASP.NET应用程序的空项目模版

Web创建网站登录页面插图

 2.创建login.aspx

“解决方案资源管理器”中,添加新项目,选择Web窗体,命名为“login.aspx”,记得注意选择,不要选错了

Web创建网站登录页面插图(1)

 二、添加控件

login.aspx窗体中添加控件,所添加的控件类型,控件名称,添加这些控件,textbox:用于输入登录名;用于输入登录密码,RadioButton:用于选择用户级别

Web创建网站登录页面插图(2)

 三、login.aspx页面中

这个是使用

标记进行布局,里面有css样式,设置长宽,设置用户级别。








    
    
        .auto-style2 {
            width: 450px;
            height: 47px;
        }
        .auto-style3 {
            width: 180px;
        }
        .auto-style8 {
            height: 25px;
            width: 296px;
        }
        .auto-style9 {
            width: 296px;
        }
        .auto-style11 {
            height: 41px;
            width: 180px;
        }
        .auto-style12 {
            height: 25px;
            width: 180px;
        }
        


    
            
        
系统用户登录

这个布局是在源这里写,设计是直接拖控件,控件可以直接拖过来就好,拆分是可以拖控件,又可以写代码,这样就可以一边看控件,一边写代码进行修改。

Web创建网站登录页面插图(3)

这里是可以设计的 ,直接拖控件用户登录系统,用户名,密码,用户级别,用户可以通过选择来进行自己的身份,利用C#写if语句判断用户名和密码在进行是否可以登陆成功。

Web创建网站登录页面插图(4)

四、添加点击控件

1.打开login.aspx页面源

打开login.aspx页面源里面加入两个点击控件分别是登录页面和重置,

1.判断用户输入的用户名和密码是否为空,如果为空,则不能登录

2.判断用户输入的用户名和密码是否正确

3.如果登录成功就显示信息

4.如果错误,会显示用户名或密码错误的提示信息

5.将用户名和密码设置为空值

6.运行页面看是否出错,如没有出错一个完整的页面就写好了

以上是需要C#进行判断语句编写,可以去网上进行搜查,里面可以连接数据库,这样可以获取的大家的信息密码,用户名和密码唯一的。

这样就可以得到一个简单的登录页面,先是进行css样式进行编写,直接拉控件也是可以。

五、web总结

登录页面其实在web中还是非常常见的,所以大家一定要掌握它,web是写接口的,利用三层架构,然后就可以根据自己的需求进行代码编写,主要是要面向后端多一点,就像上面的例子利用web进行数据库的连接,然后前端在进行渲染到页面上,web是一个很大库,然后进行整理,让用户更清晰的看出当中的信息,然后在传到前端进行页面上的编辑,一般来说后端好像更为复杂一些,编写接口一般是ajax,前端再通过AJAX进行传值,不过大家通过学习也可以领会其中的乐趣。

本站无任何商业行为
个人在线分享-虚灵IT资料分享 » Web创建网站登录页面
E-->