程序设计与软件项目
实训(验)项目单
编制部门:软件教研室编制人:陈琨
在线投票系统的制作
实验目的:
1.添加投票项目。
2.管理投票项目。
3.对项目进行投票。
4.查看投票结果。
实验内容:
1.数据库设计
新建一个名为db_Vote的数据库。
创建tb_Vote表,用于保存投票项的基本信息。
创建tb_VoteItem表用于保存投票选项的基本信息。
2个表的结构如下:
2.配置Web.config文件
为了方便数据库操作,在Web.config文件中配置连接数据库的字符串:
<configuration>
</configuration>
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)【返回】功能的实现。