Web创建网站登录页面

目录

一、创建新窗体

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

 2.创建login.aspx

 二、添加控件

 三、login.aspx页面中

四、添加点击控件

1.打开login.aspx页面源

五、总结

一、创建新窗体

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

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

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

 2.创建login.aspx

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

 二、添加控件

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

 三、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;
        }
        


    
            
        

            

                系统用户登录
            
            

                

                
                
                

                    
                
            
            

                

                
                
                

                    
                
                
            
             

                

                
                
                

                    
                    
                    
                
            
            

                

                    
                    
                

                    
            
            
        
    

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

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

四、添加点击控件

1.打开login.aspx页面源

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

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

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

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

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

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

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

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

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

五、web总结

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