简单使用bootstrap制作ASP.NET的登录页面

一、引言

    刚刚学习接触ASP.NET的开发，为了熟悉vs的环境，练习之前学的bootsrap 的使用，制作了简单的登录页面。过于简单，不喜勿喷哈，具体的样子如图所示。

当登录成功时:

当登录失败时:

二、实现

其实具体的实现过程还是比较容易的，首先需要在项目中导入，bootstrap的相关包：

然后新建一个.aspx的登录页面写入

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="Login.Login" %>





    
    
    
    
    


    

        

            
登录页面
        
        

        

             

                 

                    用户名:
                    

                        
                    
                  
                  

                    密码:
                    

                        
                    
                  
                 
             
        
        

            
        
    

再打开其中.cs的页面，这里写

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace Login
{
    public partial class Login : System.Web.UI.Page
    {
        //提前设置的用户名
        private String user_name = "admin";
        //提前设置的用户密码 
        private String user_password = "12345";

        protected void Page_Load(object sender, EventArgs e)
        {

        }

        /**
         * 
         * 登录提交按钮逻辑
         * 
         * */
        protected void Button_Login(object sender, EventArgs e)
        {
            if (Username.Text == user_name &&
                Password.Text == user_password)
            {
                hint.Text = "登录成功，欢迎" + user_name + "用户！";
                hint.ForeColor = System.Drawing.Color.Green;
            }
            else
            {
                hint.Text = "登录失败！";
                hint.ForeColor = System.Drawing.Color.Red;
            }

        }

    }
}

这样一个简单的登录页面就完成了

资源文件在:http://download.csdn.net/download/dhywjx/10278998