用电管理系统界面的设计与实现

1、安徽大学本科毕业论文（设计）题目：用电管理系统界面的设计与实现 学生姓名： 学号： 院（系）：计算机科学与技术学院 专业： 计算机科学与技术 入学时间： 2006年09 月导师姓名：张顺 职称/学位：助教/硕士 导师所在单位：计算机科学与技术学院 用电管理系统界面的设计与实现摘 要本项目主要是为了在互联网平台为广大学生提供用电查询和交流平台，同时增加管理员后台管理功能，为管理员提供方便的缴费记录功能.系统为用户提供人性化界面的新闻，留言功能。本系统亦可和其他系统结合，通过数据库，控制供电和收费。本系统是基于VC#.Net的WinForm的开发环境下设计的学生用电管理系统。本系统设计了登陆模块，

2、学生模块和管理模块。登陆模块实现了学生和管理员的登陆，学生模块提供查询用户相关信息，管理员模块可以让管理员管理用户信息和用电信息，发布和管理公告，管理留言等。 关键词：收费；控制供电；管理系统；VC#.Net；用电信息Design and Realization of Interface for Electricity Management SystemAbstractWith the help of Mange System for Electricity Supply, the school students will be easier to communicate with manag

3、er and view their information of electricity using through the Internet. This product provide managements for administrator. It also provide message system and news system for students. And it can be used to control electricity supplying and loading through DATEBASE as well.It is a electricity manag

4、ement system which is designed under the WinForm environment of VC#.NET. Login module, student module and management module are designed in the system. Students and administrators are easy to login with the login module. Students can view their using of electricity through the website. Administrator

5、s are glad to do some managements of students using electricity with the help of the management module. Key words: Load; Power Supply Control; Manage System; VC#.Net; Electricity Using目录第一章课题的背景和相关技术介绍11.1 课题的研究背景和目的11.2相关技术介绍1第二章 课题设计32.1 可行性分析报告32.2 需求分析报告3第三章 主题代码设计和实现63.1主目录63.2 用户目录63.3 管理员目录13

6、第四章 数据验证与设计演示21附录1 留言回复代码的详细设计30附录2 登陆页面.CS文件代码34主要参考文献35致谢3636Error! Document Variable not defined.用电管理系统界面的设计与实现第一章 课题的背景和相关技术介绍 1.1 课题的研究背景和目的1.1.1 课题研究的背景随着上世纪90年代后期计算机网络的普及和新世纪信息时代的到来,多媒体技术和信息化技术正以火箭式的速度改版着我们的工作方式,思维方式,交流方式和生活方式.为了迎合时代的发展,新一轮的课程改革应经全面展开,教学模式和方法的革新已经势不可挡.在当今信息时代,信息化教学模式和信息化管理模式更

7、成为教育理论与实践界关注的焦点.然而,细细花教学模式起理论上的纷繁负载,无体系性,时间上的生搬硬套，无规律性已经成为信息化教育界的共识。多媒体教学，教务管理系统，银行卡自主刷卡消费。随着我国的发展，校园的数字化，信息化建设在我国的信息化普及发挥重要作用。1.1.2 课题研究的目的和意义学校是人才的摇篮，许多新兴技术要从学校开始推广。本课题就是为了将传统的墨水账本式用电管理，转化成轻松方便的可视化管理。方便学生的查询和交流，也方便管理员的统计。用电管理系统，作为学校信息化产品的一部分，势必会在我国的信息化建设中发挥重要作用。我们和期待信息化技术从校园到社会的普及！1.2相关技术介绍1.2.1 I

8、IS7.0IIS是Internet Information Services的缩写，是一个World Wide Web server。Gopher server和FTP server全部包容在里面。IIS意味着你能发布网页，并且有ASP（Active Server Pages）、JAVA、VBscript产生页面，有着一些扩展功能。IIS支持一些有趣的东西，象有编辑环境的界面FRONTPAGE、有多媒体功能的NET SHOW有全文检索功能的（INDEX SERVER）、 其次,IIS是随Windows NT Server 4.0一起提供的文件和应用程序服务器，是在Windows NT Serv

9、er上建立Internet服务器的基本组件。它与NT内核完全集成，允许使用NT 的Server内置的安全性以及NTFS文件系统建立强大灵活的Internet或者 Intranet站点。IIS（Internet Information Server，互联网信息服务）是一种Web（网页）服务组件，其中包括Web服务器、FTP服务器、NNTP服务器和SMTP服务器，分别用于网页浏览、文件传输、新闻服务和邮件发送等方面，它使得在网络（包括互联网和局域网）上发布信息成了一件很容易的事。1.2.2 VS2008Microsoft Visual Studio 2008是面向Windows Vista、Off

10、ice 2007、Web 2.0的集成开发工具,代号“Orcas”，是对Visual Studio2005一次及时、全面的升级。Visual Studio 2008引入了250多个新特性，整合了对象、关系型数据、XML的访问方式,并且语言更加简洁。使用Visual Studio 2008可以高效开发Windows平台下的解决方案。VS2008设计器中可以实时反映变更,XAML中智能感知功能可以提高开发效率。同时V S 2008支持调试器、项目模板和部署程序。VS 2008可以高效开发Web应用，功能强大。它集成了ASP.NET AJAX 1.0，包含ASP.NET AJAX项目模板，它还可以高

11、效开发Office应用和Mobile应用。1.2.3 C# C#是微软公司发布的一种面向对象的、运行于.NETFramework之上的高级程序设计语言。并定于在微软职业开发者论坛(PDC)上登台亮相。C#是微软公司研究员AndersHejlsberg的最新成果。C#看起来与Java非常相似，例如它包括了诸如单一继承、接口、与Java几乎同样的语法和编译成中间代码再运行的过程。但是C#与Java却有着明显的不同，它借鉴了Delphi的一个特点,与COM(组件对象模型)是直接集成的而且它是微软公司.NET windows网络框架的主角。C#是一种安全的、稳定的、简单的、优雅的，由C和C+衍生出来的

12、面向对象的编程语言。它在继承C和C+强大功能的同时去掉了一些它们的复杂特性（例如没有宏和模版，没有内存机制，不允许多重继承，很想JAVA）。C#综合了VB简单的可视化操作和C+的高运行效率、优雅的语法风格、以其强大的操作能力、创新的语言特性以及便捷的面向组件编程的支持成为.NET开发的首选语言。并且C#成为ECMA与ISO标准规范。C#看似基于C+写成，但又融入其它语言如Delphi、Java、VB等。C#代码示例： string str = server=(local);database=yd;uid=sa;pwd=10;/连接数据库 SqlConnection con = new SqlC

13、onnection(str); /创建连接 con.Open(); /打开连接 / SqlCommand cmd = new SqlCommand(strsql, con);/创建Command对象 SqlDataReader rd = cmd.ExecuteReader();/创建DataReader对象 / int id = rd.GetOrdinal(name);/使用GetOrdinal方法获取title列的列号 if (rd.Read()/遍历DataReader对象第2章 课题设计2.1 可行性分析报告2.1.1 管理上的可行性本次项目较小，可以由1-5人完成。可以分工衔接，也可以

14、独立完成。衔接程度不高，对管理要求不大。管理上可行。2.1.2 技术上的可行性使用VS2008和SQL2005。VS2008可以图书馆查找相应的教程。由于其可视化的编程环境，界面的设计相对来说比较简单，对于类的部分属性，如果有问题，可以查阅类的相关文档解决。SQL2005由于SQL语言简单易掌握，而且对于本项目只用到了简单的查询和修改。 服务器的构建可以在PC上用IIS7.0搭建。2.1.3 经济上的可行性硬件：普通PC可作为服务器。软件：VS2008和SQL2005都是可以免费使用的。可以使用收费windows的组件IIS来搭建服务器，windows一般个人电脑都会有，可以借用。人力：个人或

15、者若干人可以完成，时间由熟练程度决定，一般一天到一周可以完成。 可行性分析：项目具有可行性，可以立刻投入设计。2.2 需求分析报告2.2.1 数据流图用户用户用户DBIIS 服务器管理员2.2.2 E-R图金额主题内容缴费单公告时间发布时间姓名发布缴费权力个人说明密码用户管理员生日密码照片姓名性别状态联系方式使用时间使用回复发布用电单用电量发布时间主题留言内容回复2.2.3 模块划分用电管理系统用户状态模块系统管理模块用电信息管理用户管理公告管理留言管理个人信息模块信息查询模块互动交流备用菜单修改信息查询缴费信息留言用电信息管理缴费信息管理用户缴费高级管理添加新用户修改用户信息添加公告修改公告

16、添加留言删除留言电费导入第三章 主题代码设计和实现3.1主目录1 default.aspx主界面上面是网站LOGO，最上面48磅大字“安徽大学用电管理系统”下面有一个一行两列的表格，右边是衬图；左边是登陆表单，两行，分别是用户名和密码。密码的输入显示设置为PASSWORD。同时添加了两个控件，用来监控用户名和密码不能输入为空。下面是2两个RADIO BUTTON，用来单选登陆的身份。一个是管理员，一个是用户。下面是两个按钮，确定和取消。确定用来登陆，取消用来重置输入的信息。页面左边表单的对齐方式是左对齐，用空格来排布。具体代码见附录2.图1.1 default.aspx2 Web.config

17、控制设置的文件，系统创建网站时候生成，一般默认不做修改。3.2 用户目录1. user_MasterPage.master用户界面的母版页。使用该母版页的页面，下面的大部分区域是可以编辑的。上面是不能修改的，由母版页确定。母版页由3部分组成。最上面是LOGO，其实就是“安徽大学用电管理系统”，橙色，48磅。下面是导航菜单，4个主树，每个子树包含若干节点。包含了下面所有能链接到的页面。 在LOGO和导航菜单的右边，是几个标签，用来显示“欢迎您【用户名】先生/女士”。图2.1 user_MasterPage.master2. no_use.aspx此界面备用,暂时只用一个关闭IE按钮. 3.use

18、r_used.aspx 用户用电查询若干按钮，可以按照不同的时间长度查询。下面的两个日历，可以选择时间，然后自定义查询。本月用电按钮的代码是： protected void Button_month_Click(object sender, EventArgs e) / string str = server=(local);database=yd;uid=sa;pwd=10;/连接数据库 SqlConnection con = new SqlConnection(str); /创建连接 con.Open();/打开连接 string str2 = select * from used whe

19、re id = + Sessionid.ToString() + and datetime +month+ ; SqlDataAdapter da2 = new SqlDataAdapter(str2, con);/创建适配器 DataSet ds2 = new DataSet();/创建数据集 da2.Fill(ds2, table2);/填充数据集 for (int i = 0; i ds2.Tablestable2.Rows.Count; i+)/遍历集合 sum_month +=float.Parse( ds2.Tablestable2.Rowsiused.ToString();/求和

20、 Label_month.Text = sum_month.ToString(); Label_month_.Visible = true; 图2.3 user_used.aspx4.user_bill.aspx有若干按钮，可以查询一定时间内的用电。按钮后面有一个蓝色字体隐藏的标签。当有查询结果返回的时候，标签显示对应的金额。下面两个日历可以用来选择日期自定义查询。自定义查询的按钮代码设计为： protected void Button_view_Click(object sender, EventArgs e) Label_view_1.Visible = true; Label_view_

21、2.Visible = true; SqlConnection con = new SqlConnection(str); /创建连接 con.Open();/打开连接 string str2 = select * from bill where id = + Sessionid.ToString() + and datetime between + from + and + to + ; SqlDataAdapter da2 = new SqlDataAdapter(str2, con);/创建适配器 DataSet ds2 = new DataSet();/创建数据集 da2.Fill(d

22、s2, table2);/填充数据集 for (int i = 0; i ds2.Tablestable2.Rows.Count; i+)/遍历集合 sum += float.Parse(ds2.Tablestable2.Rowsimoney.ToString();/求和 Label_.Text = sum.ToString(); 图2.4 user_bill.aspx5. user_set.aspx用户可以填写对应的表单来修改自己的个人信息。包括电子邮件和个人说明。其中个人说明的表单时多行的。其中账号和姓名是登陆时候传递的，代码为： Label_id.Text = Sessionid.ToS

23、tring(); Label_name.Text = Sessionname.ToString(); Session“name”等，是登陆时候记录的用户信息，可以在登陆后作为全局的常量使用图2.5 user_set.aspx6.user_pass.aspx3个表单，分别对应用户的原始密码，新密码，新密码确认。每个表单后面跟着一个验证控件，是对于用户输入数据的控制，第一个是不能为空，第二个是合法性验证，第三个是验证必须和第二个相同。asp:CompareValidator图2.6 user_pass.aspx7. user_message.aspx用户给管理员留言界面，一个主题表单，以及一个多行

24、的表单。主题有唯一性验证。图2.7 user_message.aspx8.user_news.aspx用户查看公告页面。这个页面调用了VS中的GRIDVIEW。可以分页排序。其中我加了一个按钮，可以在想浏览的新闻后面点击“查看”按钮，跳转到新的页面查看新闻。改按键的代码设计为图2.8 user_news.aspx9. user_news_view.aspx点击查看跳转到的页面。其中页面会自动读取选的的条目，然后显示在表单或者标签中。 代码如下：if (Request.QueryStringtopic != ) SqlConnection con = new SqlConnection(serv

25、er=(local);database=yd;uid=sa;pwd=10); /创建连接 con.Open();/打开连接 string strsql = select * from news where topic = + Request.QueryStringtopic + ;/查询数据 SqlDataAdapter da = new SqlDataAdapter(strsql, con); DataSet ds = new DataSet();/填充数据 int count = da.Fill(ds, table); if (count 0) Label_id.Text = ds.Tab

26、lestable.Rows0name.ToString();/填充控件 Label_time.Text = ds.Tablestable.Rows0datetime.ToString();/填充控件 Label_topic.Text = ds.Tablestable.Rows0topic.ToString();/填充控件 Label_news.Text = ds.Tablestable.Rows0news.ToString();/填充控件 图2.9 user_news_view.aspx10. user_message_view.aspx改页面使用listview，用list显示用户的留言。

27、图 2.10 user_message_view.aspx3.3 管理员目录1.sa_MasterPage.master管理员模块的母版页。上面一行是欢迎页面和LOGO。左边设计一个treeview,和用户页面的下拉导航条相似。右下可以供其他页面设计。最下面居中是设计者LOGO Treeview的代码 图3.1 sa_Master_Page.master.aspx2.sa_main.aspx用户首页。有学校LOGO和一个退出按钮图3.2 sa_main.aspx3. sa_user_used.aspx使用的是一个可以编辑列的gridview 可以对“用量”列进行编辑。设置“用户”和使用时间都不

28、可编辑： 图3.3 sa_user_used.aspx4.sa_user_bill.aspx用户账单页面。和用电页面类似。图3.4 sa_user_bill.aspx5. sa_user_pay.aspx这是很关键的，管理员记录收费信息的页面。一个下来列表，上面的数据是学生的学号，通过查询学生表得到数据。然后下面两个tabel是通过查询选择的用户得到的该用户信息。时间是服务器时间。输入的金额必须接受浮点数限制且大于0。 下拉列表代码：asp:SqlDataSource ID=SqlDataSource4 runat=server ConnectionString= SelectCommand=

29、SELECT DISTINCT id FROM stu通过下拉列表选择的内容查询用户信息： protected void DropDownList_id_SelectedIndexChanged(object sender, EventArgs e) strsql = select * from stu where id = + DropDownList_id.Text + ; string str = server=(local);database=yd;uid=sa;pwd=10;/连接数据库 SqlConnection con = new SqlConnection(str); /创建连

30、接 con.Open(); /打开连接 / SqlCommand cmd = new SqlCommand(strsql, con);/创建Command对象 SqlDataReader rd = cmd.ExecuteReader();/创建DataReader对象 / int id = rd.GetOrdinal(name); if (rd.Read()/遍历DataReader对象 Label_name.Text = rdname.ToString(); Label_state.Text = rdstate.ToString(); 图3.5 sa_user_pay.aspx6. user

31、_edit.aspx这是编辑用户信息页面。图3.6 user_edit.aspx7. Sa_user_add.aspx 添加用户界面。许多表单收到控件约束。生日需要选择日历。上面的tabel将会显示选择的日期。添加用户的代码： try SqlConnection con =new SqlConnection(server=(local);database=yd;uid=sa;pwd=10);/建立连接 con.Open();/打开连接 string strsql = insert into stu(id,pass,name,birthday,sex,email,state) values (

32、+ TextBox_id.Text + , + TextBox_pass_again.Text + , + TextBox_name.Text + , + Label_temp.Text + , + DropDownList_sex.Text + , + TextBox_email.Text + ,1); string check = select * from stu where id= + TextBox_id.Text + ; SqlDataAdapter da = new SqlDataAdapter(check, con);/创建适配器 DataSet ds = new DataSe

33、t();/创建数据集 da.Fill(ds, table);/填充数据集 if (da.Fill(ds, table) 0)/判断同名 Response.Write(alert(添加失败,有相同用户名);); return; /输出信息 else SqlCommand cmd = new SqlCommand(strsql, con);/创建执行 cmd.ExecuteNonQuery(); con.Close();/执行SQL Response.Write(alert(添加成功！);); TextBox_id.Text = ; TextBox_name.Text = ; TextBox_em

34、ail.Text = ; catch Response.Write(alert(数据库操作出错);); return; /抛出异常 图3.7 sa_user_add.aspx 8.sa_news_add.aspx 添加新闻界面。图3.8 sa_news_add.aspx 9. sa_news.aspx这个页面也是用了一个gridview，可以编辑主题列。如果需要详细编辑，单击按钮，跳转到Sa_news_edit.aspx页面进行详细编辑。图3.9 sa_news.aspx10.sa_news_edit.aspx编辑公告的界面。只能编辑内容。这个界面接受到的是来自sa_news.aspx这个页面

35、选择的需要详细编辑的页面传递过来的单个公告。图3.10 sa_news_edit.aspx11. sa_message.aspx留言管理页面。可以删除留言，亦可以点击按钮，到达回复页面。图3.11 sa_mesage.aspx12.sa_message_reply.aspx留言详细回复页面。这个页面有一些显示的效果。当单击回复按钮，留言内容标签不可见，下面的表单可见，“回复”按钮变为“提交字样”。当表单显示时，如果点击返回，则由回到了标签显示页面，表单隐藏。具体代码附录1。图3.13 sa_message_reply.aspx12. sa_dfdr.aspx电费导入,选择用户，添加浮点数金额图

36、3.13 sa_dfdr.aspx第四章 数据验证与设计演示A.当账号密码都为空或者有一项为空时候登陆，控件提示不能输入空。图A 登陆界面演示B. 当没有选择类别时候，提示先选择类别 图B 选择类别提示对话框C. 密码不正确的时候： 图C 密码不正确控件演示D. 用户界面数据查询情况图D 用户数据查询界面E. 修改密码页面，确认密码控件功能准确。图E 确认密码控件F. 查看公告页面，表单显示正常，查看按钮点击可以正确跳转。 图F 查看公告gridview图G 点击了主题为45645这个主题的新闻H. 编辑个人资料页面，正确显示我的名字和账号，右上欢迎页显示欢迎+我的名字+性别。图H 编辑个人资

37、料I. 备用菜单的退出按钮，可以关闭浏览器。图I 确认对话框J. 用电查询页面，管理员可以查询和编辑用户的电量。图J 编辑用电量 K. 缴费页面，选择已经注册的用户，显示改用户姓名。时间是到达该页面时间。图K 缴费页面L.添加用户页面控件合理。图L 添加用户页面控件展示M. 用户名不能重复添加。图M 添加用户重复提示N. 管理公告页面，可以删除操作。单击编辑按钮，跳转到详细编辑页面编辑图N 公告管理页面O. 留言管理，选择一条记录，到达相应界面图O 修改公告页面P留言管理页面图P 留言管理页面图Q 查看一条留言R. 点击回复按钮，内容隐藏，表单出现，按钮文字变化，返回按钮出现图R 点击回复按钮后附录1 留言回复代码的详细设计using System;using System.Collections;using System.Configuration;using System.Data;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