当前位置:   article > 正文

合肥工业大学 网络程序设计 实验三_分布式程序设计 合肥工业大学 实验

分布式程序设计 合肥工业大学 实验

一、实验目的

1)熟悉VS 2010开发环境,学会使用VS创建网站基本结构
2)熟悉HTML服务器控件,特别是FORM表单服务器控件的设置
3)掌握表单处理方法
4)掌握服务器内置对象:Request、Response、Session等内置对象的使用
5)掌握ASP.NET日期时间类
6)掌握在MSSQL 2008创建数据库、数据表,并能使用SQL语句进行表操作(SELECT、INSERT、UPDATE、DELETE)
7)掌握Web.config文件中变量的创建与读写
8)掌握ADO.NET提供的连接式数据访问方式,了解非连接式数据访问方式
9)掌握数据源Web服务器控件,数据Web服务器控件

二、实验环境

Windows OS 、 VS 2019(C#)、SQL Server2019

三、实验内容

获取与表单用户名、密码后,在注册数据库中验证成功,则在myhome页面显示当前用户的私有数据;否则,提示请输入正确的用户名、密码。

四、原理实验步骤

实验原理

通过服务器控件获取用户输入后,合法用户则创建相应的Session变量,并进行合适的网页重定向,并在myHome.aspx网页中显示相应的个人相关记录,如显示当前登录用户的选修课程。利用相关控件,也可使用数据服务器控件,如GridView等进行显示,并编辑等等。
判定合法用户依据:未使用数据库/表时,启用静态用户名/口令验证原则:使用数据库,则通过当前数据库VS 2008或Access数据库中,相应的表中是否有该用户和密码。

实验步骤

1、安装VS所需环境(注意VS INSTALLER的“修改”是只保持有当前勾选的组件)

1)ASP.NET和Web开发
2).NET桌面开发,其中需要使用到C#
3)注意在安装详细信息中勾选.NET Framework 4.6.2开发工具
在这里插入图片描述

2、创建项目

在搜索栏输入ASP.NET Web,语言限制选择C#。
在这里插入图片描述

3、项目配置

选择空模板就好了。
在这里插入图片描述

4、通过VS2010创建空ASP.NET网站。添加2个WEB 窗体:login.aspx,myhome.aspx

在这里插入图片描述
4.1设置窗体Title为:登录页
在这里插入图片描述
4.2在login.aspx中,使用工具箱->标准:添加3个Label、2个TextBox、2个Button控件
在这里插入图片描述

4.3 设置控件属性
直接在login.aspx文件里面修改控件属性,一些简单的html语法。可以调整开发模式为拆分模式,这样可以在修改源码的同时观察自己的页面设置效果。
ID:Label1、Label2、Label3、txtUserName、txtPwd、btnLogin、btnReset
设置Label标签的Text属性分别为:用户名、密码、请输入用户名密码
设置Button按钮的Text分别为:登录、重写
4.4设置Button控件Click事件响应函数
步骤一:切换到设计模式或拆分模式,双击Button控件即会自动创建login.aspx.cs(C#文件)文件。并且会自动生成btnLogin_Click事件响应函数。
在这里插入图片描述

btnLogin的Click事件:
获取TextBox控件txtUserName、txtPwd的输入值(可通过对象的属性或者Request.form集合获取相应的变量与变量值)
检查txtUserName、txtPwd的值是否为合法用户,如:用户名为"张三",密码为"1234",如果是的话,则创建Session变量保存当前的登录用户名与密码,再重定向至myhome.aspx;否则的话,将Label3的Text属性设置为:请输入正确的用户名与密码!
btnReset的Click事件:将TextBox控件txtUserName、txtPwd清空。
这部分实现的代码贴图略去,后续步骤中将直接介绍连接数据库后的Click响应事件。

5、添加新项Visual C# Web 窗体:myhome.aspx。

5.1 设置窗体Title为:我的空间(操作同步骤4.1)
5.2在myhome.aspx中,使用工具箱->标准:添加3个Label,1个Button。(操作同步骤4.2)
5.3 设置控件属性(操作同步骤4.3)
ID:Label1、Label2、Label3,btnLogout
设置3个Label标签的Text属性分别为:欢迎您来到您的空间!、空白、空白。
设置Button的Text属性为:退出。
5.4 在myhome.aspx.cs的Page_Load响应函数中:
为防止用户绕过前端登录login页面,通过Session变量,验证当前用户是否已登录,如未登录则重定向至login.aspx。
在这里插入图片描述

设置Label2.Text值为:当前用户名和密码,即Session中保存的用户名和密码
设置Label3.Text值为:输出当前系统时间。
在这里插入图片描述

5.5 设置btnLogout的Click响应函数
退出当前Session;
重定向到login.aspx窗体。
在这里插入图片描述

6、SQLServer2019的安装和使用

1)安装SQLServer2019和SQL Server Management Studio (SSMS)。
本实验参考博客 链接: SQL Server 2019 安装教程 安装与配置SQLServer2019,SSMS也需要安装。(仅供学习参考)
2)单击打开SQL Server Management Studio (SSMS)工具设置连接,注意此处的服务器名称。
一些配置操作略去,注意记住自己的用户名密码。
在这里插入图片描述

3)新建库表或者直接用系统数据库中已有库,再在本系统数据库中创建所需表。
在这里插入图片描述

4)编辑内容,选择编辑前200行,自行添加数据;或者自己编写数据库脚本添加数据。
在这里插入图片描述

7、cs文件中编写使用SQL语句自动连接数据库的逻辑。

步骤一:login.aspx.cs登陆页面和数据库的交互:
重新回到上述登录按钮事件逻辑的编写,通过编写这段逻辑,将可以实现浏览器和数据库的自动连接,sql脚本如下所示:

// A code block
var foo = 'bar';
  • 1
  • 2
// An highlighted block
 SqlConnectionStringBuilder a = new SqlConnectionStringBuilder();
            a.DataSource = "DESKTOP-LAHSS76\\SQLEXPRESS";
            a.UserID = "sa";
            a.Password = "xxxxxxxxx";//注意修改为自己的密码
            a.InitialCatalog = "master";
            SqlConnection conn = new SqlConnection(a.ToString());
conn.open();
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

判断登录是否成功,需要和数据库中的内容比较。因此编写cc作为sql查询语句,可以在SSMS作测试,判断sql语句是否编写存在语法错误。特别注意:sql server的语法规范不同于mysql,切勿混淆。通过SqlDataReader类的实例对象在数据库中作查询操作,如果查询成功则初始化Session对象usr和password,并跳转到home页面,查找错误则弹窗报错“用户名或者密码输入错误”

string cc = "Select * From STUDENT Where USERID =" + "'" + txtUserName.Text + "'" + "AND PASSWORD =" + txtPwd.Text;
SqlCommand ab = new SqlCommand(cc, conn);
                SqlDataReader abc = ab.ExecuteReader();
                while (abc.Read())
                {
                    Session["usr"] = txtUserName.Text;
                    Session["password"] = txtPwd.Text;
                    flag2 = true;
                    Response.Write("<script>alert('登陆成功!');location.href='myhome.aspx';</script>");
                }
                if (flag2 == false)
                {
                    Response.Write("<script>alert('用户名或者密码输入错误!');");
                }
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14

最后记得执行conn.close()语句关闭数据库连接服务。
步骤二:myhome.aspx.cs用户详情页和数据库的交互:
在Page_Load函数中,检测到Session变量不为空,此时不会再发生跳转逻辑;根据实验要求,在listbox中添加一个项目,为其文本赋值为“我所选修的课程”。需要注意的是,只要添加一次,因为每次刷新页面都会执行一次Page_Load 函数。这里的数据库连接操作和步骤一登录页面比较相同,这里给出不一样的sql查询语句:
string cc = “SELECT * FROM CLASS WHERE USERID = '” + Session[“usr”] + “'”;
查询成功后,将所查到的课程作为项目添加到listbox中即可。
this.ListBox1.Items.Add(abc[1].ToString());

五、关键问题及解决方法

1)题目要求在Page_Load()为ListBox中添加item项,text属性为“我所选修的课程”。但是每进行一次事件的触发,页面就会执行刷新操作。包括在“查询课程”按钮中的item添加的操作在内,将会被重复执行,导致ListBox中出现不应该出现的大量重复项目。因此,应该选择在Page_Load()体内添加一句清空操作:this.ListBox1.Items.Clear();
2)为登陆页面和学生详情课程展示页面添加图片背景。选择图片的绝对路径时,虽然在设计页面有预期的图片背景效果,但是在IIE Express执行后的浏览器内无法查询到本地的图片。解决方法一个是从网络上寻找图片,第二个解决办法是将图片放到同样的文件夹目录下,这样文件和图片就拥有了相同的相对路径,就可以正常显示了。

六、源码

1、login.aspx

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

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>ywf登录</title>
<style>
body 
{
	background-image:url('https://www.hfut.edu.cn/__local/F/BF/24/B5D33A17D42A95F5B31A48E9D51_9F0B79AE_197F6.jpg');
}
</style>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:Label ID="Label1" runat="server" Text="用户名"></asp:Label>
            &nbsp;
            <asp:TextBox ID="txtUserName" runat="server"></asp:TextBox>
            <br />
            <asp:Label ID="Label2" runat="server" Text="密码"></asp:Label>
            &nbsp;&nbsp;
            <asp:TextBox ID="txtPwd" runat="server" TextMode="Password"></asp:TextBox>
            <br />
            <br />
            <asp:Label ID="Label3" runat="server" Text="请输入用户名和密码"></asp:Label>
        </div>
        <asp:Button ID="btnLogin" runat="server" Text="登录" OnClick="btnLogin_Click" />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <asp:Button ID="btnReset" runat="server" Text="重写" OnClick="btnReset_Click" />
    </form>
</body>
</html>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36

2、myhome.aspx

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

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>ywf我的空间</title>
<style>
body 
{
	background-image:url('https://www.hfut.edu.cn/__local/F/BF/24/B5D33A17D42A95F5B31A48E9D51_9F0B79AE_197F6.jpg');
}
</style>
</head>
<body>
    <form id="form1" runat="server">
        <asp:Label ID="Label2" runat="server" Text="当前用户名、密码"></asp:Label>
        <br />
        <asp:Label ID="Label3" runat="server" Text="当前系统时间"></asp:Label>
        <br />
        <br />
        <asp:ListBox ID="ListBox1" runat="server" Width="183px"></asp:ListBox>
&nbsp;<asp:Button ID="bynSearchMyclass" runat="server" Text="查询" OnClick="bynSearchMyclass_Click" />
        <div>
            <asp:Label ID="Label1" runat="server" Text="欢迎您来道您的空间!"></asp:Label>
        </div>
        <br />
        <br />
        <asp:Button ID="btnLogout" runat="server" Text="退出" OnClick="btnLogout_Click" />
    </form>
</body>
</html>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33

3、login.aspx.cs

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

namespace WebApplication2
{
public partial class login : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }

        protected void btnLogin_Click(object sender, EventArgs e)
        {
            bool flag2 = false;
            SqlConnectionStringBuilder a = new SqlConnectionStringBuilder();
            a.DataSource = "DESKTOP-LAHSS76\\SQLEXPRESS";
            a.UserID = "sa";
            a.Password = "xxxxxxxx";
            a.InitialCatalog = "master";

            SqlConnection conn = new SqlConnection(a.ToString());
            try
            {
                conn.Open();
                if (conn.State == System.Data.ConnectionState.Open)
                {
                   //Response.Write("<script>alert('数据库已打开');</script>");
                }
                /*连接后操作*/
                string cc = "Select * From STUDENT Where USERID =" + "'" + txtUserName.Text + "'" + "AND PASSWORD =" + txtPwd.Text;


                SqlCommand ab = new SqlCommand(cc, conn);
                SqlDataReader abc = ab.ExecuteReader();
                while (abc.Read())
                {
                    Session["usr"] = txtUserName.Text;
                    Session["pwd"] = txtPwd.Text;
                    flag2 = true;
                    Response.Write("<script>alert('登陆成功!');location.href='myhome.aspx';</script>");
                }
                
                if (flag2 == false)
                {
                    Response.Write("<script>alert('用户名或者密码输入错误!');");
                }

            }
            catch (Exception)
            {

            }
            conn.Close();
        }

        protected void btnReset_Click(object sender, EventArgs e)
        {
            txtUserName.Text = "";
            txtPwd.Text = "";
            Response.Write("<script>alert('清除成功!');</script>");
        }
    }
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69

4、myhome.aspx.cs

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

namespace WebApplication2
{
    public partial class myhome : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            if(Session["usr"] == null)
            {
                Response.Redirect("login.aspx");
            }
            if (Session["class"] == null)
            {
                
            }
            if(Session["usr"] != null)
            {
                this.ListBox1.Items.Clear();
                this.ListBox1.Items.Add("我所选修的课程");
                this.Label2.Text = "当前用户名、密码为" + Session["usr"].ToString() +"、"+ Session["pwd"].ToString();
                this.Label3.Text = "当前时间为:" + DateTime.Now.ToString("yyyy-MM-dd hh:mm:ss");
            }
            Session["class"] = "have";

        }

        protected void btnLogout_Click(object sender, EventArgs e)
        {
            Session["usr"] = null;
            Session["password"] = null;
            Response.Write("<script>alert('您已成功退出登录!');location.href='login.aspx';</script>");
        }

        protected void bynSearchMyclass_Click(object sender, EventArgs e)
        {
            
            SqlConnectionStringBuilder a = new SqlConnectionStringBuilder();
            a.DataSource = "DESKTOP-LAHSS76\\SQLEXPRESS";
            a.UserID = "sa";
            a.Password = "xxxxxxxx";
            a.InitialCatalog = "master";
            SqlConnection conn = new SqlConnection(a.ToString());
            conn.Open();
            if (conn.State == System.Data.ConnectionState.Open)
            {
                //Response.Write("<script>alert('数据库已打开');</script>");
            }
            else
            {
                Response.Write("<script>alert('数据库fail');</script>");
            }
            string cc = "SELECT * FROM   CLASS WHERE USERID = '" + Session["usr"] + "'";
            SqlCommand ab = new SqlCommand(cc, conn);
            SqlDataReader abc = ab.ExecuteReader();
            while (abc.Read())
            {
                //Response.Write("<script>alert('查询成功');</script>");
                if(abc[1].ToString() == "null")
                {
                    this.ListBox1.Items.Clear();
                    this.ListBox1.Items.Add("没有选修任何一门课程!");
                }
                else
                {
                    this.ListBox1.Items.Add(abc[1].ToString());
                }             
            }
            if (!abc.Read())
            {
                this.ListBox1.Items.Clear();
                this.ListBox1.Items.Add("没有选修任何一门课程!");
            }
            conn.Close();
        }


    }
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82
  • 83
  • 84
  • 85
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/知新_RL/article/detail/825301
推荐阅读
相关标签
  

闽ICP备14008679号