| 用ASP.NET 2.0设计网络在线投票系统 |
|
 |
|
| 日期：2006-8-10 10:10:29 人气：
[大
中 小] |
|
|
显示投票结果页面设计
在应用程序WebVote中添加一个新的Web页面，并命名为ShowVoteInfo.aspx，它的代码隐藏文件为ShowVoteInfo.aspx.cs文件。
1．页面设计
在页面ShowVoteInfo.aspx上添加一个数据网格控件、一个Label控件和一个Button控件，它们的名称分别为VoteList、VoteMessage、WebOnlineVoteBtn。控件VoteList用来显示参与投票的项目的投票情况，并计算各个投票项目所占的百分比；控件VoteMessage显示用户投票的总票数；控件WebOnlineVoteBtn实现投票页面WebOnlinVote.aspx。页面ShowVoteInfo.aspx的设计界面如图8所示。
图8 页面ShowVoteInfo.aspx的设计界面
页面ShowVoteInfo.aspx的HTML设计代码如下：
＜%@ Page Language="C#" AutoEventWireup="true"
CodeFile="ShowVoteInfo.aspx.cs" Inherits="ShowVoteInfo" %＞
＜HTML＞＜HEAD＞＜title＞网络在线投票系统＜/title＞＜/HEAD＞
＜asp:DataGrid ID="VoteList" Runat="server" CssClass="Normal"
AutoGenerateColumns="False" DataKeyField="VoteID"＞
＜HeaderStyle BackColor="Orange"＞＜/HeaderStyle＞
＜Columns＞
＜asp:TemplateColumn HeaderText="投票项目"＞
＜ItemStyle Width="200px"＞＜/ItemStyle＞
＜ItemTemplate＞＜%# DataBinder.Eval(Container.DataItem,"Item")%＞
＜/ItemTemplate＞＜/asp:TemplateColumn＞
＜asp:TemplateColumn HeaderText="所占总票的百分比"＞
＜ItemStyle Width="300px"＞＜/ItemStyle＞
＜ItemTemplate＞
＜asp:Image ID="voteImage" Runat="server" Height="20" Width='＜%#
FormatVoteImage(FormatVoteCount(DataBinder.Eval(
Container.DataItem,"VoteCount").ToString()))%＞'
mageUrl="Images/vote.gif"＞
＜/asp:Image＞
＜%# FormatVoteCount(DataBinder.Eval(Container.DataItem,
"VoteCount").ToString())%＞%
＜/ItemTemplate＞＜/asp:TemplateColumn＞
＜asp:TemplateColumn HeaderText="票数"＞
＜ItemStyle Width="100px"＞＜/ItemStyle＞
＜ItemTemplate＞
＜asp:Label ID="VoteCount" Runat="server"＞
＜%# DataBinder.Eval(Container.DataItem,"VoteCount")%＞
＜/asp:Label＞
＜/ItemTemplate＞＜/asp:TemplateColumn＞
＜/Columns＞
＜/asp:DataGrid＞
＜asp:Label ID="VoteMessage" Runat="server" ForeColor="Red"
Width="100%"＞＜/asp:Label＞
＜asp:button id="WebOnlineVoteBtn" Runat="server" Width="100"
Text="返回投票页面" CssClass="ButtonCss"
OnClick="WebOnlineVoteBtn_Click"＞＜/asp:button＞
＜/HTML＞ |
|
|
|
| 出处：本站原创 作者：zzcode |
|
|
