B2C电商平台开发心得（asp.net+bootstrap）

Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 html、css、javascript的，专为 web 应用设计，包含了移动设备优先的样式， 其响应式 css 能够自适应于台式机、平板电脑和手机，它简洁灵活，使得 web 开发更加快捷。

官方下载地址：
http://getbootstrap.com/

1.网格系统：

网格系统是通常可以想成横跨的十二个可用的列来创建的。

col-xs-12是超小屏（如 手机 ）

col-sm-12是小屏（如 平板 ）

col-md-12是中等屏（如 电脑桌面）

col-lg-12是超大屏（如 大桌面显示器）

如想在不同移动设备拥有一样的样式，可根据网格系统，设置在不同属性值 例如：

 <div id="K98HGT0A" runat="server" class="col-xs-12 col-sm-12 col-md-12 text-center text-padding">
             <div class="col-xs-1 col-sm-4 col-md-5">
             </div>
             <div class="col-xs-11 col-sm-8 col-md-7 text-left text-padding K98HGT0A" id="div_img"
                 runat="server">
                 <img alt="" src="../Images/expand.gif" class="img1" align="absmiddle" onclick="expandAll();"
                     style="padding-left: 20px; " />
                 <img alt="" src="../Images/collapse.gif" class="img2" align="absmiddle" onclick="collapseAll();"
                     style="padding-left: 20px;" />
             </div>
   </div>

2.客户端的返回按钮：

if (ViewState["UrlReferrer"] != null)
{
Response.Redirect(ViewState["UrlReferrer"].ToString());
}

只在第二页面及之后才会有效果。

3.跳转到其他页面: 使用的是 Response.Redirect

 protected void ibtnCart_Click(object sender, ImageClickEventArgs e)
     {
         string addpid = Common.GetAppIdByFilePath("Shopping_Cart.aspx");
         Response.Redirect("Shopping_Cart.aspx?APPID=" + addpid);
     }
     #region 跳转到其他页面
     private void ResponseRedirect(string pageUrl, string appid, string iq)
     {
         StringBuilder strUrl = new StringBuilder();
         strUrl.Append(pageUrl);
         strUrl.Append("?appid=");
         strUrl.Append(appid);
         strUrl.Append("&iq=");
         strUrl.Append(iq);
         Response.Redirect(strUrl.ToString());
     }
     #endregion
    

4.折叠效果： 使用两种不同的图片“+”“-”，在javascript中，点击两种图片(click事件)，show/hide()显示/隐藏

5.页面动态加载（datetable动态新增一行还是物流动态等等情况）

   function addGvNoneRow() {
           if ($("#hdIQ").val() == "RP") {
               $("#gvNone_SRNO tr:not(:first)").each(function () {
                   var STATUSDESCR = $(this).find(".STATUSDESCR").text();
                   var CREATE_T = $(this).find(".CREATE_T").text();
                   if ($("#gvNone_SRNO tr").length == 1) {
                       var tableImgfirst = " <div class='col-xs-5 col-sm-6 col-md-6 text-right text-padding orderimg' id='orderimg'>"
                         + " <table class='pull-right' id='img'>"
                         + " <tr><td><img src='../Images/successful(2).png' /></td></tr></table></div>";

                       var tableListfirst = "<div class='col-xs-7 col-sm-6 col-md-6 text-left  text-padding orderlist' id='orderlist'>"
                         + "<table class='pull-left list' id='list'>"
                         + " <tr><td style='padding-bottom:10px;padding-left:15px;'><span id='lbSTATUSDESCR' style='font-size:XX-Small;'>" + STATUSDESCR + "</span>"
                         + "<br />"
                         + "<span id='lbCREATE_T' style='font-size:XX-Small;'>" + CREATE_T + "</span></td></tr></table></div><br/>";
                       $("#div_img").after(tableImgfirst);
                       $("#orderimg").after(tableListfirst);
                   }                                });
            }

6.分页控件的应用（使用的是asp.net自带的分页控件AspNetPager）。

可以在AspNetPager设置按多少条数据分页。

HTML:
  <div class="col-xs-9 col-md-7 col-lg-7  text-left text-padding fy_pager ">
                 <page:AspNetPager runat="server" ID="pager" PageSize="" OnPageChanged="Pager_PageChanged"
                     HorizontalAlign="Center" Width="100%" ForeColor="White">
                 </page:AspNetPager>
             </div>
 后端：
      protected void Pager_PageChanged(object sender, EventArgs e)
      {
          string hdsono = "";
          string sqlPager = @"SELECT COUNT(*) FROM(
 5                             SELECT DISTINCT M_STS.SONO
 6                             FROM OMSO_M SO_M WITH(NOLOCK)
 7                             INNER JOIN OMSO_M_STS_LOG M_STS WITH(NOLOCK) ON SO_M.SONO=M_STS.SONO
 8                             INNER JOIN BD_STORE S WITH(NOLOCK) ON S.STORECD=@STORECD
 9                             INNER JOIN BD_SPROJECT PROJ WITH(NOLOCK) ON S.PROJCD=PROJ.PROJCD
10                             INNER JOIN SYSSTATUSCDL STS WITH(NOLOCK) ON STS.STATUSCD=M_STS.STATUSCD
11                             WHERE SO_M.CREATEBY=@USERID)AA";
         SqlParameter[] parasPager = {
          new SqlParameter("@STORECD",SqlDbType.NVarChar,){Value=STORECD},
          new SqlParameter("@USERID", SqlDbType.NVarChar, ) { Value =SysSession.UserId}
                                     };
         object obj = DBAccess.ExecuteScalar(sqlPager, parasPager);
         int intobj = Convert.ToInt32(obj);
         if (intobj == )
         {
             string sqlPager1 = @"SELECT COUNT(*) FROM(
21                                     SELECT DISTINCT M_STS.SONO
22                                     FROM OMSO_M SO_M WITH(NOLOCK)
23 INNER JOIN OMSO_M_STS_LOG M_STS WITH(NOLOCK) ON SO_M.SONO=M_STS.SONO
24 INNER JOIN SYSSTATUSCDL STS WITH(NOLOCK) ON STS.STATUSCD=M_STS.STATUSCD
25
26                                     WHERE SO_M.CREATEBY=@USERID AND STS.[LANGID]='en')AA";
             SqlParameter parasPager1 = new SqlParameter("@USERID", SqlDbType.NVarChar, ) { Value = SysSession.UserId };

             object obj1 = DBAccess.ExecuteScalar(sqlPager1, parasPager1);
             pager.RecordCount = Convert.ToInt32(obj1);

             string sql1 = @"SELECT ROW_NUMBER() OVER (ORDER BY SONO)ROWNUM, SONO FROM (
33                                 SELECT DISTINCT M_STS.SONO
34                                FROM OMSO_M SO_M WITH(NOLOCK)
35 INNER JOIN OMSO_M_STS_LOG M_STS WITH(NOLOCK) ON SO_M.SONO=M_STS.SONO
36 INNER JOIN SYSSTATUSCDL STS WITH(NOLOCK) ON STS.STATUSCD=M_STS.STATUSCD
37
38                                     WHERE SO_M.CREATEBY=@USERID AND STS.[LANGID]='en')AA";

             sql1 = @"SELECT * FROM ( " + sql1 + " )X WHERE ROWNUM BETWEEN @Start AND @End";

             SqlParameter[] paras1 = {
                          new SqlParameter("@USERID", SqlDbType.NVarChar, ) { Value =SysSession.UserId} ,
                          new SqlParameter("@Start",SqlDbType.Int){Value = pager.StartRecordIndex},
                          new SqlParameter("@End", SqlDbType.Int){Value =pager.EndRecordIndex},
                                             };
             DataTable dt1 = DBAccess.ExecuteDataTable(sql1, paras1);
             for (int i = ; i < dt1.Rows.Count; i++)
             {
                 string sono = dt1.Rows[i]["SONO"].ConvertObjToStr();
                 hdsono += sono + ",";
             }
             if (hdsono.Length > )
             {
                 hdsono = hdsono.Substring(, hdsono.Length - );
                 hdSONO.Value = hdsono;
             }
         }
       } 

7.gridview中某字段内容过长，截取前*个字符，其后用……或“”代替，鼠标悬停在上面显示全部内容

 <asp:TemplateField HeaderText="<%$ Resources:GlobalResource_Store,ItemName%>">
 <ItemTemplate>
 <asp:Label ID="lbPNDESCR" runat="server" Text='<%#Eval("PNDESCRtwo") %>' ToolTip='<%# Eval("PNDESCR") %>'></asp:Label>
 </ItemTemplate>
 </asp:TemplateField>

  string sql = @"SELECT a.SRNO, b.CURR, b.SUMAMNT, a.PN,(substring(a.PNDESCR,0,20)) as PNDESCRtwo, a.PNDESCR, SUM(a.QTY) AS QTY, SUM(a.AMNT) AS ITEMAMNT
                         FROM (
                         SELECT SR_M.SRNO, M.QUOTNO, DA.QUOTITEM AS PN, DA.QUOTITEM AS PNDESCR, 1 AS QTY, DA.AMNT AS RPRIC, 1 AS DISCOUNT, DA.AMNT AS AMNT
                         FROM SMEDB..OMSR_M SR_M WITH(NOLOCK)
                         INNER JOIN SMEDB..OMSR_ADDR ADDR WITH(NOLOCK) ON SR_M.SRNO=ADDR.SRNO AND ADDR.ADDRTP='ST'
                         INNER JOIN SMEDB..QUOT_M M WITH(NOLOCK) ON M.SRNO=SR_M.SRNO AND M.APPROVEFLAG='Y'
                         INNER JOIN SMEDB..QUOT_DA DA WITH(NOLOCK) ON M.QUOTNO=DA.QUOTNO
       ……………………

8.RadioButton二选一时，设置两个RadioButton的属性groupName="**"的属性值相同。

         <div class="row row-margin-bottom">
             <div class="col-xs-2 col-sm-4 col-md-4 text-right text-left text-padding">
              </div>
             <div class="col-xs-10 col-sm-8 col-md-8 text-left text-padding">
             <asp:RadioButton runat="server" ID="rbtn_zfb" GroupName="zf"
                     oncheckedchanged="rbtn_zfb_CheckedChanged" AutoPostBack="True" />
                     <%= Resources.GlobalResource_Store.Alipay%>&nbsp;&nbsp;
             </div>
         </div>
         <div class="row row-margin-bottom">
             <div class="col-xs-2 col-sm-4 col-md-4 text-right text-padding">
             </div>
              <div class="col-xs-10 col-sm-8 col-md-8 text-left text-padding" ">
               <asp:RadioButton runat="server" ID="rbtn_xxhk" GroupName="zf" oncheckedchanged="rbtn_xxhk_CheckedChanged"  AutoPostBack="True" />
                <%= Resources.GlobalResource_Store.Offline_remittance%>
                 </div>
              </div>

9.dropdownlist 默认项设置为数据列的某个值：

ddlTimeZone.Items.FindByText("UTC").Selected = true;