使用监控宝免费即时监控你的网站

Posted in 默认分类 on 十一月 3rd, 2011 by admin – Be the first to comment

个人网站当机,出错问题比较多,如何在出现问题后, 即时收到通知信息是站长比较关心的问题

涉及到的服务与内容
1. 监控宝 http://www.jiankongbao.com/
2. 腾讯微信(支持OS, Android, 可能还有其他)
3. QQ邮箱

步骤
1. 注册一个免费的监控宝用户(微信绑定QQ邮箱当作用户名)
2. 安装微信客户端
3. 完成

这样有问题时监控宝就会发送邮件给QQ邮箱, 微信就会收到邮件提示了. 不用短信也可以达到即时监控的效果了 。

圆角框架示例代码

Posted in 默认分类 on 十月 25th, 2011 by admin – Be the first to comment

写了几个CSS3的圆角框架示例代码.

标题

这个是内容

标题

这个是内容
*{padding:0; margin:0; line-height:1;}
        body{
            padding:20px;
        }

        .round{
            width:20%;
            border:1px #ccc solid;
            border-color:#ccc;
            border-radius: 5px;
            -webkit-box-shadow:2px 2px 2px #eee;
            -moz-box-shadow:2px 2px 2px #eee;
            margin:10px;
        }

        .round h2{
            padding:5px;
            line-height:1.5;
            font-size:14px;
            border-bottom:1px solid #fff;
            background:#efefef;
            background-image:-moz-linear-gradient(top, #fff, #eee);
            background-image:-webkit-linear-gradient(top,#fff,#eee);
        }

        .round .frame{
            padding:5px;
            line-height:2;
            font-size:12px;
        }

        .roundv2 h2{
            background-color:#D9DDE1;
            background-image:-moz-linear-gradient(top, #D9DDE1, #C2C8CD);
            background-image:-webkit-linear-gradient(top,#D9DDE1,#C2C8CD);
        }

        .menu{
            width:50%;
            border-radius: 5px;
            margin:10px;
            background:#3C7EC8;
            background-image:-moz-linear-gradient(top, #4989CD, #3372C0);
            background-image:-webkit-linear-gradient(top,#4989CD,#3372C0);
            line-height:2;
            padding:0 1em;
            color:#fff;
        }

        .titlebtn{
            border-radius: 5px;
            background-color:#efefef;
            background-image:-moz-linear-gradient(top, #EFEFEF, #CCC);
            background-image:-webkit-linear-gradient(top,#EFEFEF,#CCC);
            width:200px;
            line-height:2;
            padding:0 1em;
            margin:20px 10px;
            position:relative;
            text-indent:48px;
        }

        .titlebtn .icon{
            background:url('n.png') no-repeat left top;
            width:48px;
            height:48px;
            display:block;
            position:absolute;
            top:-10px;
            left:5px;
        }

        .titlebtn a{
            font-weight:bold;
            font-family:'微软雅黑';
        }

延时弹出层控制

Posted in 前端技术 on 三月 1st, 2011 by admin – Be the first to comment
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title>延时弹出层控制</title>
        <script type="text/javascript">
            var isPopLayer = false;
	    var time = null;
            //打开弹出层
            function poplay(){
                if(!isPopLayer){
                    //延迟1秒显示层
		    time = setTimeout(function(){
                        document.getElementById('poplay').style.display = 'block';
			clplay();
                        isPopLayer = true;
                    }, 1000);
                }
            }

	    //鼠标移走时执行
	    function clplay(){
		clearTimeout(time);
		time = null;
	    }

            //关闭弹出层
            function poclose(){
                document.getElementById('poplay').style.display = 'none';
                isPopLayer = false;
            }
        </script>

        <style type="text/css">
            #poplay{ padding:1em; position:absolute; border: 3px solid #000; display:none;}
        </style>
</head>
<body>
        <a href="#" onmouseover="poplay()" onmouseout="clplay()">文字1</a> 这个都是胡乱写的
        <a href="#" onmouseover="poplay()" onmouseout="clplay()">文字2</a> 这个都是胡乱写的
        <a href="#" onmouseover="poplay()" onmouseout="clplay()">文字3</a> 这个都是胡乱写的
        <div id="poplay">
            <p class="classname">弹出层的内容</p>
            <p class="classname">弹出层的内容</p>
            <p class="classname">弹出层的内容</p>
            <p class="classname">弹出层的内容</p>
            <button onclick="poclose()">关闭</button>
        </div>
</body>
</html>

用PHP生成MYSQL数据字典

Posted in 默认分类 on 二月 12th, 2011 by admin – Be the first to comment

写文档什么是最麻烦的事情. 能交给程序做就让程序做吧. 于是有了这个生成程序

PHP代码

/*
Name: 生成mysql数据字典
URI: http://www.simcn.com/dict-tools
Version: 1.0
Author: Mark.Chen
Author URI: http://www.simcn.com
*/

//Set Server
$dbserver="localhost";
$dbusername="root";
$dbpassword="max197997";

//接收get参数
if($_GET['db']==''){
    $database = 'oms';
}else{
    $database = $_GET['db'];
}

$mysql_conn=@mysql_connect("$dbserver","$dbusername","$dbpassword") or die("Mysql connect is error.");

mysql_select_db($database,$mysql_conn);
$result = mysql_list_tables($database,$mysql_conn);
mysql_query('SET NAMES utf8',$mysql_conn);
while ($tableList = mysql_fetch_array($result)){
    $table = $tableList[0];
    $field_result= mysql_query("SELECT * FROM
                               INFORMATION_SCHEMA.COLUMNS
                               WHERE
                               table_name = '$table' AND table_schema = '$database'",$mysql_conn
                                );

    echo '
'.chr(13);
    echo '


'.chr(13);
    echo '


'.chr(13);
    while ($f = mysql_fetch_array($field_result)){
        echo '
'.chr(13);
        echo '


'.chr(13);
        echo '


'.chr(13);
        echo '


'.chr(13);
        echo '


'.chr(13);
        echo '


'.chr(13);
        echo '

'.chr(13);
    }
    echo '
'.$table.'
字段名 数据类型 默认值 字符编码 备注
'.$f['COLUMN_NAME'].''.$f['COLUMN_TYPE'].''.$f['COLUMN_DEFAULT'].''.$f['COLLATION_NAME'].''.$f['COLUMN_COMMENT'].'
'; } mysql_close($mysql_conn);

html风格页面




	
	









关于网站后台缩略图综合解决方法

Posted in 前端技术, 后端技术, 开源 on 一月 17th, 2011 by admin – Be the first to comment

这两天给一个iphone 的应用程序写支持数据时遇到的关于缩略图的问题!
写出来分享一下. 直接上代码.

我们要达到这样的效果!

功能点
1. 图片上传的格式与大小尺寸是变化的,所以我们需要一个程序来实缩略图(php)
2. 常用的功能封装成jquery插件形式来使用。

html结构代码

编号 标题 来源 日期 缩略图
12 为什么是黄小明' 新浪 2011-01-15 upload/thumbnail/2011/01/15/1295081305.jpg
11 测度2730211069556' 新浪 2011-01-15 upload/thumbnail/2011/01/15/1295095094.jpg
编号 标题 来源 日期 缩略图

jquery插件代码

(function($){
    /**
     * 显示缩略图插件
     * 接收缩略图php地址
     * @author  mark.chen maxtank@gmail.com www.simcn.com
     * @date 2011-1-17
     **/
    $.fn.thumb = function(thumb){
        $(this).hover(function(){
            var url = $(this).text();
            var isAppend = $(this).find('span')[0];
            if(!isAppend){
                $(this).append($(''));
            }else{
                $(this).find('span').show();
            }
            //console.log("url的值为: %s", url);
        },
        function(){
            $(this).find('span').hide();
        });
    }
})(jQuery);

//使用方法
//$('.pw').thumb('thumb.php');

php生成缩略图代码(部分代码来源于互联网,也不知道是谁发表的)

/**
 * 生成缩略图
 * http://www.simcn.com
 * @param $_GET['f'] 图片地址
 * @param $_GET['w'] 图片宽度 默认为200
 * @param $_GET['h'] 图片高度 默认为200
 * @author mark.chen maxtank@gmail.com
 * @version 1.0
 **/

ini_set('memory_limit', '-1');

//传入参数
$width  = isset($_GET['w']) ? intval($_GET['w']) : '200' ;
$height = isset($_GET['h']) ? intval($_GET['h']) : '200' ;
$f		= trim($_GET['f']);

if(empty($f)){
	exit('需要传入f');
}

$info_orig = getimagesize($f);
$width_orig  = $info_orig[0];
$height_orig = $info_orig[1];

header('Content-type: '.$info_orig['mime']);
//header('Content-type: image/jpeg');
//header('Content-type: image/png');

$ratio_orig = $width_orig/$height_orig;
if($width/$height > $ratio_orig) {
   $width_ = $width;
   $width = $height*$ratio_orig;
   $pos_x = intval(($width_ - $width)/2); //位移X轴
   $pos_y = 0;
} else {
   $height_ = $height;
   $height = $width/$ratio_orig;
   $pos_x = 0;
   $pos_y = intval(($height_ - $height)/2); //位移Y轴
}

// 建立画布
$im = imagecreatetruecolor(200, 200);
$color = imagecolorallocate($im, 255, 255, 255);
imagefill($im, 0, 0, $color);		//填充背景为白色
//imagecolortransparent($im,$color);	//将背景透明化

switch($info_orig['mime']){
	case 'image/jpeg':
		$image  = imagecreatefromjpeg($f);
		imagecopyresampled($im, $image, $pos_x, $pos_y, 0, 0, $width, $height, $width_orig, $height_orig);
		imagejpeg($im, null, 100);
		break;
	case 'image/png':
		$image  = imagecreatefrompng($f);
		imagecopyresampled($im, $image, $pos_x, $pos_y, 0, 0, $width, $height, $width_orig, $height_orig);
		imagepng( $im );
		break;
	case 'image/gif':
		$image  = imagecreatefromgif($f);
		imagecopyresampled($im, $image, $pos_x, $pos_y, 0, 0, $width, $height, $width_orig, $height_orig);
		imagegif($im, null, 100);
		break;
}

删除wordpress中的重复的记录

Posted in 后端技术, 默认分类 on 一月 14th, 2011 by admin – 2 Comments

经常采集数据的同学经常会遇到数据重复的问题,可以使用下条SQL语言把重复的找出来.

select id,post_title from chl_posts group by post_title having Count(post_title)>1

找出id与title 可以后 wp后台里面删除 。

另外可以结合
Better Delete Revision Manager 这个插件把历史与自动保存的数据清除掉!
WP每次编辑一下内容就会产生一条历史记录!
对我们个人网站来说这些数据意义不大!
当然也可以使用sql来清除,不过插件清除更快,更有效些, 也更加安全.

上海市居住证申办指南

Posted in 默认分类 on 一月 4th, 2011 by admin – Be the first to comment

为了小孩子的学习

申领对象
1、《上海市居住证》申领对象
(1)在本市有稳定就业和稳定住所的非本市户籍从业人员;
(2)投靠具有本市户籍的配偶、子女或者父母的来沪人员;就读于本市大、中专院校,常住户口未迁入本市的人员,以及来本市接受非学历教育等需居住6个月以上的人员。
2、《上海市临时居住证》申领对象
非本市户籍的境内人员在本市居住的,应当按照国家有关规定办理居住登记,领取《上海市临时居住证》。

申领程序
1、《上海市居住证》申领程序
(1)本人备齐证明材料到居住地所在街道社区事务受理中心提出申请;
(2)填写《来沪人员居住登记表》,确认后签名;
(3)当场拍摄一寸免冠数码照片(免费);
(4)领取回执。
2、 《上海市临时居住证》申领程序
(1)本人备齐身份证明、住所证明到居住地所在街道、镇(乡)社区事务受理中心办理;
(2)填写《来沪人员居住登记表》,确认后签名;
(3)交纳押金;
(4)当场拍摄一寸免冠数码照片(免费);
(5)当场领取证件。

申领需提供的基本材料
1、申领《上海市居住证》需提供的基本材料、补充材料
(1)《来沪人员居住登记表》;
(2)居民身份证等有效身份证明;
(3)拟在本市居住6个月以上的住所证明,如自有房屋的房地产权证、由房地部门出具的房屋租赁合同登记备案证明、单位出具的集体宿舍证明或者居(村)委出具的寄宿证明等;
(4)18-49周岁的申领人须提供流动人口婚育状况证明;
(5)本市街道、镇(乡)以上医院出具的健康状况证明。 除上述基本材料外,有关人员还应当提供其他材料。
来沪从业人员申领《上海市居住证》需要提交的补充材料:
(1)本市劳动保障管理部门出具的就业登记证明,期限为6个月以上的聘用(劳动)合同,参加本市综合保险的缴费记录;从事特殊工种的,还须提供特种岗位上岗证书。
(2)投资开业或个体经营者提供企业或个体工商户营业执照和本市综合保险的缴费记录。
来沪投靠、就读人员申领《上海市居住证》需要提交的补充材料:
(1)属于夫妻投靠的,须提供结婚证复印件(验原件);投靠子女或父母的,须提供公安部门认定的父母子女关系的证明;
(2)来沪就读的,须提供本市大、中专院校发出的“录取通知书”复印件(验原件);
(3)来沪接受非学历教育的,须提供本市非学历教育机构出具的书面证明复印件(验原件)。

2、申领《上海市临时居住证》需提供的材料
(1)《来沪人员居住登记表》;
(2)居民身份证等有效身份证明;
(3)在本市的住所证明,如自有房屋的房地产权证、由房地部门出具的房屋租赁合同登记备案证明、单位出具的集体宿舍证明或者居(村)委出具的寄宿证明等。

需交的费用:
1、《上海市居住证》工本费按原上海市居住证收费标准收取,每人每证25元。
2、《上海市临时居住证》免费办理,但须交纳押金,每人每证25元。

PHP客户端在某一时间断的唯一guid

Posted in 后端技术 on 十月 15th, 2010 by admin – Be the first to comment

我们在投票,取领之类的用户行为时有时需要在xx时间断内只让他做一次动作,以前都是用IP来判断的, 有时有些用户的IP很多是共用的导致不准确,.

可以通过下面这个函数来获得更准确一点的信息, 还可以加入其他信息来进一步完整.


    /**
     * 返回客户端唯一的guid;
     * 主要用于做判断是否提交,是否投票
     * @author Mark.chen maxtank@gmail.com
     * @param y=1年, m=1月, d=1天, h=1小时, i=1分钟, s= 1秒
     * @return 32位的字符串
     **/
    function guid($out = 'ymd'){
        $ip1 = $_SERVER['REMOTE_ADDR']; //求ip
        $ip2 = $_SERVER['HTTP_X_FORWARDED_FOR']; //求代理等其他情况下ip
        $info= $_SERVER['HTTP_USER_AGENT']; //求浏览器信息
        return sha1($ip1.$info.$ip2.date($out));
    }        

Jquery1.2快速参考图片.

Posted in 默认分类 on 九月 28th, 2010 by admin – Be the first to comment

虽然版本比较老. 但基本的功能都在.

可以直接访问作者网站查看大图.
http://colorcharge.com/jquery/

直接使用网页进行打印

Posted in 前端技术 on 九月 14th, 2010 by admin – Be the first to comment

网页打印内容有很多便利的地方,而且不需要安装其他软件

会打印机页眉与页脚并且在有些在程序中不好去掉.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title></title>

	<style type="text/css" media="print">
		*{margin:0; padding:0;}
		p{ background-color:#333; color:#fff; margin:1mm;}
		.page-break-after{page-break-after : always}
		button{display:none;}
	</style>
	<script type="text/javascript">
	function webprint(){
		window.print();
	}
	</script>
</head>
<body>
	<p>1</p>
	<div class="page-break-after">&nbsp;</div>
	<p>2</p>
	<div class="page-break-after">&nbsp;</div>
	<p>3</p>
	<button onclick="webprint()">print</button>

</body>
</html>