博客园_锐's 天空

Android应用自动更新功能的代码实现

2012-05-02T07:15:00Z

原文：http://blog.csdn.net/coolszy/article/details/7518345

由于Android项目开源所致，市面上出现了N多安卓软件市场。为了让我们开发的软件有更多的用户使用，我们需要向N多市场发布，软件升级后，我们也必须到安卓市场上进行更新，给我们增加了工作量。因此我们有必要给我们的Android应用增加自动更新的功能。

既然实现自动更新，我们首先必须让我们的应用知道是否存在新版本的软件，因此我们可以在自己的网站上放置配置文件，存放软件的版本信息：

[html] view plain copy print ?

<update>
<version>2</version>
<name>baidu_xinwen_1.1.0</name>
<url>http://gdown.baidu.com/data/wisegame/f98d235e39e29031/baiduxinwen.apk</url>
</update>

<update><version>2</version><name>baidu_xinwen_1.1.0</name><url>http://gdown.baidu.com/data/wisegame/f98d235e39e29031/baiduxinwen.apk</url></update>

在这里我使用的是XML文件，方便读取。由于XML文件内容比较少，因此可通过DOM方式进行文件的解析：

[java] view plain copy print ?

public class ParseXmlService
{
public HashMap<String, String> parseXml(InputStream inStream) throws Exception
{
HashMap<String, String> hashMap = new HashMap<String, String>();
// 实例化一个文档构建器工厂
DocumentBuilderFactory factory = DocumentBuilderFactory.newInstance();
// 通过文档构建器工厂获取一个文档构建器
DocumentBuilder builder = factory.newDocumentBuilder();
// 通过文档通过文档构建器构建一个文档实例
Document document = builder.parse(inStream);
//获取XML文件根节点
Element root = document.getDocumentElement();
//获得所有子节点
NodeList childNodes = root.getChildNodes();
for (int j = 0; j < childNodes.getLength(); j++)
{
//遍历子节点
Node childNode = (Node) childNodes.item(j);
if (childNode.getNodeType() == Node.ELEMENT_NODE)
{
Element childElement = (Element) childNode;
//版本号
if ("version".equals(childElement.getNodeName()))
{
hashMap.put("version",childElement.getFirstChild().getNodeValue());
}
//软件名称
else if (("name".equals(childElement.getNodeName())))
{
hashMap.put("name",childElement.getFirstChild().getNodeValue());
}
//下载地址
else if (("url".equals(childElement.getNodeName())))
{
hashMap.put("url",childElement.getFirstChild().getNodeValue());
}
}
}
return hashMap;
}
}

public class ParseXmlService{public HashMap<String, String> parseXml(InputStream inStream) throws Exception{HashMap<String, String> hashMap = new HashMap<String, String>();// 实例化一个文档构建器工厂DocumentBuilderFactory factory = DocumentBuilderFactory.newInstance();// 通过文档构建器工厂获取一个文档构建器DocumentBuilder builder = factory.newDocumentBuilder();// 通过文档通过文档构建器构建一个文档实例Document document = builder.parse(inStream);//获取XML文件根节点Element root = document.getDocumentElement();//获得所有子节点NodeList childNodes = root.getChildNodes();for (int j = 0; j < childNodes.getLength(); j++){//遍历子节点Node childNode = (Node) childNodes.item(j);if (childNode.getNodeType() == Node.ELEMENT_NODE){Element childElement = (Element) childNode;//版本号if ("version".equals(childElement.getNodeName())){hashMap.put("version",childElement.getFirstChild().getNodeValue());}//软件名称else if (("name".equals(childElement.getNodeName()))){hashMap.put("name",childElement.getFirstChild().getNodeValue());}//下载地址else if (("url".equals(childElement.getNodeName()))){hashMap.put("url",childElement.getFirstChild().getNodeValue());}}}return hashMap;}}

通过parseXml()方法，我们可以获取服务器上应用的版本、文件名以及下载地址。紧接着我们就需要获取到我们手机上应用的版本信息：

[java] view plain copy print ?

/**
* 获取软件版本号
*
* @param context
* @return
*/
private int getVersionCode(Context context)
{
int versionCode = 0;
try
{
// 获取软件版本号，
versionCode = context.getPackageManager().getPackageInfo("com.szy.update", 0).versionCode;
} catch (NameNotFoundException e)
{
e.printStackTrace();
}
return versionCode;
}

/** * 获取软件版本号 * * @param context * @return */private int getVersionCode(Context context){int versionCode = 0;try{// 获取软件版本号，versionCode = context.getPackageManager().getPackageInfo("com.szy.update", 0).versionCode;} catch (NameNotFoundException e){e.printStackTrace();}return versionCode;}

通过该方法我们获取到的versionCode对应AndroidManifest.xml下android:versionCode。android:versionCode和android:versionName两个属性分别表示版本号，版本名称。versionCode是整数型，而versionName是字符串。由于versionName是给用户看的，不太容易比较大小，升级检查时，就可以检查versionCode。把获取到的手机上应用版本与服务器端的版本进行比较，应用就可以判断处是否需要更新软件。

处理流程

处理代码

[java] view plain copy print ?

package com.szy.update;
import java.io.File;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.net.HttpURLConnection;
import java.net.MalformedURLException;
import java.net.URL;
import java.util.HashMap;
import android.app.AlertDialog;
import android.app.Dialog;
import android.app.AlertDialog.Builder;
import android.content.Context;
import android.content.DialogInterface;
import android.content.Intent;
import android.content.DialogInterface.OnClickListener;
import android.content.pm.PackageManager.NameNotFoundException;
import android.net.Uri;
import android.os.Environment;
import android.os.Handler;
import android.os.Message;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.ProgressBar;
import android.widget.Toast;
/**
*@author coolszy
*@date 2012-4-26
*@blog http://blog.92coding.com
*/
public class UpdateManager
{
/* 下载中 */
private static final int DOWNLOAD = 1;
/* 下载结束 */
private static final int DOWNLOAD_FINISH = 2;
/* 保存解析的XML信息 */
HashMap<String, String> mHashMap;
/* 下载保存路径 */
private String mSavePath;
/* 记录进度条数量 */
private int progress;
/* 是否取消更新 */
private boolean cancelUpdate = false;
private Context mContext;
/* 更新进度条 */
private ProgressBar mProgress;
private Dialog mDownloadDialog;
private Handler mHandler = new Handler()
{
public void handleMessage(Message msg)
{
switch (msg.what)
{
// 正在下载
case DOWNLOAD:
// 设置进度条位置
mProgress.setProgress(progress);
break;
case DOWNLOAD_FINISH:
// 安装文件
installApk();
break;
default:
break;
}
};
};
public UpdateManager(Context context)
{
this.mContext = context;
}
/**
* 检测软件更新
*/
public void checkUpdate()
{
if (isUpdate())
{
// 显示提示对话框
showNoticeDialog();
} else
{
Toast.makeText(mContext, R.string.soft_update_no, Toast.LENGTH_LONG).show();
}
}
/**
* 检查软件是否有更新版本
*
* @return
*/
private boolean isUpdate()
{
// 获取当前软件版本
int versionCode = getVersionCode(mContext);
// 把version.xml放到网络上，然后获取文件信息
InputStream inStream = ParseXmlService.class.getClassLoader().getResourceAsStream("version.xml");
// 解析XML文件。由于XML文件比较小，因此使用DOM方式进行解析
ParseXmlService service = new ParseXmlService();
try
{
mHashMap = service.parseXml(inStream);
} catch (Exception e)
{
e.printStackTrace();
}
if (null != mHashMap)
{
int serviceCode = Integer.valueOf(mHashMap.get("version"));
// 版本判断
if (serviceCode > versionCode)
{
return true;
}
}
return false;
}
/**
* 获取软件版本号
*
* @param context
* @return
*/
private int getVersionCode(Context context)
{
int versionCode = 0;
try
{
// 获取软件版本号，对应AndroidManifest.xml下android:versionCode
versionCode = context.getPackageManager().getPackageInfo("com.szy.update", 0).versionCode;
} catch (NameNotFoundException e)
{
e.printStackTrace();
}
return versionCode;
}
/**
* 显示软件更新对话框
*/
private void showNoticeDialog()
{
// 构造对话框
AlertDialog.Builder builder = new Builder(mContext);
builder.setTitle(R.string.soft_update_title);
builder.setMessage(R.string.soft_update_info);
// 更新
builder.setPositiveButton(R.string.soft_update_updatebtn, new OnClickListener()
{
@Override
public void onClick(DialogInterface dialog, int which)
{
dialog.dismiss();
// 显示下载对话框
showDownloadDialog();
}
});
// 稍后更新
builder.setNegativeButton(R.string.soft_update_later, new OnClickListener()
{
@Override
public void onClick(DialogInterface dialog, int which)
{
dialog.dismiss();
}
});
Dialog noticeDialog = builder.create();
noticeDialog.show();
}
/**
* 显示软件下载对话框
*/
private void showDownloadDialog()
{
// 构造软件下载对话框
AlertDialog.Builder builder = new Builder(mContext);
builder.setTitle(R.string.soft_updating);
// 给下载对话框增加进度条
final LayoutInflater inflater = LayoutInflater.from(mContext);
View v = inflater.inflate(R.layout.softupdate_progress, null);
mProgress = (ProgressBar) v.findViewById(R.id.update_progress);
builder.setView(v);
// 取消更新
builder.setNegativeButton(R.string.soft_update_cancel, new OnClickListener()
{
@Override
public void onClick(DialogInterface dialog, int which)
{
dialog.dismiss();
// 设置取消状态
cancelUpdate = true;
}
});
mDownloadDialog = builder.create();
mDownloadDialog.show();
// 现在文件
downloadApk();
}
/**
* 下载apk文件
*/
private void downloadApk()
{
// 启动新线程下载软件
new downloadApkThread().start();
}
/**
* 下载文件线程
*
* @author coolszy
*@date 2012-4-26
*@blog http://blog.92coding.com
*/
private class downloadApkThread extends Thread
{
@Override
public void run()
{
try
{
// 判断SD卡是否存在，并且是否具有读写权限
if (Environment.getExternalStorageState().equals(Environment.MEDIA_MOUNTED))
{
// 获得存储卡的路径
String sdpath = Environment.getExternalStorageDirectory() + "/";
mSavePath = sdpath + "download";
URL url = new URL(mHashMap.get("url"));
// 创建连接
HttpURLConnection conn = (HttpURLConnection) url.openConnection();
conn.connect();
// 获取文件大小
int length = conn.getContentLength();
// 创建输入流
InputStream is = conn.getInputStream();
File file = new File(mSavePath);
// 判断文件目录是否存在
if (!file.exists())
{
file.mkdir();
}
File apkFile = new File(mSavePath, mHashMap.get("name"));
FileOutputStream fos = new FileOutputStream(apkFile);
int count = 0;
// 缓存
byte buf[] = new byte[1024];
// 写入到文件中
do
{
int numread = is.read(buf);
count += numread;
// 计算进度条位置
progress = (int) (((float) count / length) * 100);
// 更新进度
mHandler.sendEmptyMessage(DOWNLOAD);
if (numread <= 0)
{
// 下载完成
mHandler.sendEmptyMessage(DOWNLOAD_FINISH);
break;
}
// 写入文件
fos.write(buf, 0, numread);
} while (!cancelUpdate);// 点击取消就停止下载.
fos.close();
is.close();
}
} catch (MalformedURLException e)
{
e.printStackTrace();
} catch (IOException e)
{
e.printStackTrace();
}
// 取消下载对话框显示
mDownloadDialog.dismiss();
}
};
/**
* 安装APK文件
*/
private void installApk()
{
File apkfile = new File(mSavePath, mHashMap.get("name"));
if (!apkfile.exists())
{
return;
}
// 通过Intent安装APK文件
Intent i = new Intent(Intent.ACTION_VIEW);
i.setDataAndType(Uri.parse("file://" + apkfile.toString()), "application/vnd.android.package-archive");
mContext.startActivity(i);
}
}

package com.szy.update;import java.io.File;import java.io.FileOutputStream;import java.io.IOException;import java.io.InputStream;import java.net.HttpURLConnection;import java.net.MalformedURLException;import java.net.URL;import java.util.HashMap;import android.app.AlertDialog;import android.app.Dialog;import android.app.AlertDialog.Builder;import android.content.Context;import android.content.DialogInterface;import android.content.Intent;import android.content.DialogInterface.OnClickListener;import android.content.pm.PackageManager.NameNotFoundException;import android.net.Uri;import android.os.Environment;import android.os.Handler;import android.os.Message;import android.view.LayoutInflater;import android.view.View;import android.widget.ProgressBar;import android.widget.Toast;/** *@author coolszy *@date 2012-4-26 *@blog http://blog.92coding.com */public class UpdateManager{/* 下载中 */private static final int DOWNLOAD = 1;/* 下载结束 */private static final int DOWNLOAD_FINISH = 2;/* 保存解析的XML信息 */HashMap<String, String> mHashMap;/* 下载保存路径 */private String mSavePath;/* 记录进度条数量 */private int progress;/* 是否取消更新 */private boolean cancelUpdate = false;private Context mContext;/* 更新进度条 */private ProgressBar mProgress;private Dialog mDownloadDialog;private Handler mHandler = new Handler(){public void handleMessage(Message msg){switch (msg.what){// 正在下载case DOWNLOAD:// 设置进度条位置mProgress.setProgress(progress);break;case DOWNLOAD_FINISH:// 安装文件installApk();break;default:break;}};};public UpdateManager(Context context){this.mContext = context;}/** * 检测软件更新 */public void checkUpdate(){if (isUpdate()){// 显示提示对话框showNoticeDialog();} else{Toast.makeText(mContext, R.string.soft_update_no, Toast.LENGTH_LONG).show();}}/** * 检查软件是否有更新版本 * * @return */private boolean isUpdate(){// 获取当前软件版本int versionCode = getVersionCode(mContext);// 把version.xml放到网络上，然后获取文件信息InputStream inStream = ParseXmlService.class.getClassLoader().getResourceAsStream("version.xml");// 解析XML文件。由于XML文件比较小，因此使用DOM方式进行解析ParseXmlService service = new ParseXmlService();try{mHashMap = service.parseXml(inStream);} catch (Exception e){e.printStackTrace();}if (null != mHashMap){int serviceCode = Integer.valueOf(mHashMap.get("version"));// 版本判断if (serviceCode > versionCode){return true;}}return false;}/** * 获取软件版本号 * * @param context * @return */private int getVersionCode(Context context){int versionCode = 0;try{// 获取软件版本号，对应AndroidManifest.xml下android:versionCodeversionCode = context.getPackageManager().getPackageInfo("com.szy.update", 0).versionCode;} catch (NameNotFoundException e){e.printStackTrace();}return versionCode;}/** * 显示软件更新对话框 */private void showNoticeDialog(){// 构造对话框AlertDialog.Builder builder = new Builder(mContext);builder.setTitle(R.string.soft_update_title);builder.setMessage(R.string.soft_update_info);// 更新builder.setPositiveButton(R.string.soft_update_updatebtn, new OnClickListener(){@Overridepublic void onClick(DialogInterface dialog, int which){dialog.dismiss();// 显示下载对话框showDownloadDialog();}});// 稍后更新builder.setNegativeButton(R.string.soft_update_later, new OnClickListener(){@Overridepublic void onClick(DialogInterface dialog, int which){dialog.dismiss();}});Dialog noticeDialog = builder.create();noticeDialog.show();}/** * 显示软件下载对话框 */private void showDownloadDialog(){// 构造软件下载对话框AlertDialog.Builder builder = new Builder(mContext);builder.setTitle(R.string.soft_updating);// 给下载对话框增加进度条final LayoutInflater inflater = LayoutInflater.from(mContext);View v = inflater.inflate(R.layout.softupdate_progress, null);mProgress = (ProgressBar) v.findViewById(R.id.update_progress);builder.setView(v);// 取消更新builder.setNegativeButton(R.string.soft_update_cancel, new OnClickListener(){@Overridepublic void onClick(DialogInterface dialog, int which){dialog.dismiss();// 设置取消状态cancelUpdate = true;}});mDownloadDialog = builder.create();mDownloadDialog.show();// 现在文件downloadApk();}/** * 下载apk文件 */private void downloadApk(){// 启动新线程下载软件new downloadApkThread().start();}/** * 下载文件线程 * * @author coolszy *@date 2012-4-26 *@blog http://blog.92coding.com */private class downloadApkThread extends Thread{@Overridepublic void run(){try{// 判断SD卡是否存在，并且是否具有读写权限if (Environment.getExternalStorageState().equals(Environment.MEDIA_MOUNTED)){// 获得存储卡的路径String sdpath = Environment.getExternalStorageDirectory() + "/";mSavePath = sdpath + "download";URL url = new URL(mHashMap.get("url"));// 创建连接HttpURLConnection conn = (HttpURLConnection) url.openConnection();conn.connect();// 获取文件大小int length = conn.getContentLength();// 创建输入流InputStream is = conn.getInputStream();File file = new File(mSavePath);// 判断文件目录是否存在if (!file.exists()){file.mkdir();}File apkFile = new File(mSavePath, mHashMap.get("name"));FileOutputStream fos = new FileOutputStream(apkFile);int count = 0;// 缓存byte buf[] = new byte[1024];// 写入到文件中do{int numread = is.read(buf);count += numread;// 计算进度条位置progress = (int) (((float) count / length) * 100);// 更新进度mHandler.sendEmptyMessage(DOWNLOAD);if (numread <= 0){// 下载完成mHandler.sendEmptyMessage(DOWNLOAD_FINISH);break;}// 写入文件fos.write(buf, 0, numread);} while (!cancelUpdate);// 点击取消就停止下载.fos.close();is.close();}} catch (MalformedURLException e){e.printStackTrace();} catch (IOException e){e.printStackTrace();}// 取消下载对话框显示mDownloadDialog.dismiss();}};/** * 安装APK文件 */private void installApk(){File apkfile = new File(mSavePath, mHashMap.get("name"));if (!apkfile.exists()){return;}// 通过Intent安装APK文件Intent i = new Intent(Intent.ACTION_VIEW);i.setDataAndType(Uri.parse("file://" + apkfile.toString()), "application/vnd.android.package-archive");mContext.startActivity(i);}}

效果图

检查模拟器SDCARD是否存在下载文件：

本文链接

Undefined exploded archive location 项目不能部署

2012-02-19T02:49:00Z

在工程项目的调试中，突然发现项目不能部署了。今天终于找到问题的最好解决办法了，作一下备忘，顺便拿出来共享一下。

错误信息为：
Undefined exploded archive location

原因：
在工程转移过程中，导致工程的配置文件出错；

解决方法：
          1.在工程目录下的.mymetadata文件中可能webrootdir被改无效了(把下面内容拷到你的.mymetadate文件中的相应位置上)；或者有可能少了这context-root这个属性；添加上这个属性即可，内容如下：
            context-root="/工程名"
          2.关掉Eclipse，再启动Eclipse，接着发布工程，发布成功！

本文链接

linux下mysql5.5.19编译安装笔记【已验证】

2012-02-15T08:45:00Z

转自http://www.myhack58.com/Article/sort099/sort0102/2011/30199.htm

测试安装成功，并修改文中的错误（粗体的为修改过的,使用的版本为5.5.19）：

1,安装所需要系统库相关库文件
yum –y install gcc gcc-c++ gcc-g77 autoconf automake zlib* fiex* libxml*
ncurses-devel libmcrypt* libtool-ltdl-devel*

[备注：由于机器装有GCC，这步没有进行]

2,创建mysql安装目录
# mkdir -p /usr/local/webserver/mysql/

3,创建数据存放目录
# mkdir -p /data/mysql/

4,创建用户和用户组与赋予数据存放目录权限
# groupadd mysql
# useradd -g mysql mysql
# chown mysql.mysql -R /data/mysql/

5,安装cmake（mysql5.5以后是通过cmake来编译的）
# wget http://www.cmake.org/files/v2.8/cmake-2.8.4.tar.gz
# tar zxvf cmake-2.8.4.tar.gz
# cd cmake-2.8.4
#.configure
# make && make install

6,下载解压mysql 5.5.11
wget http://mirrors.sohu.com/mysql/MySQL-5.5/mysql-5.5.19.tar.gz
[root@localhost down]# tar zxvf mysql-5.5.19.tar.gz
[root@localhost down]# cd mysql-5.5.19

7,编译mysql-5.5.19
cmake . \
-DCMAKE_INSTALL_PREFIX=/usr/local/webserver/mysql/ \
-DMYSQL_DATADIR=/data/mysql \
-DMYSQL_UNIX_ADDR=/data/mysql/mysqld.sock \
-DWITH_INNOBASE_STORAGE_ENGINE=1 \
-DENABLED_LOCAL_INFILE=1 \
-DMYSQL_TCP_PORT=3306 \
-DEXTRA_CHARSETS=all \-DDEFAULT_CHARSET=utf8 \
-DDEFAULT_COLLATION=utf8_general_ci \
-DMYSQL_UNIX_ADDR=/data/mysql/mysql.sock \
-DMYSQL_USER=mysql \
-DWITH_DEBUG=0

[出现警告：The variable, 'MYSQL USER', specified manually, was not used during the generation. ，可以忽略]

[root@host mysql-5.5.11]# make
[root@host mysql-5.5.11]# make install

8,复制配置文件
[root@mysql-5.5.11]# cp support-files/my-medium.cnf /etc/my.cnf
[root@mysql-5.5.11]# cp support-files/mysql.server /etc/init.d/mysqld
[root@mysql-5.5.11]# chmod 755 /etc/init.d/mysqld

9,初始化数据库
bash scripts/mysql_install_db --user=mysql --basedir=/usr/local/webserver/mysql --datadir=/data/mysql/

10,启动mysql服务
[root@localhost mysql-5.5.11]# /etc/init.d/mysqld start
11,启动完成之后用ps -ef |grep mysql 命令查看是否启动
12,/usr/local/webserver/mysql/bin/mysql -u root -p
通过命令行登录管理MySQL服务器初始密码为空

13,修改root密码
mysql>use mysql ;
mysql> update user set password=PASSWORD("123456") where user='root';
mysql> FLUSH PRIVILEGES;

出现的问题：

1.**** is not allowed to connect to this MySQL server

解决办法：

在安装mysql的机器上运行：

1、d:\mysql\bin\>mysql -h localhost -u root //这样应该可以进入MySQL服务器

2、mysql>GRANT ALL PRIVILEGES ON *.* TO 'root'@'%' WITH GRANT OPTION //赋予任何主机访问数据的权限

3、mysql>FLUSH PRIVILEGES //修改生效

4、mysql>EXIT //退出MySQL服务器

本文链接

CSS+DIV排版时容器内对象全部设置了float属性后容器不能自动适应高度的解决方案

2011-02-20T05:57:00Z

当一个DIV容器中的所有对象都设置了float属性后，容器不能自动适应高度。

解决的方法有两个：

在容器的最后添加一个空的DIV标签，设置其样式clear:both，然后隐藏这个DIV。
设置容器的样式overflow:hidden/auto以及zoom:1(zoom属性是为了兼容IE6)。

本文链接

php Smarty模板生成html文档的方法

2011-02-18T07:58:00Z

<?php
/*
file:config_smarty.php
done:配置Smarty
author:www.5dkx.com
date:2009-12-21
*/
include_once("../libs/smarty.class.php");
class MySmarty extends Smarty{
function __construct()
{
$this->Smarty();
$this->config_dir = "../config";
$this->cache_dir = "../cache";
$this->template_dir = "../template";
$this->compile_dir = "../template_c";
$this->cache = false;
}
}
$smart = new MySmarty();
$smart->assign("title","标题");
$smart->assign("content","内容");
$smart->display('article.tpl');
$output = $smart->fetch('article.tpl');
$Path = "../html/1.html";
$fp = fopen($Path,"w");
fwrite($fp,$output);
fclose($fp);
?>

本文链接

如何解决Firefox检测不到div高度问题

2010-12-03T09:37:00Z

解决Firefox检测不到div高度问题的方法来源：黄超

[点击放大]

做页面，经常会被浏览器兼容性搞的头大，因为现在的浏览器真的是太多太多了。有个朋友问我，在用Div和Css做页面的时候，为什么Div在Firefox中的高度不是自适应的？背景随高度缩在一起？而在IE中一切正常。

这是由于div中的内容使用了浮动float属性，以致Firefox没有检测到高度而产生问题，而IE则可以正常检测到高度，所以对于IE和Firefox需要分开对待。

如图一中所示，在外部名为box的div中包含了两个div，左边的为left，向左浮动，右边的为right，向右浮动，CSS和Html代码如下：

CSS代码：

<style type="text/css">

</style>

Html代码：

<div id="box">
<div id="left">left</div>
<div id="right">right</div>
</div>

在IE中的效果和图一中效果相同，但在Firefox中效果如图二所示，背景随高度缩到了顶部。

解决方法：

针对这种情况有三种解决方法：

1.给box增加一个高度

直接在CSS中给#box添加一个高度属性，比如height:125px;。

这种方法的优点是简单，缺点是使div不会按内容的高度自动适应。

2.增加一个清除浮动元素

这种方法通常是加入一个带有清除属性的元素，一般都是加入一个div，例如：

在CSS中添加.clear {clear:both;}，在Html中加入<div class="clear"></div>，如图三所示。

这种方法的优点是使用简单，缺点是要在每一个带浮动的div内都要加一个清除的div。

3. 用CSS伪元素:after

伪元素:after是在元素内容的最后面插入内容，利用它可以在box后插入一个清除浮动的元素，CSS代码如下：

#box:after {
height:0;
content:".";
clear:both;
display:block;
visibility:hidden;
}

这段CSS是在box的最后插入一个不显示单隐藏掉的“.”，它可以清除浮动，可以起到效果，而且IE浏览器不支持:after伪元素，所以对它毫无影响。

这种方法的优点是只需要在CSS代码中操作即可，不需要在Html中加任何代码，真正做到了“分离”，缺点是每一个id都要在CSS中加一段清除代码，不过结合上面的第二种方法，这种方法的缺点可以得到改善，由此进化出第四种方法——将class和伪元素结合，让内部带有浮动的div被带有清除属性的class定义。

其实做起来很简单，先用第三种方法的CSS定义一个class，CSS代码如下：

.clear:after {
height:0;
content:".";
clear:both;
display:block;
visibility:hidden;
}

写好这段CSS之后，让所有被浮动效果去掉高度的div的class是clear就可以了，比如：

<div id="box" class="clear">
<div id="left">left</div>
<div id="right">right</div>
</div>

这种方法可以算是无懈可击了，请您放心使用！

以上三种方法都可以解决Firefox检测不到div高度的问题，具体使用哪种，还看你的情况和感觉，这里仅作为参考，希望对你有所帮助。

本文链接

DD_belatedPNG,解决IE6不支持PNG绝佳方案

2010-11-29T08:47:00Z

我们知道IE6是不支持透明的PNG的,这无疑限制了网页设计的发挥空间.
然而整个互联网上解决这个IE6的透明PNG的方案也是多不胜数,从使用IE特有的滤镜或是expression,再到javascript+透明GIF替代.但是这些方法都有一个缺点,就是不支持CSS中backgrond-position与background-repeat.

而我今天介绍DD_belatedPNG,只需要一个理由,就是它支持backgrond-position与background-repeat.这是其他js插件不具备的.同时DD_belatedPNG还支持a:hover属性,以及<img>.

看Demo

原理

这个js插件使用了微软的VML语言进行绘制,而其他多数解决PNG问题的js插件用的是AlphaImageLoader滤镜.

使用方法

1.在这里下载DD_belatedPNG.js文件.
2.在网页中引用,如下:

3.有2种调用函数,一种是DD_belatedPNG.fix(),如上代码.另一种是fix(),这中方法需要在函数内指出css选择器名.

使用a:hover请留意

5-25更新:如果你也像jutoy同学一样想要用透明PNG作为a:hover时的背景图片,那么你需要留意你的代码,需要以”a:hover”来作为选择器.否则可能会导致无法成功.同时我也更新了demo,请需要的更新查看.接着我们看看正确的代码:

其他方案

在这里还是提供其他方案供大家参考.尽管我觉得DD_belatedPNG最好

本文链接

.net程序运行在无.net framework环境中

2010-10-22T02:49:00Z

众所周知，.net程序必须运行在.net framework环境下，这在很大程度上限制了.net程序的普及，那么今天我给大家讲一个变向的解决方法。

也许很多人知道飞信是用.net开发的，但你们有没有想过为什么飞信能在没有安装.net环境下的PC中运行良好呢？我们能不能利用它的这个特性呢？

大家可以在飞信的安装目录中看到VMDotNet这个目录，根据名字就知道，这是个虚拟的.net运行环境，进去之后是个名为 v2.0.50727的目录（我装的是Fetion2008 3.5.2），说明它虚拟的是.net 2.0环境，继续进去，有个FetionVM.exe，它就是我们今天的主角，正是由于它虚拟了.net的运行环境，才让飞信可以运行，那么我们就利用它来运行我们的.net程序吧：

1>将VMDotNet这个目录拷贝出来，将你的应用程序拷贝进去，让你的可执行文件与FetionVM.exe在一个目录下，如下图：

2.打开cmd，在其输入：FetionVM.exe 你的.net可执行程序（本例为TestVMDotNet.exe);

3.程序运行效果：

就是如此简单。

你也许会问：我问不能让我的客户去打开CMD，来输入这些命令吧，那你就自己再创建一个exe程序，让他来检测系统中是否已经安装了.net环境，如果安了，则直接启动目标程序，如果没有，就通过VMDotNet来启动。那么毫无疑问，这个启动程序不能用.NET来编写了。

本文链接

struts2 freemarker当中引进java 常量java静态方法

2010-10-18T02:35:00Z

1.首先在struts.sml中配置<constant name="struts.ognl.allowStaticMethodAccess" value="true" />

表示允许使用静态java方法。非常重要。

2.在freemarker中引进java常量的方法：

假如：

Test.java

package test;

public class Test{

private String userSex=MAN;

public static final String MAN="男";

public static final String WOMAN="女";

public static String m()
{

return "test";
}

public String getUserSex()
{
return userSex;
}

public void setUserSex(String userSex)
{
this.userSex = userSex;
}

}

接下来我们在freemarker中调用该类中的静态常量和静态方法

a.调用常量：

${stack.findValue("@com.wish.maml.freemarkerexample.model.User1@MAN")}
</br>
${stack.findValue("@com.wish.maml.freemarkerexample.model.User1@m()")}

就会出现想要的结果

注意：目前只是调用静态的

补充：这里目前调用方法必须有返回值不能为void方法，如果是static void方法，那么运行页面的时候会走这个方法，但是没有值，所以会出错，这时候最好用个

${stack.findValue("@com.wish.maml.freemarkerexample2.freemarkerexample2.S@haha('aaa')")!"no"}

判断不存在的时候显示 no

附带源代码如下

java

public class S
{
public static String str = "nih";

private String name = "";

public static String say()
{
return "good";
}

public static void haha(String ha)
{
System.out.println(ha);
}

public String getName()
{
return name;
}

public void setName(String name)
{
this.name = name;
}

public static S getS()
{
S s = new S();
s.setName("中国");
return s;
}
}

ftl：

${stack.findValue("@com.wish.maml.freemarkerexample2.freemarkerexample2.S@str")}
${stack.findValue("@com.wish.maml.freemarkerexample2.freemarkerexample2.S@say()")}
${stack.findValue("@com.wish.maml.freemarkerexample2.freemarkerexample2.S@haha('aaa')")!"no"}

${stack.findValue("@com.wish.maml.freemarkerexample2.freemarkerexample2.S@getS().name")!"no"}

本文链接

简体-繁体互转换的一个JS

2010-10-15T11:46:00Z

document.write(" <a name=\"StranLink\" style=\"color:red\">繁體中文</a>");

本文链接