Wizzer's Blog

引入JS和CSS文件：

JS代码：

$('
').simpledialog2({
                mode: 'button',
                headerText: '提示',
                headerClose: true,
                buttonPrompt: '请选择商品',
                buttons : {
                    '确定': {
                        click: function () { 
                            //$('#outputbutton1').text('OK');
                        }
                    }
                }
            });

《谍影重重4：伯恩的遗产》720P

下载地址：

magnet:?xt=urn:btih:1d611749e755e3da85cf6ce5c911192d6efd12cc&dn=%E8%B0%8D%E5%BD%B1%E9%87%8D%E9%87%8D4%EF%BC%9A%E4%BC%AF%E6%81%A9%E7%9A%84%E9%81%97%E4%BA%A7%EF%BF%A1%E5%9C%A3%E5%9F%8ERiYoo.%E5%BD%92%E6%9D%A5

将什么磁力链地址复制到迅雷即可下载。

新认识一个朋友，长得一般，却听旁人说是做鸭子的，顿时想逃离。之后才了解到，人家在全聚德上班。

魅族MX2于12月10日开放预定。魅族MX超级群：21658800

话说，我还有一台M8在老爸那呢，想当年真是被M8折腾惨了，关键时刻总是掉链子，刷固件等固件，无信号死机发不了短信等等，那时候恨不得摔了手机。后来入了iPhone4世界总算清静了许多，但也没有逛论坛刷机的快乐和痛苦了。。。

预订方式

方式一：魅族官网在线商城预订： 自12月10日上午10时起，魅族官网将提供全款预订官网快递送机与支付200元预付款就近选择魅族认证店支付余额取机两种预订方式，详情请关注http://store.meizu.com。

方式二：魅族全国认证店预订： 用户自行前往就近魅族认证店支付预订款进行登记预订，已于12月10日前在魅族全国认证店交款预订的用户发货顺序不受影响，全国各个渠道均以预订先后顺序发货。

方式三：京东商城预订： 自12月10日起，用户可前往京东商城的魅族MX2销售页面进行预售登记。http://www.360buy.com/product/774366.html

注意： 可能存在个别用户转让，但如出现批量操作或更改订单者，将被定义为黄牛，予以打击，也欢迎用户举报

关于M8换购

上市之日起，魅族MX2 32GB版本正式开放M8折价换购服务，魅族老用户可持魅族M8折价700元以2299元换购魅族MX2 32GB版本一台。由于MX2初期全国预定量巨大，魅族暂时只开放认证店换购， M8换购用户须前往魅族认证店进行预订，按照实际发货顺序进行换购。

注：预订期间，前往魅族认证店进行M8换购的用户，同样赠送EP20S耳机一副。

效果如图：

直接贴代码：

 
  
  
#goTop {position:fixed;right:20px;bottom:20px;width:40px;height:32px;padding:8px 0 0;background-color:#69c;border-radius:6px;cursor:pointer;}
#goTop:hover {background-color:#369;}
#goTop:hover .gotop1 {border-left:12px solid #369;border-right:12px solid #369;}
#goTop .gotop1 {width:0;margin:0 auto;border-bottom:12px solid #FFF;border-left:12px solid #69c;border-right:12px solid #69c;}
#goTop .gotop2 {width:10px;height:10px;margin:0 auto;background-color:#FFF;}

 

 

a


a


a


a


a


a


a


a


a


a


a


a


a


a


a


a


a


a


a


a


a


a


a


a


a


a


a


a


a


a


a


a


a


a


a


a


a


a


a


a


a


a


a


a




    

    




        function $getId(Id) {
            return document.getElementById(Id);
        }
        var goTop = $getId("goTop");
        window.onscroll = function () {
            if (document.documentElement.scrollTop + document.body.scrollTop > 350) {
                goTop.style.display = "";
            } else {
                goTop.style.display = "none";
            }
        }
        goTop.onclick = function () {
            var Timer = setInterval(GoTop, 10);
            function GoTop() {
                if (document.documentElement.scrollTop + document.body.scrollTop < 1) {
                    clearInterval(Timer);
                } else {
                    document.documentElement.scrollTop /= 1.1;
                    document.body.scrollTop /= 1.1;
                }
            }
        }
    
 

升级之前：

今天逛论坛，正巧发现镁光前几日发布了mSATA SSD最新04MH固件，不晓得升级固件有什么变化，但总觉得新固件应该比旧的有好处吧。

先来看一下000F和04MH固件跑分图：

从测试结果看，新固件性能上有少许提升，稳定性还不清楚，先用用再说吧。

 开始升级：

1、http://www.crucial.com/support/firmware.aspx

到镁光网站下载固件，要根据类型选择，比如我选择 mSATA。

2、选择合适的升级方式

有两个下载链接，前面一个下载完成解压到C盘根目录双击执行即可，电脑会重启完成升级工作，但如果你的电脑主板bios是UEFI，那么不会升级成功，也不会损坏你的SSD硬盘。

UEFI主板需要选择后面一个链接下载iso文件。

3、UEFI启动盘制作

首先你需要下载 UltraISO 9.5.3 点击打开：中关村下载页面。

用UltraISO打开crucial-c400msata.04MH.M4.00.iso文件，将MEMDISK. 后面的小黑点去掉。

启动–>写入硬盘镜像–>勾选“创建启动分区”，根据你主板USB接口版本选择USB-HDD或USB-HDD+（一般USB-HDD即可，较老的主板选择USB-HDD+）

4、启动电脑，设置BIOS选择USB-HDD启动，X230可以自动识别到固态硬盘，命令行输入yes确定，稍等30秒左右出现finished即可。

此时千万不要断电哦，若是其他电脑找不到固态硬盘，BIOS设置SCSI为IDE即可。

做了小白鼠，尝个鲜。。o(∩_∩)o

路口，一大众和宝马7系在等红灯，对面一捷达抽疯似的直直冲过来，看着就要撞到7系了，一个转向要去撞大众，大喊一声卧槽辉腾！猛打方向盘撞翻旁边一小板车。捷达车主马上下车赔笑：“丫俩撞不起啊，只好撞您板车了，老大爷，呵呵”低头看到散落一地的切糕….

2012年9月28日，中华人民共和国住房和城乡建设部下发《关于开通12329住房公积金热线的通知》，这也苦了我们搞软件开发的程序猿们，在这里简单谈谈12329热线的建设方案。

电话热线平台其核心无非是语音自助查询和人工电话接听了，目前各地市基本上都有网上查询系统，也有一部分有自己的语音热线平台，如何充分利用现有资源实现和满足通知要求，值得思考。

 图片源自：12329住房公积金热线服务导则

方案1：

在满足《12329住房公积金热线服务导则》要求的原则下，充分利用住房公积金管理中心现有资源，结合12345等其他热线平台，实现12329热线功能。

即：

对于本市12345热线平台和原公积金热线都是我们公司做的话，做整合是比较理想的方案，但这里有一些问题需解决：

1）两个热线运销商不一，需协调选择最优方案；

2）12345和公积金分属不同部门单位，需地市政府协调资源；

3）从12329转出12345需要知道来源直接接入坐席，则12329需保持通话，运营商是收费的；

4）在12345热线不能判断公众是选择个人业务还是单位业务；

等等。

方案2：

自建一套全新的语音平台，我公司与语音设备长期合作，已配套开发出热线业务处理平台，短信、电话、微博、传真、三方通话等等，IVR流程开发、公积金查询系统接口开发、订制功能开发等不在话下。

公司网站：http://www.hfits.com.cn

准备工作

1、VMware Workstation Build 9.0.1 + 序列号生成器

磁力链：下载地址1

2、Mac OS X Mountain Lion 10.8.2 build 12C60 原版

磁力链：  下载地址1

3、7z 解压软件

点击打开：下载地址1

4、unlock-all-v110    VMware9 补丁

点击打开：CSDN下载页面

5、UltraISO 9.5.3

点击打开：中关村下载页面

软件安装

1、下载好Mac OS X安装镜像文件 InstallESD.dmg，使用7z打开，找到子文件夹下面的 installesd.dmg解压出来，再使用 UltraISO 转换格式为 iso 文件。

2、使用序列号生成器生成序列号，安装好VMware9，解压VMware9补丁，找到 unlock-all-v110\windows 下面的install.cmd双击执行。

虚拟机安装

1、相信大家都使用过VMware，怎么用就不再赘述（不晓得的可以百度或google   o(∩_∩)o ）

安装补丁后就可以看到 Apple Mac OS X选项。

2、接下来就是配置虚拟机，找到iso文件，启动虚拟机下一步、下一步、下一步……

详细教程可以移步这里：http://bbs.pcbeta.com/viewthread-1130227-1-1.html

3、VMware Tools 安装，配置虚拟机光驱选择  unlock-all-v110\tools 下面的文件 darwin.iso，在mac系统下找到光驱执行安装即可。

安装成功后，mac 支持HD4000、可以全屏、设置分辨率。

Xcode 4.5.2

1、系统安装成功登陆系统后，在mac系统下访问：

https://developer.apple.com/xcode/

点击页面上的 View Downloads 链接，输入你的Apple帐号密码即可下载。

2、Xcode 4.5.2 变化很大，以前老的教程已经不适用，再也找不到 View-based Application 和 Window-based Application里，这里推荐大家去买个新教程吧，我买了个但为了避免广告就不帖地址了。质量如何还不知道，还没发给我。- –

到Chrome应用商店，扩展程序中搜索“英雄联盟”，即可看到英雄联盟游戏记录查看器，安装即可。

或者点击：https://chrome.google.com/webstore/detail/%E8%8B%B1%E9%9B%84%E8%81%94%E7%9B%9F%E6%B8%B8%E6%88%8F%E8%AE%B0%E5%BD%95/ndmclmhaiggkljkppdjalddcljjhihbg?hl=zh-CN

执行效果如下：

Firefox插件分为两种，即extension和plugin，网上搜索到的示例多是 XUL应用程序开发，XUL插件安装后需要重启浏览器才能使用，而这篇文章主要介绍如何使用 Add-on 来开发JS+HTML+CSS 应用，如Chrome插件可直接安装使用。

（感兴趣的朋友可以查看本站上一篇文章：chrome插件开发说明，对比一下你会发现chrome插件开发简直太easy – -）

言归正传，Add-on 提供SDK下载和在线开发两种方式，访问 https://builder.addons.mozilla.org/ 通过简单的注册，点击“Create an Add-on Now”，自动生成一个带main.js 的项目，如下图所示，你可以在Data文件夹下上传编辑自己的文件（若上传文件后左侧半天不出来按下F5即可）：

Add-on 启动函数为 main.js，这里可以通过 require 申请一些资源权限，而放置在Data用户文件夹里的JS是不能直接使用 require 的，可能是Add-on 框架设计本身就不支持随意的调用系统资源吧，这个时候就得利用 port.on 和 port.emit 来传递变量和执行方法。

网络请求的示例可以访问：https://builder.addons.mozilla.org/package/89576/ 来查看，里面具体介绍了 port.on 和 port.emit 的使用、panel的生成、jQuery的引入、网络请求等，这个例子非常好。

通过查看其他网友分享的代码学习，地址：https://builder.addons.mozilla.org/search/ 输入关键词，查找你关心想实现的功能吧。

具体功能开发不在累述，我写的这个简单查询功能的插件在商城里搜索“合肥公积金查询”即可下载，下载后若你是win7系统，则：

C:\Users\Wizzer\AppData\Roaming\Mozilla\Firefox\Profiles\zah0wctd.default\extensions

找到 wizzer.cn@gmail.com.xpi  解压即可，源代码没加密，给大家做学习参考之用。

其他：

打包：在根文件夹选择所有文件，压缩成zip文件，改后缀名为 xpi。

安装：把xpi文件拖到firefox浏览器中即可。

调试：ctrl—shfit—j 调试插件。

扩展组件在线安装地址：

https://addons.mozilla.org/zh-CN/firefox/addon/%E5%90%88%E8%82%A5%E5%85%AC%E7%A7%AF%E9%87%91%E6%9F%A5%E8%AF%A2/

Chrome插件开发极其简单，只要会JS+HTML+CSS即可，当然我捣鼓的是简单的应用作为学习和验证之用，没有更多的深入。

本示例采用 jQuery 实现用户登录查询公积金余额功能，接口提供的功能较多但作为学习么，只开发了一个查询余额的功能。

运行效果：

1、首先创建文件夹，文档结构如下：

2、编辑manifest.json文件，填写应用信息、访问权限等：

{ 
  "name": "合肥公积金查询",
  "version": "2012.11.20.0",
  "manifest_version": 2,
  "description": "这是一款合肥市住房公积金查询工具，用于学习测试仅提供余额查询。@Wizzer",
  "icons":{"16":"16.png","48":"48.png"},
  "content_scripts":[{
      "js": [ "scripts/lib/jquery-1.7.2.min.js","scripts/main.js"],
      "matches": [ "http://*/*", "https://*/*" ] 
   }],
  "browser_action": {
    "default_icon": "16.png",
    "default_popup": "index.html"
  },
  "homepage_url":"",
  "permissions": [ "cookies", "tabs", "http://*/*", "https://*/*" ]

}

注意事项：

A、目前最新版的chrome要求设置  “manifest_version”: 2 ；

B、permissions 配置了cookies权限，因为在应用中加入了记住密码功能；

C、API要求JS不可以内联，就是不能直接在页面元素上写JS，例如点击按钮alert提示都不会执行的；

3、本着JS和HTML分离的原则，编写  main.js 文件：

var url = "/chrome";
var key = "接口APP_KEY隐藏";
var zgyhzh="";
var dwyhzh="";
var uptime="";
var hm="";
var mm="";
if (!chrome.cookies) {
  chrome.cookies = chrome.experimental.cookies;
}
function delCookie(name) {
  chrome.cookies.remove({"name": name,"url":url});
}

function setCookie(name,value) {
  chrome.cookies.set({"name": name,"value":value,"url":url ,"expirationDate":1392000000});
}

function initCookie() {
  var str="";
  chrome.cookies.get({"name": "hm","url":url },function(cookie){
        str=cookie.value; 
        if(""!=str){
            $('#savehm').attr("checked",true);
            $('#hm').val(Base64.decode(str));
        }
  });
  chrome.cookies.get({"name": "mm","url":url },function(cookie){
        str=cookie.value; 
        if(""!=str){
            $('#savemm').attr("checked",true);
            $('#mm').val(Base64.decode(str));
        }
  });
}

function login(){
     hm=Base64.encode($('#hm').val());
     mm=Base64.encode($('#mm').val());

    $.ajax({
                    url : "http://220.178.98.86/hfgjj/service/login.jsp",
                    data : {"hm":hm,"mm":mm,"app_key":key} ,
                    success : function (res) {
                        loginData(res);
                        return false;
                    },
                    fail : function(res) {
                        loginData(res);
                    }
                });

}

function loginData(res){
    if(res.indexOf("error")>=0){
        var obj = jQuery.parseJSON(res);
        if(""!=obj.tip){
            $("#tip").html("
"+obj.tip+"");

        }
    }else if(res.indexOf("more")>=0){
        var obj = jQuery.parseJSON(res);
        if("false"==obj.more){
            zgyhzh=obj.zgyhzh;
            dwyhzh=obj.dwyhzh;
            uptime=obj.uptime;
            oneData();

        }else if("true"==obj.more){
            uptime=obj.uptime;
            var zgyhzhlist=obj.zgyhzhlist;
            $.each(zgyhzhlist,function(entryIndex,entry){ 
                if("true"==entry.zt){
                    zgyhzh=entry.zgyhzh;
                    dwyhzh=entry.dwyhzh;
                    oneData();
                    $("#note")[0].style.display='block';
                    return;

                }
                });     
        }

    }else{

        $("#tip").html("
"+res+"");
    }

}
function oneData(){

            var z=Base64.encode(zgyhzh);
            var d=Base64.encode(dwyhzh);
            $.ajax({
                    url : "http://220.178.98.86/hfgjj/service/grindex.jsp",
                    data : {"hm":hm,"mm":mm,"app_key":key,"zgyhzh":z,"dwyhzh":d} ,
                    success : function (res) {
                        showData(res);
                        return false;
                    },
                    fail : function(res) {

                    }
                });

}

function showData(res){
    if(res.indexOf("error")>=0){
        var obj = jQuery.parseJSON(res);
        if(""!=obj.tip){
            $("#tip").html("
"+obj.tip+"");

        }
    }else{
            $("#T1")[0].style.display='none'; 
            $("#T2")[0].style.display='block';
    var obj = jQuery.parseJSON(res);
    var scje=obj.scje;

    $("#uptime").html(""+uptime+"");
    $("#yue").html(""+scje+"");
    }
}

function init(){
  initCookie();
  $('#bt').click(function() {
      if($('#savemm').attr('checked')){
         setCookie("mm",Base64.encode($('#mm').val()));
         setCookie("hm",Base64.encode($('#hm').val()));
      }else if($('#savehm').attr('checked')){
         setCookie("mm","");
         setCookie("hm",Base64.encode($('#hm').val()));
      }else{
         setCookie("mm","");
         setCookie("hm","");
      }
      $("#tip").html("
Loading...");
      login();

  });

  $('#savemm').click(function() {
     if($('#savemm').attr('checked')){
        $('#savehm').attr("checked",true);
     }else{
        $('#savehm').attr("checked",false);
     }
  });
}

document.addEventListener('DOMContentLoaded', function () {
  init();
});

PS：搞开发的JS都能看懂，就不注释了。。。

4、index.html 页面的代码：

 

BODY {
    PADDING-BOTTOM: 0px; LINE-HEIGHT: 1.5em; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; WORD-WRAP: break-word; FONT-SIZE: 12px; WORD-BREAK: break-all; PADDING-TOP: 0px
}
DIV {
    PADDING-BOTTOM: 0px; LINE-HEIGHT: 1.5em; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; WORD-WRAP: break-word; FONT-SIZE: 12px; WORD-BREAK: break-all; PADDING-TOP: 0px
}
P {
    PADDING-BOTTOM: 0px; LINE-HEIGHT: 1.5em; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; WORD-WRAP: break-word; FONT-SIZE: 12px; WORD-BREAK: break-all; PADDING-TOP: 0px
}
EM {
    PADDING-BOTTOM: 0px; LINE-HEIGHT: 1.5em; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; WORD-WRAP: break-word; FONT-SIZE: 12px; WORD-BREAK: break-all; PADDING-TOP: 0px
}
SPAN {
    PADDING-BOTTOM: 0px; LINE-HEIGHT: 1.5em; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; WORD-WRAP: break-word; FONT-SIZE: 12px; WORD-BREAK: break-all; PADDING-TOP: 0px
}
A {
    PADDING-BOTTOM: 0px; LINE-HEIGHT: 1.5em; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; WORD-WRAP: break-word; FONT-SIZE: 12px; WORD-BREAK: break-all; PADDING-TOP: 0px
}
TD {
    PADDING-BOTTOM: 0px; LINE-HEIGHT: 1.5em; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; WORD-WRAP: break-word; FONT-SIZE: 12px; WORD-BREAK: break-all; PADDING-TOP: 0px
}
FORM {
    PADDING-BOTTOM: 0px; LINE-HEIGHT: 1.5em; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; WORD-WRAP: break-word; FONT-SIZE: 12px; WORD-BREAK: break-all; PADDING-TOP: 0px
}
BUTTON {
    PADDING-BOTTOM: 0px; LINE-HEIGHT: 1.5em; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; WORD-WRAP: break-word; FONT-SIZE: 12px; WORD-BREAK: break-all; PADDING-TOP: 0px
}
body {COLOR: #333 ;min-width: 220px; margin: 0; font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; width: auto}

EM {
    FONT-WEIGHT: bold
}
STRONG {
    FONT-WEIGHT: bold
}
DEL {
    TEXT-DECORATION: line-through
}
INPUT {
    MARGIN: 2px 0px; FONT-SIZE: 12px
}
SELECT {
    MARGIN: 2px 0px; FONT-SIZE: 12px
}
IMG {
    BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-TOP: medium none; BORDER-RIGHT: medium none
}
HR {
    BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; HEIGHT: 0px; CLEAR: both; BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: 0px
}
A:link {
    COLOR: #36c; TEXT-DECORATION: underline
}
A:visited {
    COLOR: #36c; TEXT-DECORATION: underline
}
A.im {
    COLOR: #f60
}
.im {
    COLOR: #f60
}
.imp {
    COLOR: #f00
}
.gp {
    COLOR: #06c
}
.mp {
    COLOR: #f90
}
.module {
    PADDING-BOTTOM: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 0px
}
.wrapper {

}
.none {
    DISPLAY: none
}
.header {
    BORDER-BOTTOM: #d2d2d2 1px solid; PADDING-BOTTOM: 2px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BACKGROUND: #f5f5f5; PADDING-TOP: 2px
}
.footer {
    PADDING-BOTTOM: 2px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BORDER-TOP: #d2d2d2 1px solid; PADDING-TOP: 2px
}
.logo {
    PADDING-BOTTOM: 0px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; PADDING-TOP: 2px
}
.logo A {
    FONT-SIZE: 14px; TEXT-DECORATION: none
}
.nav {
    PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 5px
}
.cl {

}
.module {
    MARGIN-TOP: 3px
}
.gtt {
    TEXT-ALIGN: center
}
.capt {
    VERTICAL-ALIGN: middle
}
.err {
    BACKGROUND: #fc9
}
.ptit {
    COLOR: #000; FONT-SIZE: 14px
}

 



个人公积金查询
 
身份证号码

  记住号码

密码

  记住密码






公积金余额

截至：

您的公积金账户余额为：

您有多个帐号，本工具只显示您正常缴费的公积金帐号余额。



返回首页  
Copyright @Wizzer

5、调试部署：

菜单–工具–扩展程序–载入正在开发的扩展程序，右上角会出现16*16的图标，o(∩_∩)o 哈哈

6、将应用发布到google网上应用商城：

首次发布项目之前，您必须支付 US$5.00的一次性开发者注册费。我们收取此费用的目的是对开发者帐户进行验证，并为用户提供更好的保护，以防他们受到欺骗性活动的侵害。 支付注册费后，您就可以发布任意数量的项目，且无需再支付注册费了。

首先你需要有一张VISA信用卡，登陆google电子钱包注册信用卡。

https://www.google.com/checkout/   –注意要加https哦，你懂得

这里要注意的是，自动弹出的第一张信用卡注册界面不是如上的，很可能支付不成功，这个时候进入“支付方式”，选择修改信用卡，出现上面的界面选择New York 输入正确的邮编才能支付成功。

进入开发者中心（扩展程序最下面点击“获取更多扩展程序”，进入网上应用商城）

在开发者中心修改用户偏好设置，勾选“为我在 Chrome 网上应用店中的所有应用启用用户反馈功能。”，否则点击“立即支付注册费”会没反应（实在没辙换成IE试试吧）。

支付成功后耐心等待吧，我正在等待订单审核ing……

7、发布应用：

开发者中心点击添加新项目，把项目文件夹打包为zip压缩包上传即可。其他略，都能看懂。。

8、关于firewall：

以上许多操作，你会发现一会这个网页打不开，那个网页等白天没反应，这个时候你就需要用chrome插件“SwitchySharp”了，具体怎么用百度一下吧，步骤也很多很麻烦，关键是耐心按教程来。

chrome里可以用 SwitchySharp，那么IE里要用怎么办，在IE里手动设置下代理即可，端口号到 SwitchySharp 选项里查看。

可移步：http://www.delver.net/?p=267  看教程~~

9、其他

等订单审核完毕应用发布后，大家就可以在chrome 商城里搜索“合肥公积金查询”，那就是我写的这个应用了，如果你是win7系统的话，可以在：

C:\Users\Wizzer\AppData\Local\Google\Chrome\User Data\Default\Extensions

文件夹下看到源代码。over~~

几点思考，chrome插件是js+html+CSS的网页应用，不能直接执行JSP、ASP、PHP什么的，实现功能都需要调用chrome的接口、你自己应用提供的接口，那么可以不可以使用iframe嵌入自己的应用呢（- -）。

另外就是session传递的问题，从一个页面到另外一页面，信息怎么传递，用cookies感觉不太合适，也不能把所有的逻辑写在一个页面啊，这个需要深入的去研究。

再之就是js不能内联，那么实现一些功能就比较麻烦了，比如动态创建可点击的按钮，现在还没想到什么好办法，相信深入研究是可以解决的，JS要相当的熟才行啊，偶么就一般般。- –

零八年那会刚搞IT没多久，经验不太丰富，作为项目小组长选用了MySQL数据库，带着几个经验比我还不足的程序猿为Xx政府开发了一套信息发布系统。

至今后悔不已的事情莫过于选用MySql数据库、表结构设计不合理、程序猿水平低下没仔细检查他们的代码等，自零八年上线以后，用户单位从当初的80家左右逐渐增加到940家单位，用户总数近一千。

随着数据量的增长，系统前台经常打不开，而后台用户也录不了文章，部知道从什么时间开始问题越来越严重，自2011年以来出问题就重启tomcat，一直没有好的解决办法。

今年彻底检查了一番代码，居然发现有个程序猿写了一句话，在新增数据的时候把那张最大的表 select * 全部取出放到内存中去了！最气愤的是，他把数据放在内存变量之后，下面整行代码都没有使用到这个变量！（我就想，他是对我有多大仇恨阿，留下了这个隐患）

当然，找到那行最致命的代码并不能彻底解决一系列问题，根据这四年来的经验，整了个解决方案：

1、更换Mysql库为Oracle数据库；

      组织研发了数据抽取工具，支持各类数据源通过配置可以实现数据迁移/转换等功能，将老系统的数据无缝迁移到新系统。

2、优化表结构进行横行/纵向分表；

      纵向分表将大字段从主表中剔除，提高查询分页效率。

3、前后台分离前台使用lucene搜索引擎技术；

      使用lucene，实现定时更新索引库（增量或覆盖更新不影响查询使用）。

      lucene效率很高，前台页面不需要做静态化，对于前台主要是查询的系统静态化反而会降低系统性能。

4、统计定时任务根据发布状态进行更新；

      增加状态表，有文章更新的单位重新统计数据，无更新的单位无需更新。

5、针对oracle数据库优化分页查询语句，只取当前页的数据。

换数据库真是个迫不得已的决定，经过三四个人的1个半月的努力，终于把新系统搞定，上个月新系统上线，现在前台打开是飞速啊。时常孤芳自赏，自己有事没事的就打开来看看，好吧，搞软件的好像都喜欢看自己的产品？。。

关于lucene、apache+tomcat相关文章可以在本站搜一下。当然，这个系统自从用了lucene已经解决了问题，并没有做负载均衡。

修改配置文件，按日期创建日志。

CustomLog “|D:/apache2/bin/rotatelogs.exe D:/apache2/logs/access%Y%m_%d.log 86400 480″ common

ErrorLog “|D:/apache2/bin/rotatelogs.exe D:/apache2/logs/error%Y%m_%d.log 86400 480″

90岁的IT男瘫软在床上，我说：“你起来吃口饭吧…” IT男说：“人老了，没胃口。” 我说：“楼下来了很多IT妹纸 …” IT男更加虚弱地回答道：“眼睛花了，看不清。” 这时，隔壁的程序猿跑过来说：“哎哟，你60年前写的代码，现在又跑出bug来！” IT男：“NND，快扶我起来！”

我是个程序猿，一天我坐在路边一边喝水一边苦苦检查bug。这时一个乞丐在我边上坐下了，开始要饭，我觉得可怜就给了他1块钱，然后接着调试程序。他可能生意不好，就无聊的看看我在干什么，然后过了一会，他幽幽的说，这里少了个分号。

之前：

从上学那会儿拥有自己第一台电脑，到现在买过1台台式电脑、1台笔记本、2台Thinkpad。

第一台电脑是组装机04年买的，配置是赛扬1.7GHz单核、80G硬盘、256M内存、128M显存、17寸液晶显示器，好吧，那厚笨的显示器–，那会儿买电脑似乎还不是太普遍的事情，在村子里也算少数的几家买电脑的吧。那年放暑假的，甚至坐长途汽车把主机和显示器带回家玩，拨号上网可贵了，在现在看来真难想象，哪那么大的玩瘾呢。

记得还玩过windows98系统，后来换了XP。玩的最多的游戏应该是CS和泡泡堂、冒险岛吧，再多的不记得了。后来毕业了，电脑搬回老家贱卖。5~

第二台电脑是联想笔记本，好像是第一款仿thinkpad的旭日410L，1.6GHz赛扬二代、内存加到512M、硬盘80G，XP系统。06年那会儿刚从实习单位出来找到家软件公司，工作尚未稳定从公司拿钱买了电脑，之后每个月从工资里扣钱。有了笔记本就方便许多了，随身携带，似乎上班下班回老家都不离身，这个习惯也延续至今。

第三台电脑是Thinkpad R400，P8700 双核双线程CPU、2G内存、250G硬盘，10年公司为了挽留我出了5K，自己又出了2K买的。410L给了三姐家的小外甥，这会儿不知道还能不能开机了。回来陆续把R400配置加到8G内存、500G硬盘+250G光驱位硬盘，CPU是无法升级了，技术日新月异，性能是跟不上时代了。用了两年多，USB口插坏修过，键盘鼠标也换了，前些日子交给朋友帮忙处理卖掉，不知道值几个钱。

现在：

对比Macbook的精贵，搞软件开发的感觉用起来太花哨，还是看中Thinkpad的沉稳商务。CPU都出来i7四核八线程了，流行起了固态硬盘，可是那价格动辄上万，虽然工资一年年涨可买了房子后感觉日子不好过啊，真心买不起行货。

时常去论坛淘宝等地方转悠，看中X230轻巧，新的巧克力键盘、背光键盘灯、指纹、IPS屏幕，十一后整体降了500￥，想想背着厚重的R400上班下班，一狠心分期在淘宝上买了水货。当然一定要找信誉好的商家，为避免广告就不贴地址了。加128G固态硬盘，幸而电脑预留了个mSata卡槽，不用换下原硬盘。

看看详细配置：

  电脑型号          联想 ThinkPad X230 笔记本电脑
  操作系统          Windows 7 旗舰版 64位 SP1 ( DirectX 11 )

  处理器            英特尔 第三代酷睿 i7-3520M @ 2.90GHz 双核四线程
  主板              联想 2324B76 (英特尔 Ivy Bridge)
  内存              8 GB ( 三星 DDR3 1600MHz )
  主硬盘            Crucial M4-CT128M4SSD3 ( 128 GB / 固态硬盘 )
  副硬盘            日立  HTS725050A7E630 （500GB / 7200 转）
  显卡              英特尔 Ivy Bridge Graphics Controller ( 2112 MB / 联想 )
  显示器            联想 LEN40E2 ( 12.7 英寸 )
  声卡              瑞昱 ALC269 @ 英特尔 Panther Point High Definition Audio Controller
  网卡              英特尔 82579LM Gigabit Network Connection / 联想

这下该心满意足了吧，可这样的配置并不是最好最高的，相信没过多久就会过时，而两年或数年之后再来回头看看这篇文章，相比更有一番感慨吧。LOL玩英雄联盟~

一、准备工作

Tomcat6 : http://tomcat.apache.org/download-60.cgi

下载：apache-tomcat-6.0.36.exe

apache httpd server 2.2: http://www.fayea.com/apache-mirror//httpd/binaries/win32/

下载：httpd-2.2.22-win32-x86-no_ssl.msi

apache tomcat connector: http://archive.apache.org/dist/tomcat/tomcat-connectors/jk/binaries/win32/jk-1.2.31/

下载：mod_jk-1.2.31-httpd-2.2.3.so

二、安装配置

安装路径：

E:\Apache2.2

E:\apache-tomcat-6.0.36-1

E:\apache-tomcat-6.0.36-2

项目路径：

E:\work\demo

1、Apache 配置

修改 E:\Apache2.2\conf\httpd.conf  文件。

1）、加载外部配置文件：

文件最后一行加上

include conf/mod_jk.conf

2）配置项目路径：

    Alias /demo "E:/work/demo"
    ScriptAlias /cgi-bin/ "E:/Apache2.2/cgi-bin/"

3）配置目录权限：

 
   Order Deny,Allow 
   Allow from all 

4）配置默认首页： 增加 index.jsp

    DirectoryIndex index.jsp index.html

5）增加 E:\Apache2.2\conf\mod_jk.conf 文件内容：

LoadModule jk_module modules/mod_jk-1.2.31-httpd-2.2.3.so
JkWorkersFile conf/workers.properties
#指定那些请求交给tomcat处理,"controller"为在workers.propertise里指定的负载分配控制器名
JkMount /*.jsp controller

同时将 mod_jk-1.2.31-httpd-2.2.3.so 文件放入 E:\Apache2.2\modules 文件夹下。

6）增加 E:\Apache2.2\conf\workers.properties 文件内容：

#server
worker.list = controller
#========tomcat1========
worker.tomcat1.port=10009
worker.tomcat1.host=localhost
worker.tomcat1.type=ajp13
worker.tomcat1.lbfactor = 1
#========tomcat2========
worker.tomcat2.port=11009
worker.tomcat2.host=localhost
worker.tomcat2.type=ajp13
worker.tomcat2.lbfactor = 1

#========controller,负载均衡控制器========
worker.controller.type=lb
worker.controller.balanced_workers=tomcat1,tomcat2
worker.controller.sticky_session=false
worker.controller.sticky_session_force=1
#worker.controller.sticky_session=1

2、Tomcat 配置

1）Tomcat-1 配置

E:\apache-tomcat-6.0.36-1\conf\server.xml

需要修改端口的地方：

1）Tomcat-2 配置

E:\apache-tomcat-6.0.36-2\conf\server.xml

需要修改端口的地方：

三、项目测试

项目 web.xml 文件需在 下增加。

test.jsp

    
        
    
    
        Server Info:
        <%
        out.println(request.getLocalAddr() + " : " + request.getLocalPort() + "
");
        %>
        <%
            out.println("
 ID " + session.getId() + "
");
            // 如果有新的 Session 属性设置
            String dataName = request.getParameter("dataName");
            if (dataName != null && dataName.length() > 0) {
                String dataValue = request.getParameter("dataValue");
                session.setAttribute(dataName, dataValue);
            }
            out.println("Session 列表
");
            System.out.println("============================");
            Enumeration e = session.getAttributeNames();
            while (e.hasMoreElements()) {
                String name = (String) e.nextElement();
                String value = session.getAttribute(name).toString();
                out.println(name + " = " + value + "
");
                System.out.println(name + " = " + value);
            }
        %>
        
            名称:
            
            

            值:
            
            

            
        
    

先启动Apache2服务，之后依次启动两个tomcat。 分别访问： http://127.0.0.1:10080/test.jsp http://127.0.0.1:11080/test.jsp http://127.0.0.1/test.jsp 接下来测试你懂得，三者 seesion 内容一致即配置成功。

四、注意事项

1、若测试结果不成功，可以查看日志看看报什么错误，是否配置疏忽了什么环节，apache的权限有没有配置等，注意版本； 2、放在session里的对象需要序列化，即类 implements Serializable。