| 用ASP.NET 2.0设计网络在线投票系统 |
|
 |
|
| 日期：2006-8-10 10:10:29 人气：
[大
中 小] |
|
|
系统主页面设计
在应用程序WebVote中添加一个新的Web页面，并命名为Default.aspx，它的代码隐藏文件为Default.aspx.cs。
在页面Default.aspx上添加3个超链接控件，名称分别为ItemManageLink、OnlineVoteLink、ViewVoteLink。它们分别实现跳转投票项目管理页面VoteItemManage.aspx、投票页面WebOnlinVote.aspx、投票结果页面ShowVoteInfo.aspx。页面Default.aspx的设计界面如图2所示。
图2 页面Default.aspx的设计界面
页面Default.aspx的HTML设计代码如下：
＜asp:HyperLink ID="ItemManageLink" NavigateUrl="~/VoteItemManage.aspx"
runat="server" Font-Bold="True"＞投票项目管理＜/asp:HyperLink＞
＜asp:HyperLink ID="OnlineVoteLink" NavigateUrl="~/WebOnlinVote.aspx"
runat="server" Font-Bold="True"＞网站在线投票＜/asp:HyperLink＞
＜asp:HyperLink ID="ViewVoteLink" NavigateUrl="~/ShowVoteInfo.aspx"
runat="server" Font-Bold="True"＞查看投票结果＜/asp:HyperLink＞ |
在线投票系统运行之后，系统默认页面Default.aspx的初始化界面如图3所示，此时显示3个链接按钮。
图3 投票页面Default.aspx的初始化界面 投票项目管理页面设计
在应用程序WebVote中添加一个新的Web页面，并命名为VoteItemManage.aspx，它的代码隐藏文件为VoteItemManage.aspx.cs文件。
1．页面设计
在页面VoteItemManage.aspx上添加一个列表控件、一个Button控件、一个TextBox控件和一个ImageButton控件，它们的名称分别为ItemList、AddBtn、Item和deleteBtn。控件ItemList显示投票项目表中的所有数据；控件AddBtn实现添加一个新的投票项目；控件Item用来输入新的投票项目名称；控件deleteBtn删除一个投票项目。页面ItemManage.aspx的设计界面如图4所示。
图4 页面VoteItemManage.aspx的设计界面
页面VoteItemManage.aspx的HTML设计代码如下：
＜title＞网络在线投票系统＜/title＞
＜link href="CSS/ASPNET2BaseCss.css" type="text/css" rel="stylesheet"＞
＜asp:ListBox id="ItemList" width="150" rows="10" runat="server"
CssClass="SelectSta" /＞
＜asp:ImageButton id="deleteBtn" ImageUrl="~/images/delete.gif"
AlternateText="删除此项" runat="server"
CommandName="delete" OnClick="deleteBtn_Click" /＞
＜asp:TextBox ID="Item" Runat="server" Width="252"
CssClass="InputCss"＞＜/asp:TextBox＞
＜asp:Button ID="AddBtn" Runat="server" Text="增加新的投票项目"
CssClass="ButtonCss" OnClick="AddBtn_Click"＞＜/asp:Button＞ |
2．页面初始化
页面VoteItemManage.aspx调用函数Page_Load(Object sender,EventArgs e)初始化，该函数调用函数BindVoteListData()从数据库投票表Votes中获取所有投票的项目，并把获取的数据绑定到列表控件ItemList。函数Page_Load(Object sender,EventArgs e)和函数BindVoteListData()的程序代码如下：
private void Page_Load(object sender, System.EventArgs e)
{
if(!Page.IsPostBack)
{ //绑定投票项目列表的数据
BindVoteListData();
}
}
private void BindVoteListData()
{ //获取投票项目的所有数据
WebVote.Vote vote = new Vote();
SqlDataReader recv = vote.GetVotes();
//设置列表控件的Text属性和Value属性
ItemList.DataTextField = "Item";
ItemList.DataValueField = "VoteID";
//设置控件的数据源，并绑定控件的数据
ItemList.DataSource = recv;
ItemList.DataBind();
recv.Close(); //关闭数据读取器
} |
网络在线投票系统运行之后，投票项目管理页面VoteItemManage.aspx的初始化界面如图5所示，此时已经显示投票的项目信息。
图5 投票项目管理页面VoteItemManage.aspx的初始化界面
3．添加功能
单击页面VoteItemManage.aspx中的【增加新的投票项目】按钮，触发事件AddBtn_Click(object sender, System.EventArgs e)，该事件实现添加一个新的投票项目。事件AddBtn_Click(object sender, System.EventArgs e)的程序代码如下：
private void AddBtn_Click(object sender, System.EventArgs e)
{
if (Item.Text.Length ＞ 0)
{ //定义类
WebVote.Vote vote = new Vote();
try
{ //添加新数据项
vote.AddVote(Item.Text.Trim());
BindVoteListData();
//显示操作结果信息
Response.Write("＜script＞window.alert('"
+ ASPNET2System.OPERATIONADDSUCCESSMESSAGE + "')＜/script＞");
}
catch (Exception ex)
{ //显示添加操作中的失败、错误信息
Response.Redirect("~/DesktopModules/ErrorPage.aspx?ErrorUrl="
+ ASPNET2System.RedirectErrorUrl(Request.RawUrl)
+ "&ErrorMessage=" + ex.Message.Replace("\n", " "));
}
}
} |
4．删除功能
单击页面VoteItemManage.aspx中的【×】按钮，触发事件deleteBtn_Click(object sender, System.EventArgs e)，该事件实现删除已选择的投票项目。事件deleteBtn_Click(object sender, System.EventArgs e)的程序代码如下：
protected void deleteBtn_Click(object sender, ImageClickEventArgs e)
{
if (ItemList.SelectedIndex ＜= -1)
{ //显示操作结果信息
Response.Write("＜script＞window.alert('"
+ ASPNET2System.OPERATIONNOSELECTMESSAGE + "')＜/script＞");
return;
}
//定义类
WebVote.Vote vote = new Vote();
try
{ //删除数据
vote.DeleteVote(Int32.Parse(ItemList.SelectedValue));
//重新绑定数据
BindVoteListData();
}
catch (Exception ex)
{ //显示删除操作中的失败、错误信息
Response.Redirect("~/DesktopModules/ErrorPage.aspx?ErrorUrl="
+ ASPNET2System.RedirectErrorUrl(Request.RawUrl)
+ "&ErrorMessage=" + ex.Message.Replace("\n", " "));
}
} |
|
|
|
| 出处：本站原创 作者：zzcode |
|
|
