一、引用外部样式表或JS，在<head>…</head>标签之间添加：

<link href="yangshi.css" type="text/css" rel="stylesheet" />
<script src="jquery-2.1.1.js"></script>

注意文件路径，  ../ 表示从本级目录向上一级，  文件名/  表示向下一级 

二、如何在ASP.NET的网页中实现用户登录：

1.使用ASP.net的控件：

按照下图绘制（注意图中的按钮使用的是ASP.NET的控件）：

按钮的点击事件代码，需要写在.cs文件中，

protected void btnSubmit_Click(object sender, EventArgs e)

    {

        string user = txtUser.Text.Trim();//获取输入的用户名

        if (user == "")

        {

            Response.Write("<font size=36 color=#e3e3e3>不能为空</font>");

        }

        string pwd = txtPwd.Text.Trim();//获取输入的密码

        if (txtYzm.Text.Trim() == yzm.Text)

        {

            UserTableData udata = new UserTableDA().Select(user, pwd);//比对，这个方法并非Code Smith自动创建，

            if (udata != null)

            {

                Response.Redirect("http://baidu.com");//比对正确，打开百度网页

            }

            else

            {

                Label1.Visible = true;

            }

        }

        else

        {

            Response.Write("<font size=36 color=#ccaa55>验证码错误</font>");

        }

    }

Response.Write()  在HTML的源中写入()中的内容，遵循HTML的语言格式。

此段代码中使用的是Code Smith自动生成增删改查，与面向对象中的自己创建的增删改查是一样的。

Select(user,pwd)的内容：（根据Code Smith生成的代码改写）

public UserTableData Select(string user,string pwd)

        {

            UserTableData data = null;

            _Cmd.CommandText = "select * from UserTable where uname = @uname and upwd=@upwd";

            _Cmd.Parameters.Clear();

            _Cmd.Parameters.AddWithValue("@uname", user);

            _Cmd.Parameters.AddWithValue("@upwd", pwd);

            try

            {

                _Conn.Open();

                SqlDataReader dr = _Cmd.ExecuteReader();

                while (dr.Read())

                {

                    data = new UserTableData();

                    data.Ucode = (Int32)dr["ucode"];

                    data.Uname = (String)dr["uname"];

                    data.Upwd = (String)dr["upwd"];

                    data.Uvip = (String)dr["uvip"];

                    data.Uremark = (String)dr["uremark"];

                }

                dr.Close();

                dr.Dispose();

            }

            catch (Exception ex)

            {

                throw ex;

            }

            finally

            {

                _Conn.Close();

                _Cmd.Dispose();

                _Conn.Dispose();

            }

            return data;

        }

 

使用HTML的控件，

注意其单击事件，有两种单击事件，一种是onclick，一种是onserverclick(在服务器上单击)

onclick事件是写在本页面中HTML的方法function()：

<script>

        function yanzheng()

        {

            var x = document.getElementById("txtUser");

            if (x.value.length == 0)

            {

                alert("用户名不能为空");

            }

        }

    </script>

alert()  弹出对话框。

onserverclick事件写在此网页的.cs文件中

protected void btnSubmit_ServerClick(object sender, EventArgs e)

    {

        string user = txtUser.Value;

        string pwd = txtUser2.Value;

        UserTableData udata = new UserTableDA().Select(user, pwd);

        if (udata != null)

        {

            Response.Redirect("http://baidu.com");

        }

        else

        {

            Label1.Text = "用户不存在";

        }

    }

添加图片类型的验证码：

在网站项目中新加一个类：一般处理程序（.ashx文件），

然后写入以下代码（替代原有的代码）：

<%@ WebHandler Language="C#" Class="Handler" %>

using System;

using System.Web;

using System.Web.SessionState;

using System.Drawing;

using System.Drawing.Drawing2D;

using System.Drawing.Imaging;

public class Handler : IHttpHandler,IRequiresSessionState{

    public void ProcessRequest(HttpContext context)

    {

        context.Response.ContentType = "image/jpeg";

        Bitmap img = new Bitmap(50, 20);//位图

        Graphics g = Graphics.FromImage(img);

        string s = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";

        string str = "";

        Random rand = new Random();//初始化随机数

        for (int i = 0; i < 4; i++)

        {

            int start = rand.Next(62); //生成一个随机的起始位置

            str += s.Substring(start, 1).ToString();

        }

        context.Session["code"] = str;

        Font font = new Font("宋体", 12, FontStyle.Bold);

        SolidBrush brush = new SolidBrush(Color.White);

        g.FillRectangle(brush, 0, 0, 50, 20);

        brush.Color = Color.Red;

        g.DrawString(str, font, brush, 0, 0);

        img.Save(context.Response.OutputStream, ImageFormat.Jpeg);

    }

    public bool IsReusable {

        get {

            return false;

        }

    }

}

在网页中添加一个Image的控件：

ImageUrl就是刚刚创建的一般处理程序的文件名。

注意，点击验证码只刷新验证码，用到了一个异步操作，在AJAX扩展中的两个控件：

ScriptManager与UpdatePanel

注意，ScriptManager控件必须在UpdatePanel之前，一般将其放在网页的最开始：

HTML源：

<body>

    <form id="form1" runat="server">

    <div>

        <asp:ScriptManager ID="ScriptManager1" runat="server">

        </asp:ScriptManager>

        <asp:UpdatePanel ID="UpdatePanel1" runat="server">

            <ContentTemplate>

        验证码：<asp:TextBox ID="txtCode" runat="server" Width="74px"></asp:TextBox>

        <asp:Image ID="Image1" ToolTip="看不清点击换一张" runat="server" ImageUrl="Code.ashx" />

        <br />

        <asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="登录" />

        <asp:Label ID="Label1" runat="server" ForeColor="Red"></asp:Label>

            </ContentTemplate>

        </asp:UpdatePanel>

    </div>

    </form>

</body>

UpdatePanel标签把需要单独提交的内容包裹起来即可。

 

20150225--ASP.NET基础（2）的更多相关文章

  1. (转)asp.net基础-HttpModule

    HttpModule是向实现类提供模块初始化和处置事件.当一个HTTP请求到达HttpModule时,整个ASP.NET Framework系统还并没有对这个HTTP请求做任何处理,也就是说此时对于H ...

  2. ASP.NET基础之HttpHandler学习

    ASP.NET基础之HttpHandler学习 经过前两篇[ASP.NET基础之HttpModule学习]和[ASP.NET基础之HttpContext学习]文章的学习我们对ASP.NET的基础内容有 ...

  3. ASP.NET基础之HttpModule学习

    最近学习WCF知识时看到有关IIS版本的知识,发现对HttpContext,HttpModule,HttpHandler的内容都不是很了解,这三个也是ASP.NET相对基础的内容,晚上特地花点时间针对 ...

  4. ASP.NET基础知识汇总之WebConfig自定义节点详细介绍

    之前介绍过Webconfig的具体知识ASP.NET基础知识汇总之WebConfig各节点介绍.今天准备封装一个ConfigHelper类,涉及到了自定义节点的东东,平时虽然一直用,但也没有系统的总结 ...

  5. [随记][asp.net基础]Page_Load和OnLoad

    标题:[随记][asp.net基础]Page_Load和OnLoad 一.前言 东西好久不用.不想,就会忘,所以没办法,只好记下来. 二.正文 aspx页面加载的时候会自动执行Page_Load,也会 ...

  6. (转)ASP.NET基础之HttpHandler学习

    原文地址:http://www.cnblogs.com/wujy/archive/2013/08/18/3266009.html 经过前两篇[ASP.NET基础之HttpModule学习]和[ASP. ...

  7. 【ASP.NET 基础】表单和控件

    1.HTML表单的提交方式 对于一个普通HTML表单来说,它有两个重要的属性:action 和 method.action属性指明当前表单提交之后由哪个程序来处理,这个处理程序可以是任何动态网页或者 ...

  8. 【ASP.NET 基础】ASP.NET内置对象

    准确地说,asp.net 并没有内置对象这一说,jsp 里确实把 request.response 这些当作 jsp 的内置对象,这里只不过是借用了一下 jsp 的说法而已.在 Web 中处于中心的是 ...

  9. ASP.NET基础笔记

    MSDN:                                                                                                ...

  10. asp.net基础

    这篇主要讲述以下基础知识: Request对象 Response对象 Server对象 Cookie对象 Application对象 ViewState对象 <%%>与<%=%> ...

随机推荐

  1. LintCode 子树

    easy 子树 19% 通过 有两个不同大小的二进制树: T1 有上百万的节点: T2 有好几百的节点.请设计一种算法.判定 T2 是否为 T1的子树. 您在真实的面试中是否遇到过这个题? Yes 例 ...

  2. ChRoomtst

    https://github.com/JawaJedi/ChRoomtst

  3. C++ Socket超时设置

    用winsocket时,send(),recv()过程中有时由于网络状况等原因,收发不能预期进行,可以设置收发时限:int nNetTimeout = 1000; //1秒//发送时限setsocko ...

  4. android安卓最新快捷环境搭建(转)

    现在很多视频和文章上的安卓环境搭建还是比较老的,挺麻烦.现在写快速方便的搭建: 一.下载JDK: 网址:http://www.oracle.com/technetwork/java/javase/do ...

  5. 分享十个CSS3鼠标滑过文字动画特效

    介绍10组基于CSS3的鼠标滑过文字动画特效,有上凸.下凹等文字动画.这些炫酷的CSS3文字效果可以让网页变得更加绚丽.效果图如下: 在线预览   源码下载 实现的代码. html代码: <h2 ...

  6. Wcf 之 配置文件解析

    在WCF Service Configuration Editor的使用中,我们通过配置工具自动生成了WCF服务端的config文件.现在我们来看下这个配置文件各个标签的意义(解释在下面xml文件中的 ...

  7. 采用handle消息机制实现轮播效果

    // 自动轮播条显示 if (mhandle == null) { mhandle = new Handler() { public void handleMessage(Message mes) { ...

  8. UIWebView获得内容的高 高度自适应 宽度自适应

    UIWebView获得内容的高-作出自适应高的UIWebView- (void)webViewDidFinishLoad:(UIWebView *)webView { NSString *height ...

  9. IOS获取系统时间 NSDate

    //返回当前时间,精确到毫秒.- (NSString *)getTimeNow { NSString* date; NSDateFormatter * formatter = [[NSDateForm ...

  10. 【Android 界面效果39】android:inputType问题

    1.  在XML代码中实现比较简单, 直接设置android:inputType="textMultiLine": [mw_shl_code=java,true]<EditT ...