在线投票系统的制作

1、ASP.NET程序设计与软件项目实训（验）项目单编制部门： 软件教研室 编制人： 陈琨在线投票系统的制作实验目的：1. 添加投票项目。2. 管理投票项目。3. 对项目进行投票。4. 查看投票结果。实验内容：1. 数据库设计新建一个名为db_Vote的数据库。创建tb_Vote表，用于保存投票项的基本信息。创建tb_VoteItem表用于保存投票选项的基本信息。2个表的结构如下：2. 配置Web.config文件为了方便数据库操作，在Web.config文件中配置连接数据库的字符串：3. 公共类编写在App_Code文件夹上右击，选择“添加新项”，在弹出的对话框中选择“类”，命名为DB.cs。代

2、码如下 ： （1）/ 连接数据库.实例化一个sqlConnection对象，并返回该对象。（2）/ ExSql(),使用SqlCommand对象执行数据库操作。（3）/ reDS(),使用SqlDataAdapter对象的Fill()填充DataSet数据集并返回 4. 模块设计说明4.1 系统主页面的实现（Default.aspx）该页是Web应用程序的起始页，实现了系统导航的功能。如图：设计步骤：1） 界面设计先添加一个1行1列的表格，width: 546px; height: 373px，背景图片为“投票主页大背景.jpg”。再在表格内部添加一个3行1列的表格，每一个单元格的图片分别为：

3、 “投票主页1.jpg”，width: 361px; height: 48px “投票主页2.jpg”，width: 361px; height: 158px “投票主页3.jpg”. width: 361px; height: 35x在第二个表格的第2行添加一个3行2列的表格，并在第二列的每一个添加ImageButton控件。属性如下：控件类型控件名称属性设置ImageButtonimgbtnAddImageUrl=添加投票项.jpgImageButtonimgbtnAllImageUrl=所有投票.jpgImageButtonimgbtnManageImageUrl=投票管理.jpg2）

4、ImageButton控件跳转其他页面功能的实现4.2 添加投票项页面的实现（addVote.aspx）该页主要实现添加投票主题以及添加或删除投票选项的功能。页面初始化时，只显示添加投票的标题。当用户添加投票标题后，才显示添加投票选项面板，用户可以添加或删除该主题的投票选项，点击【关闭】结束投票选项的编辑。点击【返回】，跳转到主页。如图：设计步骤：1） 界面设计先添加一个2行1列的表格，每个单元格的图片分别为： 子页1.jpg，width: 546px; height: 102px; 子页2.jpg，width: 546px; height: 271px再在第二行插入如图所示的表格，并在合适的

5、位置添加2个TextBox控件，2个LinkButton控件，2个RequiredFieldValidator控件，2个Button控件，1个ListBox控件和一个ImageButton控件。属性如下：控件类型控件名称属性设置RequiredFieldValidatorRequiredFieldValidator1ControlToValidation=txtVoteTitleErrorMessage=*RequiredFieldValidatorRequiredFieldValidator2ControlToValidation=txtItemErrorMessage=*TextBoxtx

6、tVoteTitleTextBoxtxtItemLinkButtonlnkbtnAddItemText=插入LinkButtonlnkbtnRemovetext=移除Causes Validation=falseListBoxlbItemImageButtonimgbtnAddImageUrl=添加按钮.jpgImageButtonimgbtnBackImageUrl=返回按钮.jpgCauses Validation=falseImageButtonimgbtnCloseImageUrl=关闭.bmpCauses Validation=false2） 页面初始化的实现首先定义一个静态变量，用

7、于存放投票主题的编号。然后创建一个set方法用于设置页面中控件的状态。public static string M_Str_voteID = null; 3） 【添加】功能的实现首先调用AutoID方法自动获得投票项的编号，保存在M_Str_voteID变量中，然后判断自动编号是否为null值，如果不为空值，则执行添加操作，返回一个布尔值，如果成功则返回true。4） 【插入】功能的实现5） 【移除】功能的实现6） 【关闭】功能的实现7） 【返回】功能的实现4.3 查看所有投票页面的实现（AllVote.aspx）该页用于显示在线投票系统中所有投票的名称。用户可以通过单击投票名称显示对该名称投

8、票项进行投票。如图：设计步骤：1） 界面设计在页面添加1个HyperLink控件，1个DataList控件，并在DataList控件的ItemTemplate模板中添加一个HyperLink控件。属性如下：控件类型控件名称属性设置HyperLinkhpLinkBackText=返回NavigateUrl=Default.aspxDataListdlVoteHyperLinkhpLinkVoteTitleText=DataBinder.Eval(Container.DataItem,”voteTitle”)NavigateUrl=/Vote.aspx?voteID=+DataBinder.Eva

9、l(Container.DataItem,voteID)DataList控件ItemTemplate模板的布局如下：2） 页面初始化的实现 3）绑定DataList控件4.4 投票页面的实现（Vote.aspx）该页用于用户对某一主题进行投票。用户选择任何一个投票选项名称后单击【我要投票】按钮，可以对该主题进行投票。如图：设计步骤：1） 界面设计在页面添加1个HyperLink控件，1个Label控件，1个RadioButtonList控件，2个Button控件。属性如下：控件类型控件名称属性设置HyperLinkhpLinkBackImageUrl=返回按钮.jpgNavigateUrl=D

10、efault.aspxLabellabVoteTitleRadioButtonListrbVoteItemButtonbtnVoteText=我要投票ButtonbtnResultText=查看结果2） 页面初始化的实现首先获得投票的主题ID，然后调用显示该投票的标题及投票选项。 /绑定Label控件 /绑定RadioButtonList控件3） 【我要投票】功能的实现首先判断该用户是否使用该系统对该主题投票过，避免用户进行重复投票。如果该用户没有对该主题投票过，则对选中的投票主题的选项+1，并添加Cookie。4） 【查看结果】功能的实现4.5 投票管理页面的实现（ManageVote.as

11、px）该页用于删除投票主题，在删除投票主题的同时删除投票的所有选项。如图：设计步骤：1） 界面设计在页面添加1个DataList控件，并在DataList控件的ItemTemplate模板中添加一个Label，1个ImageButton控件和1个Button控件。属性如下：控件类型控件名称属性设置DataListdlVoteManageLabellabTitleText=DataBinder.Eval(Container.DataItem,”voteTitle”)ImageButtonimgbtnBackImageUrl=返回按钮.jpgButtonbtnDeleteCommandArgument=DataBinder.Eval(Container.DataItem,”voteID”)CommandName=dele