1.实现的功能
因为订单只有在二维码失效后才可以取消订单,所以取消订单按钮的显示需要动态获取订单的状态来进行实时的改变。
为了动态刷新数据我们使用定时器来实现
2.页面中的处理
1.拖入ScriptManager;
2.拖入UpdatePanel
3.再加入一个定时器 Timer,设置Interval为5秒(5000)
4.加一个数据控件,根据需要GridView或DataList等等,连接数据库
5. 设置UpdatePanel为有条件异步更新
6.在Timer的Tick事件中打入代码
protected void Timer1_Tick(object sender, EventArgs e)
{
改变数据的代码(在后面实现)
}
III)页面代码:
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<%= DateTime.Now.ToString() %>
<!--GridView控件在后台进行绑定--->
<asp:GridView ID="GridView1" runat="server">
<a class="btn danger" id='<%#Eval("codeId") %>' style='<%#Eval("expire").Equals("True")?"":"display:none"%>'>取消订单</a>
</asp:GridView>
<!--定时器每5秒钟刷新一次UpdatePanel中的数据-->
<asp:Timer ID="Timer1" runat="server" Interval="5000" ontick="Timer1_Tick">
</asp:Timer>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick"></asp:AsyncPostBackTrigger>
</Triggers>
</asp:UpdatePanel>
expire字段控制取消订单按钮是否显示
3.后端逻辑
protected void Timer1_Tick(object sender, EventArgs e)
{
DateTime now = DateTime.Now;//获取当前日期
if (dt!=null&&dt.Rows.Count != 0)//页面首次加载时获取到的数据表
{
string strWhere = "payState = 0 and expireTime <'" + now.ToString() + "'";
DataRow[] drArr1 = dt.Select(strWhere);//筛选出未支付并且二维码已过期的订单数据
for (int i = 0; i < drArr1.Length; i++)//批量修改这些数据的状态
{
DataRow drArr = drArr1[i];
drArr.BeginEdit();
drArr["expire"] = true;//将二维码过期状态改为已过期
drArr.EndEdit();
}
UpdatePanel1.Update();
showOrdersGView.DataSource = dt;//将更新的数据再次绑定到gridview
showOrdersGView.DataBind();
}
}
4.数据库的查询处理
select DATEADD(n,45, createTime) as expireTime,'false' as expire from xxtable where xxx
将二维码生成时间加上二维码有效期作为过期时间,默认给expire属性赋值为未过期