当前位置:首页 » 《随便一记》 » 正文

合肥工业大学 网络程序设计 实验三

4 人参与  2023年04月08日 14:42  分类 : 《随便一记》  评论

点击全文阅读


目录

一、实验目的二、实验环境三、实验内容四、原理实验步骤实验原理实验步骤1、安装VS所需环境(注意VS INSTALLER的“修改”是只保持有当前勾选的组件)2、创建项目3、项目配置4、通过VS2010创建空ASP.NET网站。添加2个WEB 窗体:login.aspx,myhome.aspx5、添加新项Visual C# Web 窗体:myhome.aspx。6、SQLServer2019的安装和使用7、cs文件中编写使用SQL语句自动连接数据库的逻辑。 五、关键问题及解决方法六、源码1、login.aspx2、myhome.aspx3、login.aspx.cs4、myhome.aspx.cs

一、实验目的

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 blockvar foo = 'bar';
// 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();

判断登录是否成功,需要和数据库中的内容比较。因此编写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('用户名或者密码输入错误!');");                }

最后记得执行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>

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>

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>");        }    }}

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();        }    }}

点击全文阅读


本文链接:http://zhangshiyu.com/post/58887.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

关于我们 | 我要投稿 | 免责申明

Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1