Web开发实用技巧总结

 1.JavaScript局部打印

<input id="btnPrint" type="button" value="打印" οnclick="javascript:window.print();" />可以用样式控制，你想让那块打印就打印啊，样式如下：

<style type="text/css" media=print>
.noprint{display : none }
</style>

然后使用样式就可以：

<p class="noprint">不需要打印的地方</p>

2：两个时间之间相差的小时数

TextBox 前台onpropertychange　属性调用
function computeTime()
{
  var sendsTime=document .getElementById('<%=txbaffairsendstime.ClientID %>');
  var startsTime;
  var lblTime =document.getElementById('<%=lblTime.ClientID%>');
  var   sendT;
 startsTime=document.getElementById('<%=txbaffairstartstime.ClientID %>');
 if(startsTime .value!="")
  {   
    if(sendsTime .value!="")
     {
       arr=sendsTime .value.split(" ");  
       var   arr1=arr[0].split("-");   
       var   arr2=arr[1].split(":");   
       sendT=new   Date(arr1[0]-1,arr1[1],arr1[2],arr2[0],arr2[1],arr2[2]);
       
       var   arrs=startsTime.value.split(" ");   
       var   arr1s=arrs[0].split("-");   
       var   arr2s=arrs[1].split(":");   
       var   startsT=new   Date(arr1s[0]-1,arr1s[1],arr1s[2],arr2s[0],arr2s[1],arr2s[2]);

     //--
     var date3=(sendT.getTime() - startsT.getTime())/(1000*3600);
     var date4=(sendT.getTime() - startsT.getTime())/(1000*3600*24);
     lblTime.innerText=parseInt(Math .round(date3,1).toString())+"小时";
     //--
     }
  }

3：正则表达式

 下面都是我收集的一些比较常用的正则表达式，因为平常可能在表单验证的时候，用到的比较多。

匹配中文字符的正则表达式： [u4e00-u9fa5]
评注：匹配中文还真是个头疼的事，有了这个表达式就好办了

匹配双字节字符(包括汉字在内)：[^x00-xff]
评注：可以用来计算字符串的长度（一个双字节字符长度计2，ASCII字符计1）

匹配空白行的正则表达式：ns*r
评注：可以用来删除空白行

匹配HTML标记的正则表达式：< (S*?)[^>]*>.*?|< .*? />
评注：网上流传的版本太糟糕，上面这个也仅仅能匹配部分，对于复杂的嵌套标记依旧无能为力

匹配首尾空白字符的正则表达式：^s*|s*$
评注：可以用来删除行首行尾的空白字符(包括空格、制表符、换页符等等)，非常有用的表达式



匹配Email地址的正则表达式：w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*
评注：表单验证时很实用

匹配网址URL的正则表达式：[a-zA-z]+://[^s]*
评注：网上流传的版本功能很有限，上面这个基本可以满足需求

匹配帐号是否合法(字母开头，允许5-16字节，允许字母数字下划线)：^[a-zA-Z][a-zA-Z0-9_]{4,15}$
评注：表单验证时很实用

匹配国内电话号码：d{3}-d{8}|d{4}-d{7}
评注：匹配形式如 0511-4405222 或 021-87888822

匹配腾讯QQ号：[1-9][0-9]{4,}
评注：腾讯QQ号从10000开始

匹配中国邮政编码：[1-9]d{5}(?!d)
评注：中国邮政编码为6位数字

匹配身份证：d{15}|d{18}
评注：中国的身份证为15位或18位

匹配ip地址：d+.d+.d+.d+
评注：提取ip地址时有用

 //在广本框中只允许输入数字  调用 οnkeydοwn="return ValidateInput()"  
function ValidateInput() {
    if ((event.keyCode >= 48 && event.keyCode <= 57) || (event.keyCode >= 96 && event.keyCode <= 105) || event.keyCode == 8)
        return true;
    return false;
}

匹配特定数字：
^[1-9]\d*$　 　 //匹配正整数
^-[1-9]\d*$ 　 //匹配负整数
^-?[1-9]\d*$　　 //匹配整数
^[1-9]d*|0$　 //匹配非负整数（正整数 + 0）
^-[1-9]d*|0$　　 //匹配非正整数（负整数 + 0）
^[1-9]d*.d*|0.d*[1-9]d*$　　 //匹配正浮点数^[1-9]d*.d*|0.d*[1-9]d*$
^-([1-9]d*.d*|0.d*[1-9]d*)$　 //匹配负浮点数
^-?([1-9]d*.d*|0.d*[1-9]d*|0?.0+|0)$　 //匹配浮点数
^[1-9]d*.d*|0.d*[1-9]d*|0?.0+|0$　　 //匹配非负浮点数（正浮点数 + 0）
^(-([1-9]d*.d*|0.d*[1-9]d*))|0?.0+|0$　　//匹配非正浮点数（负浮点数 + 0）
评注：处理大量数据时有用，具体应用时注意修正

匹配特定字符串：
^[A-Za-z]+$　　//匹配由26个英文字母组成的字符串
^[A-Z]+$　　//匹配由26个英文字母的大写组成的字符串
^[a-z]+$　　//匹配由26个英文字母的小写组成的字符串
^[A-Za-z0-9]+$　　//匹配由数字和26个英文字母组成的字符串
^w+$　　//匹配由数字、26个英文字母或者下划线组成的字符串

在使用RegularExpressionValidator验证控件时的验证功能及其验证表达式介绍如下:

只能输入1-2位小数的正整数: “^([0-9]|[0-9]|(0[.])|((0[.])))[0-9]{0,}(([.]*\d{1,2})|[0-9]{0,})$” *验证*
只能输入数字：“^[0-9]*$” *验证*
只能输入n位的数字：“^d{n}$”
只能输入至少n位数字：“^d{n,}$”
只能输入m-n位的数字：“^d{m,n}$”
只能输入零和非零开头的数字：“^(0|[1-9][0-9]*)$”
只能输入有两位小数的正实数：“^[0-9]+(.[0-9]{2})?$”
只能输入有1-3位小数的正实数：“^[0-9]+(.[0-9]{1,3})?$”
只能输入非零的正整数：“^+?[1-9][0-9]*$”
只能输入非零的负整数：“^-[1-9][0-9]*$”
只能输入长度为3的字符：“^.{3}$”
只能输入由26个英文字母组成的字符串：“^[A-Za-z]+$”
只能输入由26个大写英文字母组成的字符串：“^[A-Z]+$”
只能输入由26个小写英文字母组成的字符串：“^[a-z]+$”
只能输入由数字和26个英文字母组成的字符串：“^[A-Za-z0-9]+$”
只能输入由数字、26个英文字母或者下划线组成的字符串：“^w+$”
验证用户密码:“^[a-zA-Z]w{5,17}$”正确格式为：以字母开头，长度在6-18之间，

只能包含字符、数字和下划线。
验证是否含有^%&’,;=?$”等字符：“[^%&',;=?$x22]+”
只能输入汉字：“^[u4e00-u9fa5],{0,}$”
验证Email地址：“^w+[-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*$”
验证InternetURL：“^http://([w-]+.)+[w-]+(/[w-./?%&=]*)?$”
验证电话号码：“^((d{3,4})|d{3,4}-)?d{7,8}$”

正确格式为：“XXXX-XXXXXXX”，“XXXX-XXXXXXXX”，“XXX-XXXXXXX”，

“XXX-XXXXXXXX”，“XXXXXXX”，“XXXXXXXX”。
验证身份证号（15位或18位数字）：“^d{15}|d{}18$”
验证一年的12个月：“^(0?[1-9]|1[0-2])$”正确格式为：“01”-“09”和“1”“12”
验证一个月的31天：“^((0?[1-9])|((1|2)[0-9])|30|31)$”

正确格式为：“01”“09”和“1”“31”。

匹配中文字符的正则表达式： [u4e00-u9fa5]
匹配双字节字符(包括汉字在内)：[^x00-xff]
匹配空行的正则表达式：n[s| ]*r
匹配HTML标记的正则表达式：/< (.*)>.*|< (.*) />/
匹配首尾空格的正则表达式：(^s*)|(s*$)
匹配Email地址的正则表达式：w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*
匹配网址URL的正则表达式：http://([w-]+.)+[w-]+(/[w- ./?%&=]*)?

(1)应用：计算字符串的长度（一个双字节字符长度计2，ASCII字符计1）
String.prototype.len=function(){return this.replace([^x00-xff]/g,”aa”).length;}

(2)应用：javascript中没有像vbscript那样的trim函数，我们就可以利用这个表达式来实现
String.prototype.trim = function()
{
return this.replace(/(^s*)|(s*$)/g, “”);
}
(3)应用：利用正则表达式分解和转换IP地址
function IP2V(ip) //IP地址转换成对应数值
{
re=/(d+).(d+).(d+).(d+)/g //匹配IP地址的正则表达式
if(re.test(ip))
{
return RegExp.$1*Math.pow(255,3))+RegExp.$2*Math.pow(255,2))+RegExp.$3*255+RegExp.$4*1
}
else
{
throw new Error(”Not a valid IP address!”)
}
}
(4)应用：从URL地址中提取文件名的javascript程序
s=”http://www.9499.net/page1.htm”;
s=s.replace(/(.*/){0,}([^.]+).*/ig,”$2″) ; //Page1.htm
(5)应用：利用正则表达式限制网页表单里的文本框输入内容
用正则表达式限制只能输入中文：οnkeyup=”value=”/blog/value.replace(/["^u4E00-u9FA5]/g,”) ” onbeforepaste=”clipboardData.setData(’text’,clipboardData.getData(’text’).replace(/[^u4E00-u9FA5]/g,”))”
用正则表达式限制只能输入全角字符： οnkeyup=”value=”/blog/value.replace(/["^uFF00-uFFFF]/g,”) ” onbeforepaste=”clipboardData.setData(’text’,clipboardData.getData(’text’).replace(/[^uFF00-uFFFF]/g,”))”
用正则表达式限制只能输入数字：οnkeyup=”value=”/blog/value.replace(/["^d]/g,”) “onbeforepaste= “clipboardData.setData(’text’,clipboardData.getData(’text’).replace(/[^d]/g,”))”
用正则表达式限制只能输入数字和英文：οnkeyup=”value=”/blog/value.replace(/[W]/g,””) “onbeforepaste=”clipboardData.setData(’text’,clipboardData.getData(’text’).replace(/[^d]/g,”

注：正则表达式用的少，实际运用我都习惯用Jquery验证。

4：按递归关系 给字段前加“ ”空格标示符

select LPAD('　', (LEVEL - 1) * 4) || coi.ORGAN_SHORT_NAME AS ORGANNAME
  from table
CONNECT BY PRIOR coi.ORGAN_ID = coi.PARENT_ID
 START WITH coi.ORGAN_ID = '200511171119415510'
 order siblings by coi.order_flag

5：交叉表Oracle统计

CREATE OR REPLACE PACKAGE BODY "TEST1" as
 procedure sp_test(p_cursor out t_cursor) 
　　 is
　　 sqlstr varchar2(32767);
　　 begin
　　 sqlstr:='select name,';
　　 for v_cur in (select distinct subject from test)
　　 loop
　　 sqlstr:=sqlstr||'sum(case subject when '''|| v_cur.subject ||''' then money else 0 end ) as '|| v_cur.subject ||',';
　　 end loop;
　　 sqlstr := substr(sqlstr,0,length(sqlstr)-1) ||' from test group by name';
　　 open p_cursor for sqlstr;
　　 end;
　　 end;

6：一些Oracle分析函数

说明：一些Oracle分析函数
over（order by salary） 按照salary排序进行累计，order by是个默认的开窗函数
over（partition by deptno）按照部门分区
over（order by salary range between 50 preceding and 150 following）
每行对应的数据窗口是之前行幅度值不超过50，之后行幅度值不超过150
over（order by salary rows between 50 preceding and 150 following）
每行对应的数据窗口是之前50行，之后150行
over（order by salary rows between unbounded preceding and unbounded following）
每行对应的数据窗口是从第一行到最后一行，等效：
over（order by salary range between unbounded preceding and unbounded following

7：pl/sql循环插入

declare

aa integer :=1;

begin

while aa<100

loop

insert into t_safe_chk_item_root (CHECK_NUMBER, CHECK_TITLE, CHECK_BEG_DATE, CHECK_END_DATE, REP_END_DATE)
values (to_char(10+aa), to_char(10+1) || '年秋季安全检查调查表', '01-10月-04', '31-12月-04', '');

aa:=aa+1;

end loop;

end;

8：table查询

  /// <summary>
        /// 执行DataTable中的查询返回新的DataTable
        /// </summary>
        /// <param name="dt">源数据DataTable</param>
        /// <param name="condition">查询条件</param>
        /// <returns>新的DataTable</returns>
        private DataTable GetNewDataTable(DataTable dt, string condition)
        {
            DataTable newdt = new DataTable();
            newdt = dt.Clone();
            DataRow[] dr = dt.Select(condition);
            for (int i = 0; i < dr.Length; i++)
            {
                newdt.ImportRow(dr[i] as DataRow);
            }
            return newdt;//返回的查询结果
        }

9：禁止浏览器后退

<% 
Response.Buffer = True 
Response.ExpiresAbsolute = Now() - 1 
Response.Expires = 0 
Response.CacheControl = "no-cache" 
%>
将以上代码放在<head></head>之中

10：事务

using (System.Data.OracleClient.OracleConnection oc = new System.Data.OracleClient.OracleConnection(Dtsc.Common.Utility.OracleHelper.ConnectionString))
                {
                    oc.Open();
                    System.Data.OracleClient.OracleTransaction trans = oc.BeginTransaction();
                    try
                    {
                       BizTReformPlan.Delete(model, trans);//实际使用这里就是sql执行处理的语句
		     trans.Commit();
                    }
                    catch (Exception ex)
                    {
                        trans.Rollback();
                        throw ex;
                    }
                    finally
                    {
                        trans.Dispose();
                    }
                }

11：只能输入数字

<script type="text/javascript" language="javascript">
    function InputNumber(value)
    {
        if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d$/.test(value))
        {
            event.returnValue=false;
        }
    }
    </script>

12：只能输入数字包含小数点

function clearNoNum(obj)
	{
		//先把非数字的都替换掉，除了数字和.
		obj.value = obj.value.replace(/[^\d.]/g,"");
		//必须保证第一个为数字而不是.
		obj.value = obj.value.replace(/^\./g,"");
		//保证只有出现一个.而没有多个.
		obj.value = obj.value.replace(/\.{2,}/g,".");
		//保证.只出现一次，而不能出现两次以上
		obj.value = obj.value.replace(".","$#{1}quot;).replace(/\./g,"").replace("$#{1}quot;,".");
	}

13：存储过程简单调用方法

 
//后台代码
OracleParameter[] parms = {
				new OracleParameter("WeekReportsData", OracleType.VarChar, 40)	     		
				};
            parms[0].Direction = ParameterDirection.Output;

            try
            {
                OracleHelper.ExecuteNonQuery(CommandType.StoredProcedure, "P_Init_WeekReports", parms);
                return parms[0].Value.ToString();
            }
            catch(Exception ex)
            {
                throw ex;
            }

//存储过程
create or replace procedure P_Init_WeekReports(WeekReportsData out varchar2)  
is
begin
  WeekReportsData:='aaa,bbb,ccc,ddd';
end;

14：分页

 

<%@ Register Assembly="Dtsc.Common.Pager" Namespace="Dtsc.Common.Pager.ExtendPager"
    TagPrefix="cc1" %>
-----------------------------------------------------------------------------------
<cc1:ExtendPager ID="ExtendPager1" runat="server" BindToControl="xxxxxxx"
        HAlign="Right" PageSize="25" AuttoHidden="True" OnPageChanging="ExtendPager1_PageChanging">
        <asp:Table runat="server" BorderWidth="1px" BorderStyle="None" ID="tbPagerContainer">
            <asp:TableRow ID="TableRow1" runat="server">
                <asp:TableCell ID="TableCell1" runat="server" Wrap="False">
                    <asp:Label runat="server" ID="lblCurrentPage">当显示第当前显示第当前显示第当前显示第<span style='color:red;'>1</span>页,</asp:Label>
                    <asp:Label ID="Label1" runat="server">每页显示<span style='color:red;'>25</span>条  </asp:Label>
                    <asp:LinkButton runat="server" Enabled="False" ID="lbtnFirst">首页</asp:LinkButton>
                    <asp:Literal ID="Literal1" runat="server" Text="&nbsp;"></asp:Literal>
                    <asp:LinkButton runat="server" Enabled="False" ID="lbtnPrev">上一页</asp:LinkButton>
                    <asp:Literal ID="Literal2" runat="server" Text="&nbsp;"></asp:Literal>
                    <asp:LinkButton runat="server" Enabled="False" ID="lbtnNext">下一页</asp:LinkButton>
                    <asp:Literal ID="Literal3" runat="server" Text="&nbsp;"></asp:Literal>
                    <asp:LinkButton runat="server" Enabled="False" ID="lbtnLast">尾页</asp:LinkButton>
                    <asp:Literal ID="Literal4" runat="server" Text="&nbsp;"></asp:Literal>
                    <asp:LinkButton runat="server" Enabled="False" ID="lbtnGo">转到</asp:LinkButton>
                    <asp:Literal ID="Literal5" runat="server" Text="&nbsp;"></asp:Literal>
                    <asp:DropDownList runat="server" ID="ddlPageList">
                        <asp:ListItem Selected="True">1</asp:ListItem>
                    </asp:DropDownList>
                    <asp:Label runat="server" ID="lblTotalPage">  共<span style='color:red;'>0</span>页,</asp:Label>
                    <asp:Label runat="server" ID="lblTotalCount"><span style='color:red;'>0</span>条记录</asp:Label>
                </asp:TableCell>
            </asp:TableRow>
        </asp:Table>
    </cc1:ExtendPager>
-----------------------------------------------------------------------------------
this.ExtendPager1.DataSource = xxxxxxx;
            this.ExtendPager1.BindDataToControl();
-----------------------------------------------------------------------------------
protected void ExtendPager1_PageChanging(object sender, EventArgs e)
        {
            GVDataBind();
        }

15：AllSelectGridView

function SelectAll(control)
        {
            var selectAll = control;
            var theTable = document.getElementById("ctl00_ContentPlaceHolder1_GridView1");
            var checks = theTable.getElementsByTagName("input");
            for (var i = 0; i < checks.length; i++)
            {
                if (checks[i].type == "checkbox")
                {
                    checks[i].checked = selectAll.checked;
                }
            }
        }
        
        function DeletesCheck()
        {
            var flg = false;
            var theTable = document.getElementById("ctl00_ContentPlaceHolder1_GridView1");
            /* 判断是否有行 */
            if (theTable && theTable.rows.length > 1)   // '>1' 因为表头也算一行。
            {
                var checks = theTable.getElementsByTagName("input");
                for (var i = 0; i < checks.length; i++)
                {
                    if (checks[i].type == "checkbox" && checks.id != "ckbSelectAll")
                    {
                        if (checks[i].checked)
                        {
                            flg = true;
                            break;
                        }
                    }
                }
                if (!flg)
                {
                    alert("请勾选要删除的项！");
                }
                else
                {
                    flg = confirm("是否确实删除勾选项？");
                }
            }           
            return flg;
        }
        
        function LastSelect(currCheck)
        {
            var ckbSelectAll = document.getElementById("ckbSelectAll");
            if (!currCheck.checked)
            {
                ckbSelectAll.checked = false;
            }
            else
            {
                var theTable = document.getElementById("ctl00_ContentPlaceHolder1_GridView1");
                var checks = theTable.getElementsByTagName("input");
                var flg = true;
                for (var i = 0; i < checks.length; i++)
                {
                    if (checks[i].type == "checkbox" && checks[i].id != "ckbSelectAll")
                    {
                        if (checks[i].checked == false) //如果
                        {
                            flg = false;
                            break;
                        }
                    }
                }
                //alert(flg);
                ckbSelectAll.checked = flg;
            }
        }

-------------------------------------------
<asp:TemplateField>
                            <HeaderTemplate>
                                <input id="ckbSelectAll" type="checkbox" οnclick="SelectAll(this)" />
                            </HeaderTemplate>
                            <ItemTemplate>
                                <asp:CheckBox ID="ckbSelect" runat="server" value='<%# Eval("id") %>' οnclick="LastSelect(this)" />
                            </ItemTemplate>
                            <ItemStyle CssClass="table_abc" />
                        </asp:TemplateField>
-------------------------------------------
protected void lbtnDeletes_Click(object sender, EventArgs e)
    {
        StringBuilder strs = new StringBuilder();
        for (int i = 0; i < GridView1.Rows.Count; i++)
        {
            try
            {
                //string type = GridView1.Rows[i].Cells[0].Controls[1].GetType().ToString();
                CheckBox cbox = GridView1.Rows[i].Cells[0].Controls[1] as CheckBox;
                if (cbox.Checked)
                {
                    strs.Append(GridView1.DataKeys[i].Value.ToString() + ",");
                }
            }
            catch (Exception ex)
            {
                throw ex;
            }
        }
        if (!string.IsNullOrEmpty(strs.ToString()))
        {
            string ids = string.Empty;
            ids = strs.ToString().Substring(0, strs.ToString().Length - 1);
            Consume.Deletes(ids);
        }
        DataBind();
    }

-----今天就写到这里了