置顶随笔

[置顶]执子之手--与子偕老

 

谁,吻我之眸,遮我半世流离;

谁,抚我之面,慰我半世哀伤;

谁,携我之心,融我半世冰霜;

谁,扶我之肩,驱我一世沉寂。

谁,唤我之心,掩我一生凌轹。

谁,弃我而去,留我一世独殇;

谁,可明我意,使我此生无憾;

谁,可助我臂,纵横万载无双;

谁,可倾我心,寸土恰似虚弥; 

谁,可葬吾怆,笑天地虚妄,吾心狂。

伊,覆我之唇,祛我前世流离; 

伊,揽我之怀,除我前世轻浮。

  

执子之手,陪你痴狂千生;

深吻子眸,伴你万世轮回。

执子之手,共你一世风霜;

吻子之眸,赠你一世深情。

我, 牵尔玉手, 收你此生所有;

我, 抚尔秀颈, 挡你此生风雨。 

予,挽子青丝,挽子一世情思;

予,执子之手,共赴一世情长;

曾,以父之名,免你一生哀愁;

曾,怜子之情,祝你一生平安!

 

posted @ 2011-08-25 17:38 青蛙學堂 阅读(353) | 评论 (1)编辑 收藏

2021年3月17日

表格设置bootstrap table样式


通过Bootstrap快速构建表格样式:

(1)外部引入Bootstrap文件

 <link type="text/css" rel="stylesheet" href=".\bootstrap-3.3.7-dist\css\bootstrap.css">

 <script type="text/javascript" src=".\bootstrap-3.3.7-dist\js\bootstrap.min.css"></script>
 
(2)通过HTML代码,创建一个表格
  
接下来通过外部引入Bootstrap来快速构建表格样式

.table    为任意 <table> 添加基本样式 (只有横向分隔线)
.table-striped    在 <tbody> 内添加斑马线形式的条纹 ( IE8 不支持)
.table-bordered    为所有表格的单元格添加边框
.table-hover    在 <tbody> 内的任一行启用鼠标悬停状态
.table-condensed    让表格更加紧凑

      除此之外,我们还可以给表格添加背景颜色。具体代码如下

.active    对某一特定的行或单元格应用悬停颜色
.success    表示一个成功的或积极的动作
.warning    表示一个需要注意的警告
.danger    表示一个危险的或潜在的负面动作   

         <table class="table table-striped table-hover table-bordered .table-condensed"style="width:450px">
      <thead> 
              <tr class="active"> 
                  <th>标题一</th> 
                  <th>标题二</th> 
                  <th>标题三</th> 
              </tr> 
          </thead> 
          <tbody>
              <tr class="success">
                  <td>示例一</td>
                  <td>示例一</td>
                  <td>示例一</td></tr>
              <tr class="warning">
                  <td>示例二</td>
                  <td>示例二</td>
                  <td>示例二</td></tr>
              <tr class="danger">
                  <td>示例三</td>
                  <td>示例三</td>
                  <td>示例三</td></tr>
              </tbody>
      </table>    

                 

posted @ 2021-03-17 14:53 青蛙學堂 阅读(48) | 评论 (0)编辑 收藏

2020年12月17日

net webservice ajax访问


    <system.web>
        <compilation debug="true" targetFramework="4.0"/>
    <webServices>
      <protocols>
        <add name= "HttpPost"/>
        <add name= "HttpGet"/>
        <add name="HttpSoap"/>
        <add name="Documentation"/>

      </protocols>
    </webServices>
    </system.web>


   
  <system.webServer>
    <httpProtocol>
      <customHeaders>
        <add name="Access-Control-Allow-Methods" value="OPTIONS,POST,GET"/>
        <add name="Access-Control-Allow-Headers" value="x-requested-with"/>
        <add name="Access-Control-Allow-Origin" value="*" /> 
      </customHeaders>
    </httpProtocol>
  </system.webServer>
  


/// <summary>
///WebService 的摘要说明http://localhost:65497/
/// </summary>
//[WebService(Namespace = "http://tempuri.org/")]
[WebService(Namespace = "http://localhost:65497/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
//若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务,请取消对下行的注释。 
 [System.Web.Script.Services.ScriptService]
public class WebService : System.Web.Services.WebService {

    public WebService () {

        //如果使用设计的组件,请取消注释以下行 
        
//InitializeComponent(); 
        
    }

    [WebMethod]
    public string HelloWorld() {
        Context.Response.AppendHeader("Access-Control-Allow-Methods", "OPTIONS,POST,GET");
        Context.Response.AppendHeader("Access-Control-Allow-Headers", "x-requested-with");
        Context.Response.AppendHeader("Access-Control-Allow-Origin", "*");
        return "Hello World";
    }
    [WebMethod]
    public string GetAge(string id)
    {
        Context.Response.AppendHeader("Access-Control-Allow-Methods", "OPTIONS,POST,GET");
        Context.Response.AppendHeader("Access-Control-Allow-Headers", "x-requested-with");
        Context.Response.AppendHeader("Access-Control-Allow-Origin", "*");
      Context.Response.AppendHeader("Content-type", "application/json");
        return "ID为:" + id + "的年龄为:" + new Random().Next(10, 41);
    }
}

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
     
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script type="text/javascript" src=" http://libs.baidu.com/jquer77777y/1.11.1/jquery.min.js "></script>
    <script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.5.1.min.js"></script>
        <script type="text/javascript">
            $(function () {
                $("#getdata").click(function () {
                    /*
                    $.ajax({
                    type: 'Post',
                    url: 'http://localhost:65497/WebSite1/WebService.asmx/GetAge?id=3344',
                    // data: '{id:"bbut101"}',
                    //  data: 'id=bbut101',
                    // dataType: 'json',
                      dataType: 'xml',
                    contentType: "application/json",
                    success: function (data) {
                    $("#data").append(data.d);
                    }
                    });
                    
*/
                    // alert("3333333333");

                    //  htmlobj = $.ajax({ url: "http://localhost:65497/WebSite1/WebService.asmx/GetAge", async: false });
                    //  $("#data").html(htmlobj.responseText);
                    /*
                    //  $.post("http://localhost:65497/WebSite1/WebService.asmx/GetAge",
                    {  id: "Duckburg"    },
                    function (data, status) {
                    alert("数据:" + data + "\n状态:" + status);
                    }); 
                    
*/
                    /*
                    $.ajax({
                    type: "GET",
                    contentType: "UTF-8",
                    url: "http://localhost:65497/WebSite1/WebService.asmx/GetAge?id=3322",
                    dataType: 'jsonp',
                    // dataType: 'text',
                    success: function (data) {
                    alert(data);
                    }
                    });
                   
                    $.ajax({
                    type: "POST",
                    contentType: "application/json;charset=utf-8",
                    url: "http://localhost:65497/WebSite1/WebService.asmx/GetAge?id=44333",
                    data: "{id:12345 }",
                    dataType: 'jsonp',
                    success: function (response) {
                    alert("成功:" + response.d);
                    },
                    error: function (msg) {
                    alert("错误:" + msg);
                    }
                    })
                     
*/
                   // jQuery.support.cors = true; //IE10以下
                    $.ajax({
                        type: "post",
                        url: "http://localhost:65497/WebSite1/WebService.asmx/GetAge?id=44333",
                       // dataType: 'xml',
                        dataType: 'text',
                        data: { id: 'eve7777' },
                        success: function (data) {
                            alert(data); //xml对象
                           // document.write(data);
                          //  $("#data").append(data);
                        },
                        error: function (XMLHttpRequest, textStatus, errorThrown) {
                            // console.log(XMLHttpRequest);
                            alert('error:' + errorThrown);
                           // $("#data").append(errorThrown);
                        }
                    });
                   

                });
            });
        </script>
</head>
<body>
    <a id="getdata" href="javascript:void(0);">获取dddd数据</a>
    <div id="data"></div>
</body>
</html>



posted @ 2020-12-17 16:58 青蛙學堂 阅读(28) | 评论 (0)编辑 收藏

2020年12月16日

js 弹窗div方法

1.首先写一个遮罩层div,然后再写一个弹窗的div

<!-- 遮罩层 -->
<div id="cover" style="background: #000; position: absolute; left: 0px; top: 0px; width: 100%; filter: alpha(opacity=30); opacity: 0.3; display: none; z-index: 2 ">
   
</div>
<!-- 弹窗 -->
<div id="showdiv" style="width: 80%; margin: 0 auto; height: 9.5rem; border: 1px solid #999; display: none; position: absolute; top: 40%; left: 10%; z-index: 3; background: #fff">
  <!-- 标题 -->
  <div style="background: #F8F7F7; width: 100%; height: 2rem; font-size: 0.65rem; line-height: 2rem; border: 1px solid #999; text-align: center;" >
    提示
  </div>
  <!-- 内容 -->
  <div style="text-indent: 50px; height: 4rem; font-size: 0.5rem; padding: 0.5rem; line-height: 1rem; ">
    js弹窗 js弹出DIV,并使整个页面背景变暗</div>
  <!-- 按钮 -->
  <div style="background: #418BCA; width: 80%; margin: 0 auto; height: 1.5rem; line-height: 1.5rem; text-align: center;color: #fff;margin-top: 1rem; -moz-border-radius: .128rem; -webkit-border-radius: .128rem; border-radius: .128rem;font-size: .59733rem;" onclick="closeWindow()">
    确 定
  </div>
</div>

<script type="text/javascript">
  // 弹窗
  function showWindow() {
    $('#showdiv').show();  //显示弹窗
    $('#cover').css('display','block'); //显示遮罩层
    $('#cover').css('height',document.body.clientHeight+'px'); //设置遮罩层的高度为当前页面高度
  }
  // 关闭弹窗
  function closeWindow() {
    $('#showdiv').hide();  //隐藏弹窗
    $('#cover').css('display','none');   //显示遮罩层
  }
</script>

posted @ 2020-12-16 11:19 青蛙學堂 阅读(33) | 评论 (0)编辑 收藏

2020年11月17日

jshtml固定表头


<html xmlns="http://www.w3.org/1999/xhtml">
 
    <head>
        <meta charset="utf-8" />
        <title>表格头部固定</title>
        <style type="text/css">
            /*
            .table-head table,.table-body table{width:100%;border-collapse:collapse;}
            .table-head{padding-right:17px;background-color:#999;color:#000;}
            .table-body{width:100%; height:300px;overflow-y:auto;}
            .table-body table tr:nth-child(2n+1){background-color:#f2f2f2;}
            
            .table-body table tr td{
                border:1px solid red;
                text-align: center;
            }
            
*/
            
               .table-head table,.table-body table{width:1190px;border-collapse:collapse; }
           
            .table-body{width:1200px; height:300px;overflow-y:auto;}
            
            .table-body table tr td{
               
                text-align: center;
            }
            
        </style>
    </head>

    <body>
        <div style="width:100%;">
            <div class="table-head">
                <table>
                    <colgroup><col span="2" style="width: 100px;" /><col /></colgroup>
                    <thead>
                        <tr>
                            <th>序号</th>
                            <th>内容</th>
                        </tr>
                    </thead>
                </table>
            </div>
            <div class="table-body">
                <table>
                    <colgroup><col span="2" style="width: 100px;" /><col /></colgroup>
                    <tbody>
                        <tr><td>1</td><td>我只是用来测试的</td></tr>
                        <tr><td>2</td><td>我只是用来测试的</td></tr>
                        <tr><td>3</td><td>我只是用来测试的</td></tr>
                        <tr><td>4</td><td>我只是用来测试的</td></tr>
                        <tr><td>5</td><td>我只是用来测试的</td></tr>
                        <tr><td>6</td><td>我只是用来测试的</td></tr>
                        <tr><td>7</td><td>我只是用来测试的</td></tr>
                        <tr><td>8</td><td>我只是用来测试的</td></tr>
                        <tr><td>9</td><td>我只是用来测试的</td></tr>
                        <tr><td>10</td><td>我只是用来测试的</td></tr>
                        <tr><td>11</td><td>我只是用来测试的</td></tr>
                        <tr><td>12</td><td>我只是用来测试的</td></tr>
                        <tr><td>13</td><td>我只是用来测试的</td></tr>
                        <tr><td>14</td><td>我只是用来测试的</td></tr>
                        <tr><td>15</td><td>我只是用来测试的</td></tr>
                    </tbody>
                </table>
            </div>
        </div>
    </body>
</html>

posted @ 2020-11-17 16:49 青蛙學堂 阅读(39) | 评论 (0)编辑 收藏

页面加载完成后执行js

页面加载完成后执行js:
jQuery方法2,该方法一般使用较多

    <script type="text/javascript">
        $(function () {
            alter("123qew");
        })
    </script>

posted @ 2020-11-17 11:25 青蛙學堂 阅读(1150) | 评论 (0)编辑 收藏

2020年11月13日

sqlserver查阻塞

查询当前正在执行的语句

复制代码
SELECT 
der.[session_id],der.[blocking_session_id], 
sp.lastwaittype,sp.hostname,sp.program_name,sp.loginame, 
der.[start_time] AS '开始时间', 
der.[status] AS '状态', 
dest.[text] AS 'sql语句', 
DB_NAME(der.[database_id]) AS '数据库名', 
der.[wait_type] AS '等待资源类型', 
der.[wait_time] AS '等待时间', 
der.[wait_resource] AS '等待的资源', 
der.[logical_reads] AS '逻辑读次数' 
FROM sys.[dm_exec_requests] AS der 
INNER JOIN master.dbo.sysprocesses AS sp ON der.session_id=sp.spid 
CROSS APPLY sys.[dm_exec_sql_text](der.[sql_handle]) AS dest 
--WHERE [session_id]>50 AND session_id<>@@SPID 
ORDER BY der.[session_id] 
GO
复制代码
 


是否堵塞

SELECT spid,blocked,waittime,waittype,waitresource,p.dbid,cpu,physical_io,memusage,open_tran 
,status,login_time,last_batch,hostname,program_name,hostprocess,loginame,cmd,text 
FROM master.dbo.sysprocesses p CROSS APPLY sys.dm_exec_sql_text(p.sql_handle) s 
WHERE blocked > 0 OR spid IN(SELECT blocked FROM master.dbo.sysprocesses WHERE blocked > 0) 
go
 检查锁表

select   request_session_id   spid,OBJECT_NAME(resource_associated_entity_id) tableName
from   sys.dm_tran_locks t where resource_type='OBJECT' order by spid asc;
查询导致死锁的sql语句

dbcc inputbuffer(spid);
解锁

declare @spid  int 
Set @spid  = 123--锁表进程
declare @sql varchar(1000)
set @sql='kill '+cast(@spid  as varchar)
exec(@sql)
杀掉进程

kill spid

posted @ 2020-11-13 11:14 青蛙學堂 阅读(37) | 评论 (0)编辑 收藏

2020年10月31日

sql2008删除log

USE[master]
    GO
    ALTER DATABASE mydbname SET RECOVERY SIMPLE WITH NO_WAIT
    GO
    ALTER DATABASE mydbname SET RECOVERY SIMPLE   --简单模式
    GO
    USE mydbname 
    GO
    DBCC SHRINKFILE (N'mydbname_Log' , 11, TRUNCATEONLY)
    GO
    USE[master]
    GO

    ALTER DATABASE mydbname SET RECOVERY FULL WITH NO_WAIT

    GO

    ALTER DATABASE mydbname SET RECOVERY FULL  --还原为完全模式

    GO

posted @ 2020-10-31 20:14 青蛙學堂 阅读(1486) | 评论 (0)编辑 收藏

2020年10月22日

session过期设置

保持Session的方法:有人说设session.timeout=-1,或小于0的数。这种方法肯定是不行的,session计算时间以分钟为单位,必须是大于等于1的整数。又有人说设session.timeout=99999。这种同样不行,session有最大时间限制。我经过测试发现最大值为24小时,也就是说你最大可以session.timeout=1440,1441都是不可以有,呵呵。本人测试环境:win2003+IIS6.0+ASP3.0。 

所以想通过设session.timeout的过期时间让session永不过期是不可能的。写到Cookies里是比较好的方法,网上也有很多这样的教程,这里就不再说了!还有就是用在要保持session的页里设隐藏iframe每隔一段时间(这个时间小于session.timeout的时间)把刷新一次frame里的空页面!实现方法如下: 

在要保持session页里加上: <iframe width=0 height=0 src="/blog/SessionKeeper.asp"> 
</iframe> 


同目录下建一下SessionKeeper.asp的文件。 <html> 
<head> 
<meta http-equiv="Refresh" content="900000;url=sessionKeeper.asp"> 
<!--每隔900秒刷新一下自己,为了和服务器通讯一下,保持session不会丢--> 
</head> 
</html> 


这种方法还是比较长见的,另外还有一种和上面类似的方法,不过他不是用meta自动刷新嵌套的iframe的方法。他是用javascript:window.setTimeout("functionname()",10000);第隔一段时间时间自动调用一个函数的方法,当然函数里还是要去连接一个空的文件。具体方法如下: 

在要保持session面里加上: <script id=Back language=javascript></script> 

<script language=javascript> 
function keepsession(){ 
document.all["Back"].src="/blog/SessionKeeper.asp?RandStr="+Math.random(); 
//这里的RandStr=Math.random只是为了让每次back.src的值不同,防止同一地址刷新无效的情况 
window.setTimeout("keepsession()",900000); //每隔900秒调用一下本身 

keepsession(); 
</script> 

这样同一目录下建一个空内容的sessionKeeper.asp就文件就可以了! 

posted @ 2020-10-22 17:00 青蛙學堂 阅读(38) | 评论 (0)编辑 收藏

2020年10月20日

Bootstrap table 页脚合计数量

1.表格很好,有的时候需求和,然后bootstrap-table 默认是关闭 footer的,所以表格不显示footer也就是最后一行
2.我们需要在表格初始化的时候打开footer选项 showFooter:true

var Controller = {
        index: function () {
            // 初始化表格参数配置
            Table.api.init({
                showFooter:true,
                extend: {
                    index_url: 'cneed/index',
                    add_url: 'cneed/add',
                    edit_url: 'cneed/edit',
                    del_url: 'cneed/del',
                    multi_url: 'cneed/multi',
                    table: 'lvdate',
                }
            });
3.在colums里面 将需要显示footer的列,加上footFormatter

columns: [
                    [ {title: '客户需求表',colspan: 14}],//这是第一行大标题
                    [
                        {checkbox: true,footerFormatter:function(data){
                                return '总计';//在第一列开头写上总计、统计之类
                            }
                        },
其中 footerFormatter:后面的 function 需要返回string 这是官方手册上说的
4.我们可以在需要的列进行计算,我这里纯是实验 所及计算了一下PID

{field: 'PID', title: __('Pid'),sortable: true,footerFormatter: function (data) {
                                var field = this.field;
                                var total_sum = data.reduce(function (sum, row) {
                                    return (sum) + (parseFloat(row[field]) || 0);
                                }, 0);
                                return total_sum.toFixed(2);
                            }

posted @ 2020-10-20 11:05 青蛙學堂 阅读(406) | 评论 (0)编辑 收藏

2020年10月6日

js函数提交前验证

这里面的return含有一些细节知识:

例如:onClick='return add_onclick()'与 onClick='add_onclick()'的区别

JAVASCRIPT在事件中调用函数时用return返回值实际上是对window.event.returnvalue进行设置。

而该值决定了当前操作是否继续。
当返回的是true时,将继续操作。
当返回是false时,将中断操作。

而直接执行时(不用return)。将不会对window.event.returnvalue进行设置
所以会默认地继续执行操作

详细说明如下:
例如:
当在 <a href="abc.htm" onclick="return add_onclick()">Open</a> 中
如果函数 add_onclick() 返回 true, 那么 页面就会打开 abc.htm
否则, (返回 false), 那么页面不会跳转到 abc.htm, 只会执行你的 add_onclick() 函数里的内容. (add_onclick函数中控制页面转到 abc.htm除外

)
而 <a href="abc.htm" onclick="add_onclick()">Open</a>
不管 add_onclick() 返回什么值, 都会在执行完 add_onclick 后打开页面 abc.htm

另外补充:
onclick事件时就相当于onclick="return true/false"
例:
function check()
{
if(obj.value=="" )
   {
     window.alert("不能为空!");
     obj.focus();
     return false;
   }
     return true;
}

调用方法返回true时才提交表单,反之则不提交,这是submit按钮
------------------------------------------------------------------------------------------

调用js函数不需要return,但是表单却无法提交,所以在js函数中加上一句话
例:
<script language="javascript">
function check()
{
if(obj.value=="" )
   {
     window.alert("不能为空!");
     obj.focus();
     return false;
   }
     document.myform.submit();
     return true;
}
</script>
注:document.myform.submit();要在return true前

 

 

关于javascript中的 return false和return true
return 是javascript里函数返回值的关键字,
一个函数内处理的结果可以使用return 返回,
这样在调用函数的地方就可以用变量接收返回
结果。return 关键字内任何类型的变量数据或表达式
都可以进行返回,甚至什么都不返回也可以比如
function NullReturn(IsNull)
{
if(IsNull==true)
{
return;
}
}
这样写也是可以的,这里的意思是返回空(null)
所以有的时候return 的作用就是用来终止函数执行。
比如
<html>
<head>
<title>return验证测试</title>
<script language="javascript">
function Login_Click()
{
if(document.form1.UsName.value=="")
{
alert('用户名为空');
}
if(document.form1.UsPwd.value=="")
{
alert('密码为空');
}
alert('登陆成功');
}
</script>
</head>
<body>
<form name="form1">
<input type="text" name="UsName" >用户名
<input type="password" name="UsPwd">密码
<input type="button" name="Login" onClick="Login_Click();" >登陆
</form>
</body>
</html>
不加return 的情况
加return
<html>
<head>
<title>return验证测试</title>
<script language="javascript">
function Login_Click()
{
if(document.form1.UsName.value=="")
{
alert('用户名为空');
return;
}
if(document.form1.UsPwd.value=="")
{
alert('密码为空');
return;
}
alert('登陆成功');
}
</script>
</head>
<body>
<form name="form1">
<input type="text" name="UsName" >用户名
<input type="password" name="UsPwd">密码
<input type="button" name="Login" onClick="Login_Click();" >登陆
</form>
</body>
</html>

运行就会发现加return 和不加return 的区别,
最简单的测试办法,上面的两个例子什么都不输入直接登陆,楼就明白了。

不加return的现象是先提示用户名没输入,然后提示密码没输入;加了return之后遇到一个没输入之后就不再继续检测

return false表示返回一个false值,也就是说提交是不成功的,就是不会提交上去。
return true表法返回一个true值,也就是提交了,不管你输入没有输入值,都会提交到action指定页面。

posted @ 2020-10-06 11:01 青蛙學堂 阅读(43) | 评论 (0)编辑 收藏

仅列出标题  下一页
<2021年4月>
28293031123
45678910
11121314151617
18192021222324
2526272829301
2345678

导航

统计

常用链接

留言簿(7)

随笔分类

随笔档案

收藏夹

青蛙学堂

最新评论

阅读排行榜

评论排行榜