在线投票系统的制作

https://www.360docs.net/doc/2516002542.html,程序设计与软件项目

实训（验）项目单

编制部门：软件教研室编制人：陈琨

在线投票系统的制作

实验目的：

1.添加投票项目。

2.管理投票项目。

3.对项目进行投票。

4.查看投票结果。

实验内容：

1.数据库设计

新建一个名为db_Vote的数据库。创建tb_Vote表，用于保存投票项的基本信息。创建tb_VoteItem表用于保存投票选项的基本信息。2个表的结构如下：

2.配置Web.config文件

为了方便数据库操作，在Web.config文件中配置连接数据库的字符串：

3.公共类编写

在App_Code文件夹上右击，选择“添加新项”，在弹出的对话框中选择“类”，命名为DB.cs。代码如下：

（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列的表格，每一个单元格的图片分别为： “投票主页1.jpg”，width: 361px; height: 48px

“投票主页2.jpg”，width: 361px; height: 158px

“投票主页3.jpg”.width: 361px; height: 35x

在第二个表格的第2行添加一个3行2列的表格，并在第二列的每一个添加ImageButton控件。属性如下：

2）ImageButton控件跳转其他页面功能的实现

4.2添加投票项页面的实现（addVote.aspx）

该页主要实现添加投票主题以及添加或删除投票选项的功能。页面初始化时，只显示添加投票的标题。当用户添加投票标题后，才显示添加投票选项面板，用户可以添加或删除该主题的投票选项，点击【关闭】结束投票选项的编辑。点击【返回】，跳转到主页。如图：

设计步骤：

1）界面设计

先添加一个2行1列的表格，每个单元格的图片分别为：

子页1.jpg，width: 546px; height: 102px;

子页2.jpg，width: 546px; height: 271px

再在第二行插入如图所示的表格，并在合适的位置添加2个TextBox控件，2个LinkButton控件，2个RequiredFieldValidator控件，2个Button控件，1个ListBox控件和一个ImageButton控件。属性如下：

2）页面初始化的实现

首先定义一个静态变量，用于存放投票主题的编号。然后创建一个set方法用于设置页面中控件的状态。

public static string M_Str_voteID = null;

3）【添加】功能的实现

首先调用AutoID方法自动获得投票项的编号，保存在M_Str_voteID变量中，然后判断自动编号是否为null值，如果不为空值，则执行添加操作，返回一个布尔值，如果成功则返回true。

4）【插入】功能的实现

5）【移除】功能的实现

6）【关闭】功能的实现

7）【返回】功能的实现

4.3查看所有投票页面的实现（AllVote.aspx）

该页用于显示在线投票系统中所有投票的名称。用户可以通过单击投票名称显示对该名称投票项进行投票。如图：

设计步骤：

1）界面设计

在页面添加1个HyperLink控件，1个DataList控件，并在DataList控件的ItemTemplate模板中添加一个HyperLink控件。属性如下：

DataList控件ItemTemplate模板的布局如下：

2）页面初始化的实现

3）绑定DataList控件

4.4 投票页面的实现（Vote.aspx）

该页用于用户对某一主题进行投票。用户选择任何一个投票选项名称后单击【我要投票】按钮，可以对该主题进行投票。如图：

设计步骤：

1）界面设计

在页面添加1个HyperLink控件，1个Label控件，1个RadioButtonList 控件，2个Button控件。属性如下：

2）页面初始化的实现

首先获得投票的主题ID，然后调用显示该投票的标题及投票选项。

//绑定Label控件

//绑定RadioButtonList控件

3）【我要投票】功能的实现

首先判断该用户是否使用该系统对该主题投票过，避免用户进行重复投票。如果该用户没有对该主题投票过，则对选中的投票主题的选项+1，并添加Cookie。

4）【查看结果】功能的实现

4.5投票管理页面的实现（ManageVote.aspx）

该页用于删除投票主题，在删除投票主题的同时删除投票的所有选项。如

图：

设计步骤：

1）界面设计

在页面添加1个DataList控件，并在DataList控件的ItemTemplate模板中添加一个Label，1个ImageButton控件和1个Button控件。属性如下：

DataList控件ItemTemplate模板的布局如下：

2）页面初始化的实现

3）【删除】功能的实现

用户单击【删除】按钮时，首先触发按钮的btnDelete_Load事件，在该事件中弹出确认删除的提示框。如果单击【确定】按钮，将触发dlVoteManage_DeleteCommand事件，执行删除操作。

4）【返回】功能的实现