在线投票系统的制作.doc

1 程序设计与软件项目实训(验)项目单编制部门: 软件教研室编制人: 陈琨在线投票系统的制作实验目的: 。 。 。 。实验内容: 1. 数据库设计新建一个名为 db_Vote 的数据库。创建 tb_Vote 表,用于保存投票项的基本信息。创建 tb_VoteItem 表用于保存投票选项的基本信息。 2 个表的结构如下:23 2. 配置 文件为了方便数据库操作,在 文件中配置连接数据库的字符串: <configuration ></configuration > 3. 公共类编写在App_Code 文件夹上右击,选择“添加新项”,在弹出的对话框中选择“类”, 命名为 。代码如下: (1)/// sqlConnection 对象,并返回该对象。(2)/// ExSql(), 使用 mand 对象执行数据库操作。(3)/// reDS(), 使用 SqlDataAdapter 对象的 Fill() 填充 DataSet 数据集并 4 返回 4. 模块设计说明 系统主页面的实现( ) 该页是 Web 应用程序的起始页,实现了系统导航的功能。如图: 设计步骤: 1)界面设计先添加一个 1行1列的表格, width: 546px; height: 373px ,背景图片为 5 “ ”。再在表格内部添加一个 3行1列的表格,每一个单元格的图片分别为: ?“投票主页 ”,width: 361px; height: 48px ?“投票主页 ”,width: 361px; height: 158px ?“投票主页 ”.width: 361px; height: 35x 在第二个表格的第 2行添加一个 3行2 列的表格,并在第二列的每一个添加ImageButton 控件。属性如下: 控件类型控件名称属性设置 ImageButton imgbtnAdd ImageUrl= ImageButton imgbtnAll ImageUrl= ImageButton imgbtnManage ImageUrl= 2)ImageButton 控件跳转其他页面功能的实现 添加投票项页面的实现( ) 该页主要实现添加投票主题以及添加或删除投票选项的功能。页面初始化时,只显示添加投票的标题。当用户添加投票标题后,才显示添加投票选项面板,用户可以添加或删除该主题的投票选项,点击【关闭】结束投票选项的编辑。点击【返回】,跳转到主页。如图: 6 设计步骤: 1)界面设计先添加一个 2行1列的表格,每个单元格的图片分别为: ?子页 ,width: 546px; height: 102px; ?子页 ,width: 546px; height: 271px 再在第二行插入如图所示的表格,并在合适的位置添加 2个TextBox 控件, 2个LinkButton 控件,2个RequiredFieldValidator 控件,2个Button 控件, 1个ListBox 控件和一个 ImageButton 控件。属性如下: 控件类型控件名称属性设置 RequiredFieldValid ator RequiredFieldValida tor1 ControlToValidation=txtVot eTitle ErrorMessage=* RequiredFieldValid ator RequiredFieldValida tor2 ControlToValidation=txtIte m 7 ErrorMessage=* TextBox txtVoteTitle TextBox txtItem LinkButton lnkbtnAddItem Text= 插入 LinkButton lnkbtnRemove text= 移除 Causes Validation=false ListBox lbItem ImageButton imgbtnAdd ImageUrl= ImageButton imgbtnBack ImageUrl= Causes Validation=false ImageButton imgbtnClose ImageUrl= Causes Validation=false 2)页面初始化的实现首先定义一个静态变量,用于存放投票主题的编号。然后创建一个 set 方