2008年10月22日 星期三

[Java]簡易JSON, Java Object->JavaScript Object

JSON算是javascript的一個處理物件格式的方法吧...
總之這裡是講利用JSON把Java Object轉成Javascript 物件

lib:
json-lib-2.2.2-jdk15.jar
除了json-libxxxx之外, 好像也會有用到一些common的jar檔, 不過主要就是這個...
另外json這個只能在jdk1.5的環境下才能跑得起來, 所以要看一下支援的程度

Java Class:
其實就是用一個bean物件來存資料, 當然重點就是在setter跟getter
public class Item {
String name, type;
int price;
public String getName() {return name;}
public String getType() {return type;}
public int getPrice() {return price;}
public void setName(String name) {this.name=name;}
public void setType(String type) {this.type=type;}
public void setPrice(int price) {this.price=price;}
}

然後把他變成javascript物件就是用
String out = JSONObject.fromObject(new Item()).toString();

一行簡簡單單就可以了\囧/...當然把這out輸出到javascript裡面就是一個等同的javascript物件...
{name:'',type:'',price:0}
如果bean屬性是List(或[]), 或是Object...他一樣能正確的轉出好幾層沒問題

大概要注意的就是~他是看setter跟getter在給的, 所以用純bean來製作比較不會有問題...
以免看到getXXX跟setXXX就拿值或給值造成不必要的問題

[Javascript]快速建立物件屬性

最近有需要用到很大量的Javascript, 但是原本都只會一個var等於一個值...
想說要是如果能把他當物件使用就好了...

這個是後來集合最快給值的寫法XD:
(其實有一些是用了json之後才發現原來javascript可以這樣子寫O.Oa)

var items=[]; // equals var items=new Array();
items[0]={name:'剪刀',type:'文具',price:150};
items[1]={name:'訂書機',type:'文具',price:200};

以此類推...

取值就可以用:
items[0].name
items[0].type
items[0].price

另外如果是要快速建立已經定好的物件, 可以用這個方式
var item1 = new Item({name:'原子筆',type:'文具',price:25});

2008年8月6日 星期三

[Javascript]判別是否用IE瀏覽器

現在就IE跟FF為大宗...
雖然有個標準在...不過反正兩個沒事就在那邊偷吃步一下支援一下不支援...
每次都還要量身定做=_=|||...

function isIE() {
var b =navigator.appName;
if(b != "Microsoft Internet Explorer") {
return false;
} else {
return true;
}
}

習慣上就IE...不是IE就當FF跑...

補充如果在IE上才用b.js 的include寫法(補破洞專用的js寫用=.=)
< !--[if IE]>
< script type="text/javascript" src="./b.js">< /script>
< ![endif]-->

[Javascript]取得網址列參數

平常jsp寫習慣了...拿個參數都是request.getParamter("ooxx");
簡單易懂又好拿...

不過覺得麻煩的是要嵌jsp的一堆東西...
有次偷懶只寫了html, 後來發現要接參數..又懶得把他改成jsp...
就從google大神問到了javascript取得網址列參數的用法...
不過我想...post method可能拿不到吧~

function getQuery(name) {
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
var r = location.search.substr(1).match(reg);
if (r!=null) return unescape(r[2]); return null;
}

應用上:
var id = getQuery("id");
等同於:
var id = <%=request.getParamter("id")%>

[Javascript]圖片無法顯示使用其他圖片

這個問題的起源是因為...
因為有要上傳圖檔到server上預覽...
但是因為有很無聊的上一步, 下一步流程...
搞不懂圖現在是在temp區還是正式區了...

用個js小撇步
< IMG id="preview_pic" ALT="" src="'+imgPath+'" >

document.getElementById('preview_pic').onerror = function(){
this.src = document.getElementById('imgPath2').value;
};

2008年6月17日 星期二

[JavaScript]完整保存TextArea的文字

這個主要是在textarea內給人填html語法, submit過後好幾頁還需要預覽那個html語法...
因為裡面會有換行, <>, ", ', \, 這堆跳脫字元...
要去加字也不對...
因為之後直接取出來不能用...
後來有Javascript大師提供的...偷吃步XD"...

提示: 用div包起來, 不要顯示

< div id="noDisplay" style="display:none">
<%out.print(session.getAttribute("html_text"));%>
< /div>

javascript:
document.getElementById('preview').innerHTML = document.getElementById('noDisplay').innerHTML;

\囧/ 想一想這個真是有夠神奇的偷吃步...

[JSP/JavaScript]圖片檢查碼

再來這個就高深了XD...
還好有同事的sample code可以拿來參考修改...
不過真的寫好到套上去可以用也是花了一天的功夫...

<%@ page contentType="image/jpeg" language="java" import="java.awt.*,java.awt.image.*,java.util.*,javax.imageio.*" %>


Color getRandColor(int fc,int bc){//給定範圍獲得隨機顏色
Random random = new Random();
if(fc>255) fc=255;
if(bc>255) bc=255;
int r=fc+random.nextInt(bc-fc);
int g=fc+random.nextInt(bc-fc);
int b=fc+random.nextInt(bc-fc);
return new Color(r,g,b);
}
//設置頁面不緩存
response.setHeader("Pragma","No-cache");
response.setHeader("Cache-Control","no-cache");
response.setDateHeader("Expires", 0);
// 在內存中創建圖像
int width=200, height=50, fontSize=45;
BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
// 獲取圖形上下文
Graphics g = image.getGraphics();
//生成隨機類
Random random = new Random();
// 設定背景色
g.setColor(getRandColor(200,250));
g.fillRect(0, 0, width, height);
//設定字體
g.setFont(new Font("Times New Roman",Font.PLAIN,fontSize));
//畫邊框
//g.setColor(new Color());
//g.drawRect(0,0,width-1,height-1);

// 隨機產生155條干擾線,使圖像中的認證碼不易被其它程序探測到
g.setColor(getRandColor(160,200));
for (int i=0;i<155;i++) {
int x = random.nextInt(width);
int y = random.nextInt(height);
int xl = random.nextInt(20);
int yl = random.nextInt(20);
g.drawLine(x,y,x+xl,y+yl);
}
// 取隨機產生的認證碼(4位數字)
String sRand="";
for (int i=0;i<4;i++) {
String rand=String.valueOf(random.nextInt(10));
sRand+=rand;
// 將認證碼顯示到圖像中
g.setColor(new Color(20+random.nextInt(110),20+random.nextInt(110),20+random.nextInt(110))); //調用函數出來的顏色相同,可能是因為種子太接近,所以只能直接生成
g.drawString(rand,fontSize*i+random.nextInt(15),height-random.nextInt(15));
}
// 將認證碼存入SESSION
session.setAttribute("rand",sRand);
// 圖像生效
g.dispose();
// 輸出圖像到頁面
ImageIO.write(image, "JPEG", response.getOutputStream());
out.clear();
out = pageContext.pushBody();

裡面是把產生出來的碼存在seesion中, 所以檢核一定要submit到下一頁時才能檢查...

另外一個問題是"重新產生檢查碼"...因為jsp要被reload才會變更數字...
但是整個jsp頁面reload就很搞笑, 而且還要記頁面一堆有的沒的資料...
所以這時候就需要一個萬能的iframe~
< iframe frameborder="0" allowtransparency=true src="./ooxx.html" style="width:400px;height:85px;border:0px;cellpadding:0px;cellspacing:0px" / >

ooxx.html裡面主要就是含圖跟變更檢查碼
< img border="0" id="img_safe_code" src="./image.jsp" / >
< a href="#" class="ps style7" onclick="document.forms[0].submit();">重新產生安全碼< / a >

[JSP/JavaScript]檔案上傳

主要是利用 apache的 fileUpload...

首先要先設定前一頁submit的form型態為multipart, 而且只能使用POST method
< form name="b4page" id="b4page_info" method="POST" enctype="multipart/form-data" >

再來是submit下一頁後的jsp, 用fileUpload寫檔到server端的某一位置

<%@page import="org.apache.commons.io.*, org.apache.commons.fileupload.*, org.apache.commons.fileupload.disk.*, org.apache.commons.fileupload.servlet.*, java.io.*, java.util.*"%>

//upload file
boolean isUpload = false;
String foldar = "../tempImg/";
int MaxMemorySize = 1024*1024*100;
int limitFileSize = 5;

ServletFileUpload upload = null;
try {
// Create a factory for disk-based file items
DiskFileItemFactory factory = new DiskFileItemFactory();
// Set factory constraints
factory.setSizeThreshold(MaxMemorySize);
// Create a new file upload handler
upload = new ServletFileUpload(factory);
} catch(Exception e) { }

if(upload != null && upload.isMultipartContent(request)) {
isUpload = true;
}
if(isUpload) {
String key = (String)session.getAttribute("pic_key");
if(key == null) {
session.setAttribute("pic_key", String.valueOf(System.currentTimeMillis()));
key = (String)session.getAttribute("pic_key");
}

try {
// Parse the request
List items = upload.parseRequest(request);
Iterator iter = items.iterator();
FileItem imgFile = null;
while (iter.hasNext()) {
FileItem item = (FileItem) iter.next();
//System.out.println("??item name="+item.getFieldName()+", "+item.isFormField());
if (item.isFormField()) { //此處取得的就是一般正常的param(text, hidden, select ...etc)
String fieldName = item.getFieldName();
String value = item.getString("UTF-8");
} else {
imgFile = item;
}
}

if(imgFile != null) {
String fieldName = imgFile.getFieldName();
String fileName = imgFile.getName();
String contentType = imgFile.getContentType();
boolean isInMemory = imgFile.isInMemory();
long sizeInBytes = imgFile.getSize();
if(sizeInBytes>1024*1024*limitFileSize) {
errMsg = "圖檔檔案過大(限制"+limitFileSize+" MB.), 請回上一頁重新上傳!!";
}

if(sizeInBytes>0){
String fname = key+fileName.substring(fileName.lastIndexOf("."));
// 先放在tmp裡!
File f = new File( foldar, fname );
//System.out.println("Upload File Path:"+f.getAbsolutePath());
imgFile.write(f);
//System.out.println("Upload File complete!");
}
}
} catch (Exception e) {
e.printStackTrace();
}
}


大概要比較注意的是, multipart傳上去的東西, getParameter這個method就get不到東西了...
要從isFormField那邊取得

[JSP/Java]讀取https的網頁

一般讀網頁就是用URL...但是有時候碰到的機車事就是要讀https...
最近都用JSP在寫, 主要的好處是不用重起server就可以運行...
搭載功能上速度跟要修改可以快很多~

以下截取重點:

<%@page import="java.net.*, java.io.*, javax.net.ssl.*" %>

TrustManager[] trustAllCerts = new TrustManager[] { new X509TrustManager() {
public java.security.cert.X509Certificate[] getAcceptedIssuers() {
return null;
}
public void checkClientTrusted(
java.security.cert.X509Certificate[] certs, String authType) {
}
public void checkServerTrusted(
java.security.cert.X509Certificate[] certs, String authType) {
}
} };
// Install the all-trusting trust manager
try {
SSLContext sc = SSLContext.getInstance("SSL");
sc.init(null, trustAllCerts, new java.security.SecureRandom());
HttpsURLConnection.setDefaultSSLSocketFactory(sc.getSocketFactory());
} catch (Exception e3) { }


StringBuffer theURL = new StringBuffer();

//System.out.println(theURL.toString());
URL url = new URL(theURL.toString());
//url.openConnection();
BufferedReader br = new BufferedReader(new InputStreamReader(url.openStream()));
while(br.ready()) {
String tmp2 = br.readLine();
}

---------------------------------------------------
後記...在爬文章時~ 看到了這一篇
http://ws.apache.org/xmlrpc/ssl.html
被說成是 "The quick and dirty solution"...XD
偶也知道正規要去弄keystore...可是那很麻煩阿~囧rz...
有時候被迫在一個無法掌握SERVER重啟運作的情況下的快解...
不過正規的也是要懂一下啦Q_Q...

2008年4月1日 星期二

[JSP/Javascript]Ajax讀xml檔的問題

ajax call jsp回傳資料, 除了純文字類的之外就是回xml...
產生該xml在java血統裡的不外乎jsp跟servlet...

但是呢~機車又很笨的 XMLHttpRequest 又常常耍脾氣, 故意不認識xml...
當然後面就parse不出來了, 後來我覺得這是跟瀏覽器有關=_="...

總之有改jsp/servlet 跟改javascript端的方法,
身為java血統, 當然要用jsp/servlet解法阿XD...
(好啦~因為javacript用現成的套件, 要改太麻煩)

JSP/serverlet加上這行設定:
response.setContentType("text/xml");

相信你那冰雪聰明的 FireFox 已經認清他是xml的事實...
但是年紀大了一點的 IE 可能還在不知不覺中...
這時候, 請看一下輸出的xml原始程式碼...
ex: 原本是
< ?xml version=\"1.0\" encoding=\"UTF-8\"? > < root >< /root >
字字緊連成一排長長的碗糕(原本都是連著的, 因為blogger有問題不能顯示所以才加空格)...
就給它大力的切開變成...
< ?xml version=\"1.0\" encoding=\"UTF-8\"? >\n< root >< /root >

IE 的嘴巴比較小, 切小塊後他終於點頭說...嗯~這是xml...我吃!!

至於為啥切段之後他才承認~~這個就不要問我了~"~a...
但是以沒切段copy原始碼餵給IE開啟, 是xml顯示方式喔~
反正~~軟體業一向是重開機就會好的奇怪東西~~~/燦笑

2008年3月11日 星期二

[Java]Properties檔產生法

java裡用的properties只能讀unicode...
這裡列出利用搞unicode檔案的方法...

方法1:cmd
\jdkx.x.x\bin\native2ascii.exe A檔 B檔
A檔是source, B檔是output, B檔不寫就會印在底下system.out出來

方法2:用java讀檔, 以Properties物件寫出
public void process(String sourceCSV, String outFile) {
BufferedReader br = null;
FileOutputStream fos = null;

try {
Properties p = new Properties();

br = new BufferedReader(new FileReader(sourceCSV));
while(br.ready()) {
String aRow = br.readLine();
StringTokenizer st = new StringTokenizer(aRow, ",");
if(st.countTokens() >= 2) {
System.out.println(aRow);
p.setProperty(st.nextToken(), st.nextToken());
}
}
fos = new FileOutputStream(outFile);
p.store(fos, "create by ("+sourceCSV+"), format:(key:value)");

} catch(Exception e) {
e.printStackTrace();
} finally {
if(br != null) {
try { br.close(); } catch(Exception ee) {}
}
if(fos != null) {
try { fos.close(); } catch(Exception ee) {}
}
}
}

[Java]程式轉檔編碼

讀utf-8檔寫成其他編碼, isTrans那邊是判別該檔是否含有英數字以外的字(中文)
其實這個是為了繁轉簡掃檔案用的~不過老實說~因為os的關係, wordpad跟word跟ultraedit上面看到的字編碼似乎不是那麼正確(我跟同事討論個老半天的結論, 卡住超久~囧~)
結果就在那邊一直改編碼改字排列組合測過來測過去|||orz~

void readAndWriteWord(File sourceFile, String outFile) {
if(!sourceFile.canRead()) {
return;
}
BufferedReader br = null;
FileOutputStream fos = null;
try {
boolean isTrans = false;
StringBuffer sb = new StringBuffer();
InputStreamReader ir = new InputStreamReader(new FileInputStream(sourceFile), "utf-8");
fos = new FileOutputStream(outFile);
br = new BufferedReader(ir);
int line = 0;
while(br.ready()) {
line++;
String aRow = br.readLine();
if(!isTrans) {
for(int i = 0 ; i < aRow.length() ; i++) {
if(aRow.charAt(i) > 255) {
isTrans = true;
System.out.println("---word file:"+outFile);
break;
}
}
}
//fos.write((aRow+LINE_SEP).getBytes("utf-8"));
fos.write((aRow+LINE_SEP).getBytes("GBK"));
}
} catch(Exception e) {
e.printStackTrace();
} finally {
if(br != null) {
try { br.close(); } catch(Exception ee) {}
}
if(fos != null) {
try { fos.close(); } catch(Exception ee) {}
}
}
}

2008年1月22日 星期二

自用連結兼分享

Javascript教學網站

Javascript物件屬性方法
其實他的首頁教不少相關的東西

hibernate api 3.0
平常都是看reference那個pdf檔居多

Struts官網

Java Tutorials
當需要下cmd指令跟太基本的東西(IDE老是做光光了或是不小心忘了), 會回來翻一下
其實他這個練習, 寫得還蠻不錯的說~個人覺得^^
至於java doc...這麼基本的東西...ㄜ~相信有在用的人一定是下到本機端看比較實在XD
不過說真的, 版本眾多一_一|||...要看好使用的版本比較保險...
(雖然最基本的method大同小異, 但是像當紅的xml, dom這種, 好像是1.4還1.5才開始加入的...雖然後面版本越來越像怪物了)

永遠的UNIX
通常來這都是找怎麼在db cmd下的指令啦...
雖然有mysqlphpadmin真是好用, 可是有時候情況就是不允許T_T
不過其實google大神查一查也是很多就是XD...

[Java]SHA-1加密

這個是蠻早之前找出來的, 參考來源是這...原文寫得蠻讚的XD|||
除了SHA-1還有其他的, 蠻好的教學文

JAVA 上加密演算法的實作範例

我只需要用的SHA-1出來做加密

import java.security.*;

/**hash code*/
public String hashSHA_1(String info) {
String re = null;
try {
String myinfo=info;

MessageDigest alga=MessageDigest.getInstance("SHA-1");
alga.update(myinfo.getBytes());
byte[] digesta=alga.digest();
re = byte2hex(digesta);
} catch(Exception e) {
e.printStackTrace();
}
return re;
}

/**二進位制轉字串*/
public String byte2hex(byte[] b) {
String hs="";
String stmp="";
for (int n=0;n < b.length;n++)
{
stmp=(java.lang.Integer.toHexString(b[n] & 0XFF));
if (stmp.length()==1) hs=hs+"0"+stmp;
else hs=hs+stmp;
}
return hs.toUpperCase();
}

[Javacript]讀取解xml資料

這是算用IE/FireFox裡內建讀xml資料的方法...
(網路上老是只貼一半, google大神問了好幾次XD)
跨兩個瀏覽器ok的寫法...

IE跟FireFox兩個讀xml的function跟後來取node的方式都不一樣...所以還是得分開寫

另外xml load進來的時間有點慢, 若是xml檔太大...有時後還沒load完...
items還沒建完, 就會有點怪怪的...
所以建議是...load xml最好是能寫在最前面, 讓程式有足夠的時間去load
我的偷吃步是寫死一個default的item[0]...所以才會看到從i+1開始算XD...
反正總是剛開啟用default值跑就夠了^_^!

另外同事是說...也可以用ajax去out print一個xml出來讀也是可以啦...
不過ajax要另外寫一隻...就又懶惰了一_一|||

還有用這個方法的話, 瀏覽器會暫存住資訊...所以發現要是改了xml資訊...
發現程式沒有做對應的變動...記得去清一下暫存資訊/表單資訊應該就可以了~
(差點被FireFox嚇死XD)

blog不能吃 < 緊連的字XD...又試了老半天...空一格就好了QQ

var xmlDoc;
var items = new Array();
function init() {
if(document.implementation.createDocument) {
xmlDoc = document.implementation.createDocument('', '', null);
xmlDoc.load("./aabbcc.xml");
xmlDoc.onload = function(){itemFireFoxSetting();}
} else {
xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async="false";
xmlDoc.load("./aabbcc.xml");
itemIESetting();
}
}

function itemFireFoxSetting() {
var ads = xmlDoc.getElementsByTagName('item');
/*
< item >
< id >A11< / id >
< /item >
*/
//alert(ads.length);

for(var i=0; i < ads.length; i++) {
var tmp = new Array();
tmp[0] = ads[i].getElementsByTagName('id')[0].firstChild.nodeValue;
items[i+1] = tmp;
//alert(tmp[0]);
}
}

function itemIESetting() {
var ads = xmlDoc.documentElement.selectNodes('item');
for(var i=0; i < ads.length; i++) {
var tmp = new Array();
tmp[0] = ads[i].getElementsByTagName('id')[0].firstChild.nodeValue;
items[i+1] = tmp;
//alert(tmp[0]);
}
}

2008年1月4日 星期五

開張

看到有不少人把用到的技術開了個blog在寫...
想說, 也自己來搞一個吧XD|||...
就當程式開發備忘錄這樣