当前位置:首页 >> >>

网络系统应用设计——容器Panel的用法

《网络应用系统设计技术》课程作业 网络应用系统设计技术》

题目 容器 Panel 的用法

班级

学号

姓名

日期 2011 年 4 月 13 日

网络应用系统设计技术





1.引言······························ ····························· 2 1.1 设计目的·························2 ························ 1.2 任务与要求························2 ······················· 2.正文······························ ····························· 2 2.1 开发环境·························2 ························ 2.2 程序设计说明·······················2 ······················ 2.3 程序源代码························3 ······················· 2.4 程序运行结果·······················6 ······················ 3.结论······························ ····························· 8 3.1 小结···························8 ·························· 3.2 心得体会·························8 ························ 4.参考文献··························· ···························8 5.附录····························· ·····························9

1

网络应用系统设计技术

1.引言 引言
1.1 设计目的
网络应用系统设计技术是基于 ASP.NET 和 C#语言的网络应用课程。而 ASP 是一项微软公司的技术, 是一种使嵌入网页中的脚本可由因特网服务器执行的服 务器端脚本技术。随着 ASP 技术应用的逐渐加深,ASP 技术自身的缺点也逐渐显 现出来, ASP 技术开发的程序的可维护性较低而且其可移植性也比较差。 如 因此, 在此基础上开发了 ASP.NET。而 ASP.NET 因其适应性强、简单性、易学性和高效 可管理性而迅速得到了广泛的应用。 本课程作业的设计目的是我们加深对于 ASP.NET 技术的了解和应用, 并且在 此基础上学习 C#语言,应用 C#语言来编写 WEB 应用程序来制作一个 WEB 动态网 页。通过本次课程作业的设计,加深对于 ASP.NET 的理解和 C#的应用,提高编 程能力,明白网页制作的基础原理,了解并学会 Visual Studio 开发环境,学会 WEB 动态网页的一般制作方法,并会利用 C#制作小型的 WEB 动态网页。

1.2 任务与要求
使用 ASP.NET 技术完成一个 Web 应用程序,其主要内容为容器 Panel 的用 法: (1)动态添加控件。 (2)单击按钮显示对应内容,另一个 Panel 隐藏。 本次课程作业的主要任务是完成一个关于 Panel 控件应用的 WEB 网页应用 程序,其主要内容有通过 Panel 控件在其上动态地添加一些控件,以实现网页的 动态。此外,还可以通过按钮来隐藏一个 Panel 控件以及其上的控件,以此来实 现在同一页面上切换界面,而不需要新建页面来切换界面。 本次课程作业要求完成任务中所要求的功能,实现任务的内容。而且课程作 业还要完成程序的界面设计,使其有一个相对良好的界面。此外,在程序中要有 完整的代码,并且在关键代码处要有注释,提高程序的可读性。最后还要给出总 结以及必得体会。

2.正文 2.正文
2.1 开发环境
本程序的开发主要是在 Visual Studio 2008 环境下开发的。本程序主要是 在 Visual Studio 2008 开发环境下,运用 C#语言来实现程序的设计。在设计过 程中,运用了 ASP.NET 的程序设计思想,以此来进行动态网页的设计。此外,在 本程序的设计过程中,还应用了 SQL Server 2000 来进行数据相关的一些操作, 从而完成数据库的连接。

2.2 程序设计说明
本程序的主要功能是对容器 Panel 控件的应用。 Panel 控件的应用主要在 而 于它可以包含其它控件。而且,通过将控件放置在 Panel 上并设置 Panel 控件的 属性,就可以一次性改变一组控件的可见性。
2

网络应用系统设计技术

而本程序的主要功能是改变 Panel 控件的可见性, 并让其上的控件也随之隐 藏或可见,从而可以改变用户面对的操作界面,而不需要逐个改变各个控件的可 见性以来达到此目的。 此外,本程序的另外一个功能是通过 Button 控件的单击事件来在 Panel 控 件上动态的生成控件。在本程序中,主要是利用 Button 控件的单击事件来生成 Button 和 TextBox 控件,并且用户可以在界面上的文本框中输入数字来确定动 态生成的控件的数目。 最后,在本程序中,还应用了数据库的一些相关的操作。在程序中,利用数 据库,对一个已建立的 CheckList 控件进行相应的操作。通过数据库中表 paneluse 中数据个数来控制 CheckList 中 CheckButton 的个数。而且,通过 paneluse 中的 name 选项来控制 CheckList 中 CheckButton 的内容。

2.3 程序源代码
由于本程序连接了数据库,因而在程序中,预先创建了一个DB类来进行定义 数据库连接,从而方便在其它地方调用数据库连接。 以下是DB类的代码: using System; //使用命名空间 using System.Data; using System.Data.SqlClient; using System.Configuration; using System.Linq; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.HtmlControls; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Xml.Linq; namespace panel { public class DB { public static SqlConnection createConnection() //使用SqlConnection函数建立数据库连接 { System.Data.SqlClient.SqlConnection con = new SqlConnection("data source= ;database=master;uid=sa;pwd=;"); //连接数据库,其中data source代表服务器名,database=master代表名为 //master的数据库 return con; } } }
3

网络应用系统设计技术

程序的核心代码如下: using System; using System.Collections; using System.Configuration; using System.Data; using System.Data.SqlClient; using System.Linq; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.HtmlControls; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Xml.Linq;

//使用命名空间

namespace panel { public partial class _Default : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } protected void Button1_Click(object sender, EventArgs e) //点击按钮在panel控件上动态生成控件 { int tt; int bt; tt = Convert.ToInt32(this.TextBox1.Text); //获取文本框中的数值,来确定生成控件数目 bt = Convert.ToInt32(this.TextBox2.Text); for(int i = 0; i < tt; i++) //通过循环来控制生成控件的数目 { this.Panel2.Controls.Add(new TextBox()); //通过Panel的Controls中的Add方法来生成控件 } for (int j = 0; j < bt; j++) { this.Panel2.Controls.Add(new Button()); } }
4

网络应用系统设计技术

protected void Button3_Click(object sender, EventArgs e) //切换Panel控件 { this.Panel1.Visible = false; //通过Panel控件的Visible属性的值来隐藏和显示Panel控件 this.Panel2.Visible = true; } protected void Button2_Click(object sender, EventArgs e) //通过数据库来决定Checklist中复选框的数目及内容 { SqlConnection con = DB.createConnection(); //创建数据库连接对象 con.Open(); //打开数据库 SqlCommand cmd = new SqlCommand("select * from paneluse", con); //从数据库中选取表paneluse中的内容 SqlDataReader sdr = cmd.ExecuteReader(); //读取表中内容 this.CheckBoxList1.DataTextField = "name"; //以表中name列作为复选框的内容 this.CheckBoxList1.DataValueField = "id"; //以表中id列的最大数值作为生成的复选框的数目 this.CheckBoxList1.DataSource = sdr; //定义Checklist的数据库来源 this.CheckBoxList1.DataBind(); //对Checklist进行数据绑定 sdr.Close(); //结束对象sdr con.Close(); //结束数据库连接对象 } protected void Button4_Click(object sender, EventArgs e) //切换Panel控件 { this.Panel2.Visible = false; //通过Panel控件的Visible属性的值来隐藏和显示Panel控件 this.Panel1.Visible = true; } }
5

网络应用系统设计技术

}

2.4 程序运行结果
程序进入界面:

使用数据库使CheckList生效界面:

通过单击按钮来隐藏 panel1 并让 panel2 可见,进行界面的切换,其界面如
6

网络应用系统设计技术

下:

通过在文本框中输入动态生成控件的数目并单击按钮来动态的生成控件,其 界面如下:

3.结论 结论
7

网络应用系统设计技术

3.1 小结
在本次课程作业的制作中,加深了对于 ASP.NET 的思想的应用,并熟悉了 Visual Studio 2008 开发环境的运用,了解并学会了 C#的语法结构,学会了运用 C#来编写程序的方法,加强了程序开发的能力,提高了编程的水平。 通过本课程作业,了解了在 Visual Studio 2008 环境下运用 C#语言来编写动 态网页的一般方法,并知道了其中控件的一般用法。通过这次课程作业,我对于 panel 控件有了进一步地认识,会利用 panel 控件来实现其主要功能,能进行在 panel 控件上的多个控件的同时隐藏和同时可见, 还学会了在 panel 控件上动态生 成其它控件的方法,提高了我对于动态网页的了解,并且让我学会了制作简单的 动态网页。

3.2 心得体会
通过本次课程作业的设计,我学会了很多。首先,通过这次作业,我对于数 据库的操作和使用有了一定的认识和了解,让我学会了数据库的一些简单的操 作,并让我学会了数据库与其它程序的连接的方法,掌握了数据库的初步应用。 而且,通过本次的课程作业,我了解了 ASP.NET 的发展过程,让我了解了 它的思想方法,让我明白了如何运用这种思想来完成一些程序的开发。而且,通 过这次课程作业, 我明白了一些 WEB 网页开发的方法, 明白了如何运用 ASP.NET 的思想来开发一些动态网页程序,并学会了 Visual Studio 2008 开发环境的使用, 增强了我的程序开发能力。

4.参考文献 参考文献
1. 《ASP.NET 网络编程技术》 杨天奇等著 张文仲编著 2. 《ASP.NET 网络开发技术》 3. 《Visual C#(2008 版)应用案例教程》 郑阿奇主编 4. 《跟我学 C#程序设计》 李文强编著 机械工业出版社 人民邮电出版社 电子工业出版社 清华大学出版社

5.附录: 5.附录: 附录
8

网络应用系统设计技术

本科课程论文评分标准

班级 论文题目 评阅点

学号 容器 Panel 的用法 评分标准(细则) 正确实现本程序所需全部功能,算法设 计正确合理且有一定创意 实现所需功能,算法正确

姓名

分值 40 分 30 分 15 分 5分 0分 20 分 15 分 10 分 5分 15 分 10 分 5分 0分 25 分 20 分 15 分 5分

给分

功能及算 法 (40 分)

基本实现所需功能 有明显重大错误 无法实现程序功能 界面美观、合理,可操作性强

界面和操 作性 (20 分)

界面合理,可操作 界面尚可,基本可操作 可操作较差

程序可读性好、逻辑清晰,程序完整, 可维护性好, 程序可读、 程序可读、可维护 可维护性 (15 分) 基本可读可维护 逻辑混乱、不可读 论文规范,行文流畅,层次清晰 论文书写基本规范,文理较通畅 论文质量 (25 分) 结构较合理,层次较清楚,基本符合要 求 结构混乱,文不对题目,或者有明显抄 袭现象 总分

教师签名:

9