我的文章

SQL語法like的一些問題

孤影 — Mon, 13 Aug 2007 01:42:00 GMT

通常,在寫搜尋的功能時,都是使用like的方式來寫,
而寫法通常是像

select * from tableName where columnName like '%xxxx%'

而最近一個案子在驗收的時候,
驗收的人員在測試時輸入"%"(百分比符號),
結果列出了所有的資料.
然後說這有個bug...輸入"%"應該只出現資料中有%符號的資料.
為什麼會出現所有的資料即使沒有%符號.

其實想想也對,當使用者入一些SQL的特定字元時,
他可能只是想要搜尋字串中真的有這個字元的資料,
而不是想要做模糊比對.
所以客戶有這樣的要求,那我們就這樣改...

不過,之前並沒有留意過要怎麼在SQL語法中可以搜尋特定字元,
只知道在避免SQL Injection時,是使用兩個單引號取代一個單引號.
但是對於%或是_(底線)的符號,就沒留意過了.
而在經過大鈞(MS MVP)的協助,找到一些資料後發現有兩種方法可以用.

比較易懂的方法 - 使用中括弧包住特殊字元.

select * from tableName where columnName like '%[%]%'

另一個是使用escape

select * from tableName where columnName like '%\%%' escape '\'
或寫成
select * from tableName where columnName like '%\%%' {escape '\'}

escape後的'\'可以是其他的字元,像是'a'或是'@'都可以.只要配合like後的字串即可.

這兩個的結果都是會搜尋出資料中任何位置有%字元的資料.

但是,除了用like外,還有一個更方便且快速的語法,
因為客戶只需要輸入甚麼就是甚麼.所以他不會需要像是輸入"中_航空"就找出有"中國航空"與"中華航空"的資料,
所以直接使用下面的語法就可以解決這問題,而且搜尋的速度也更加快速了

select * from tableName where charindex('%',fieldName) > 0

charindex會傳回字串在資料欄位中的位置,所以當欄位內容有資料時,傳回的資料就會大於0,
用此來取得搜尋的資料會比用like來的快速.而且不會有特殊字元的問題(有的話應該也只有單引號...).

參考資料 :
http://media.datadirect.com/download/docs/slnk/devref/scalarfn.html
http://technet.microsoft.com/zh-tw/library/ms173545.aspx

IE vs. FireFox 系列- JPG的Content Type

孤影 — Mon, 13 Aug 2007 00:50:00 GMT

這幾天在修一個bug,
有個上傳的功能,在IE上可以執行,
但是在FireFox卻有問題,
這個主要並不是上傳有問題,而是檢查檔案的類型時有問題,
因為上傳的部分有用個驗證的控制項,用來判斷檔案的型態,
但是之前的人在開發的時候,只有在IE上測試,
所以就直接設定檔案類型等於image/pjpeg才能上傳,
結果在firefox傳同一張圖,所取得的卻是image/jpeg,
所以導致firefox完全無法上傳jpg檔.

雖然之前有留意過JPG檔的content type有image/jpeg跟image/pjpeg兩種,
但一直沒去留意是為什麼.
現在才發現,原來是因為瀏覽器的關係,不是圖檔的問題...

IE : image/pjpeg
FireFox : image/jpeg

印象中,ie跟firefox在對於content type的設定還有其他的不同,
不過一時找不到是哪些檔案...

下面有個測試用的網頁.
如果想要測試一下你手邊有那些檔案的content type的話,可以試試看.

測試網頁 : http://vip.blueshop.com.tw/ajun/uploadtest.aspx
ps.這個網頁不會將檔案存在主機上,所以不用擔心檔案無法刪除,所以也不用擔心有人會傳木馬...

如何取得playlist.

孤影 — Fri, 03 Aug 2007 10:29:00 GMT

先前寫的一個小工具 - FakeMp3Player,
因為有網友在問怎麼找playlist,
所以現在寫一下找尋的方法.

最快的方式當然就是用google搜尋一下mp3player.xml或是playlist.xml
但是這樣的東西通常不會是你所想要的.

所以現在假設你已經在某個網站上看到有flash mp3播放器,
而且歌曲是你所想要的.
(以http://ookkk.blogspot.com/2007/06/blog-post_10.html為例)

通常playlist是不會直接顯示出來跟你說他在哪裡,
所以第一件要做的就是看"網頁原始碼".
然後找一下".swf"的字樣,
這時可以找到
<embed src="http://playlist.0nz.cc/mp3player_1.swf" height="225" type="application/x-shockwave-flash" flashvars="mp3pl=M8JR9CGA11KVVYTH82007520194727" wmode="transparent"></embed>
這樣的片段,
其中比較重要的是"mp3pl=M8JR9CGA11KVVYTH82007520194727"這段.
因為他是使用http://playlist.0nz.cc 來管理他的播放清單,
所以透過fiddler後,就可以找到他是連到哪個網頁去取得,
因為並不是每個playlist都是透過這個,
所以我就先不說怎麼使用fiddler,假設我們已經知道他是透過http://playlist.0nz.cc/Player_List.asp?id=來取得playlist,

那再來就是串網址了,
直接將剛剛那段"mp3pl=M8JR9CGA11KVVYTH82007520194727"在等號後面的字串接到剛剛那個網址後面,
例如 : http://playlist.0nz.cc/Player_List.asp?id=M8JR9CGA11KVVYTH82007520194727
這時開的瀏覽器貼上這串網址,你就可以看到playlist的內容了.
然後再搭配FakeMp3Player.這樣即使沒上網也可以聽音樂了 !

不過以上只是其中的一個,
還有另一個播放器是像下面這個
http://sonychuck.blogspot.com/2007/04/mp3.html
一樣看網頁原始碼找".swf",
這時會找到如下的語法
<embed quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="301" height="280" src="http://www.esnips.com/escentral/images/widgets/flash/white_player_list.swf" flashvars="autoPlay=no&thePlayerURL=http://www.esnips.com/escentral/images/widgets/flash/mp3WidgetPlayer.swf&fileIds=...省略...amp;plURL=http://www.esnips.com//plxml/8dba45ce-915c-453c-8981-54e27396d111/?cachePL=true"></embed>

而這個就比較單純了,
直接將plURL=後的字串"http://www.esnips.com//plxml/8dba45ce-915c-453c-8981-54e27396d111/?cachePL=true"
剪下來貼上瀏覽器就可以看到播放清單了.

ps.目前FakeMp3Player只支援這兩種播放清單的格式.

玩玩Picasa Web Albums 系列二

孤影 — Wed, 25 Apr 2007 01:16:00 GMT

今天抽空寫了個picasaweb結合lightbox程式,
利用picasaweb提供的JSON,再加上lightbox的效果,
效果如下

你可以點選我的blog左邊的那個picasaweb album下的照片(感覺有點簡陋...)看看demo
或是點選下面這兩個demo.

http://vip.blueshop.com.tw/ajun/demo/picasaalbum1.htm
http://vip.blueshop.com.tw/ajun/demo/picasaalbum2.htm

如果你對這有興趣,要使用的話,只要在網頁加上下面這兩行

其中要修改的為user跟albumid,
user當然就是你的picasaweb的帳號(也就是google的帳號)
albumid是你的相簿的id,而id可以從幾個地方取得,
看是從picasaweb提供的相簿Rss或是從API的結果中都可以取得.

而size則是要顯示的圖檔大小,
目前可以使用的大小為72,144,160,288,800

如果你看了上面的說明後,還是不太會用的話,
那你可以直接使用下面這工具來產生,

http://vip.blueshop.com.tw/ajun/albumlist.aspx

只要輸入你的google帳號後按下[瀏覽],
就會出現你所有公開的相簿,
然後按下圖片下方的[顯示PicasaLightboxAlbum代碼]就會出現該相簿所屬的javascript,
然後再將代碼些在你要顯示相簿的區塊即可.

目前的功能,在一個頁面上顯示一個相簿沒有問題,但多個的話就不保證了...有空再來慢慢調整...

玩玩Picasa Web Albums 系列一

孤影 — Wed, 28 Mar 2007 01:48:00 GMT

亞當隨意貼 - update

孤影 — Fri, 09 Feb 2007 01:14:00 GMT

剛剛在googlepages加個一個http://adamnote.googlepages.com的網站,
想說要用來當作亞當隨意貼的介紹網站,
不過官方提供的html編輯器在貼圖編輯的時候實在是很有問題...
所以只編輯了一頁就暫時停住了!!

前言

因為有時找到資料的時候,懶得按複製貼上,所以就加了個拖曳文字的功能,
而且因為上班跟下班後是在不同的環境,所以想要一些資料記錄在網路上,
所以就加了個寄送的功能,可以方便讓我將這些資料寄送到我的gmail上存著...
這樣我就不用再帶著隨身碟複製來複製去了!

所以假如你有這樣的需求,那你就可以試試看!!

新增功能說明

1.拖曳文字的功能 - 圈選網頁上的文字,拖曳到adamnote上即可貼上文字

2.拖曳檔案的功能 - 拖曳副檔名為txt或是adn(為以後準備)的檔案可以直接開啟這些檔案文字,可接受多個檔案同時拖曳

3.寄送轉寄的功能 - 將adamnote上的文字立即寄送出去.按下寄送,或[寄送]到預設的收件者信箱,按下[寄送給其他人]則會跳出一個對話方塊,讓你輸入收件者.

檔案下載 : MyNote.rar

附註

因為我的環境中有SMTP,所以預設是用自己的SMTP來發信,
如果執行的電腦沒有SMTP的話,可以設定外部的SMTP來發送,
而今天測試了智邦的SMTP(因為有個ms4的帳號,而且很久沒用了...),
假如你有智邦的mail的話,只要將寄件者設定為你的帳號,
而smtp設定為你的帳號中所指定的domain就可以發送了,
例如 :

寄件者 : JEROME0001@ms4.url.com.tw
SMTP : ms4.url.com.tw

如果沒有智邦信箱的,
那就找個你現在正在用的email主機來用,
只是目前還沒有加上可以使用需要認證的SMTP的功能.

下次再改成可以設定為用Gmail的帳號來發信.

新版的隨意貼 - (.Net 2.0)

孤影 — Fri, 19 Jan 2007 22:13:00 GMT

已經有一段時間沒有更新blog了,

今天晚上等待上線,
需要待在辦公室待命,
所以就把之前寫的亞當隨意貼拿出來改成.Net 2.0的版本(也改用c#寫),

在改的時候才發現,
2.0是用comtextMenuStrip(1.1的時候是contextMenu),
而contextMenuStrip也美觀多了.

執行檔下載 : MyNote

用CSS做的Rollover link

孤影 — Fri, 24 Nov 2006 06:17:00 GMT

先看一下效果 : RollOver Link
之前做這種圖片切換的按鈕效果,通常都是用javascript,
但是如果用CSS套的話,
程式的部份將會簡單許多.

要做這樣的效果,
你需要準備一張按鈕的底圖,如 :

這是一張圖,將變化的前後效果都做在同一張圖上.

在來就是CSS語法的部份,
我們將要套用的link都加上一個class為rollover,
然後CSS語法如下:

a.rollover { text-decoration : none; text-align:center; padding-top:8px; display:table-cell; vertical-align:middle; width: 100px; height: 36px; background: url("button.gif") 0 0 no-repeat; color:#FFFFFF; } a:hover.rollover { background-position: -100px 0; }

而html則只要在要顯示成按鈕的link加個class就可以了!
如:

<a class="rollover" href="#">連結一</a> <a class="rollover" href="#">連結二</a> <a class="rollover" href="#">連結三</a> <a class="rollover" href="#">連結四</a>

玩玩YUI - 檢查帳號是否已經被使用

孤影 — Sat, 30 Sep 2006 17:10:00 GMT

前言

YUI是Yahoo! Developer Network所推出的一個UI Library,
裡面提供了不少Javascript的函式庫,讓你可以更方便的建立一個更豐富的web介面.

在寫會員註冊的功能時,
很多人應該都會需要一個檢查會員帳號是否已經有人使用的功能,
在現在AJAX一直被提起的情況下,
很多人應該也都想要用AJAX的概念去達到檢查帳號重覆的功能,
而下面就是介紹怎麼使用YUI來寫個這樣的功能.

開始前

在開始寫這功能前,需要先下載YUI,
在筆者寫這篇文章時,YUI的最新版本是0.11.4,
檔案可以在這邊找到.

下在的檔案中包含了說明文件,範例及程式,
而這次所要用的只有connection manager的功能,
所以只要兩個檔案,一個是yahoo.js,一個是connection.js
yahoo.js可以在build/yahoo中找到,
而connection.js則是在build/connection中,
在build/yahoo中都個"yahoo-min.js"的檔案,
這個檔案的內容跟yahoo.js一樣,只是他將一些排版用的空格或是換行移掉以減少檔案的大小,
所以如果你的網站對傳輸的資料量很在意的話,那就可以使用yahoo-min.js.
而connection.js跟其他的js檔也都是如此.

所以準備好這兩個檔案後,在來就開始要寫程式了!

開始寫嘍!!

要使用AJAX的東西,程式的重點都是在前台的javascript,
而後台為了測試,所以我們只寫個簡單的判斷回傳0跟1,
程式碼如下 :

<%
If request("uid") = "adam" Then
response.write("1")
Else
response.write("0")
End If
%>

當所接收到的帳號為adam時,回傳1,否則回傳0,
而實際應用時,當然就是去撈資料庫,判斷有無資料後再回傳1或0

在來,進入重點,
在註冊的頁面將兩個js檔加進去,
程式如下 :

然後在帳號欄位旁多個按鈕,按下後去檢查帳號,
然後在下面在加個div去顯示是否已經有此帳號,
而程式碼如下

當檢查帳號的按鈕被按下後,呼叫chkid的js,
而chkid的程式碼如下 :

function chkid(objname){
var obj = document.getElementById(objname);
//設定查詢用的後端程式路徑,並將帳號資料帶入
var sUrl = "yahoo_chkuid.asp?uid=" + obj.value;

//宣告設定連線完成後要執行的function
var handleSuccess = function(o){
if(o.responseText !== undefined){
var div = document.getElementById("msg");
//當連線無誤後,我們可以取得所回傳回來的內容,
//內容可以使用o.responseText取得,至於其他的屬性狀態可以參考YUI的說明文件,
//因為我們後端的程式只會傳回1或0,所以我們只需要判斷responseText 是不是為1或0即可.
//然後在將訊息顯示在msg這個div中,
//用innerHTML除了是可以顯示html外,因為firefox並沒有innerText這屬性,
//所以為了讓IE跟Firefox都可以正常無誤,所以需要使用innerHTML
if (o.responseText == "1")
{
div.innerHTML = "<font color='red'>此帳號已經有人使用</font>";
}else{
div.innerHTML = "此帳號可以使用";
}
}
}

//宣告設定連線失敗時要執行的function
var handleFailure = function(o){
alert("Error : " + o.statusText + "\nPlease try again.");
}

//宣告callback,定義成功及失敗所要呼叫的函數
//handleSuccess跟handleFailure是上面宣告的名稱而定
var callback =
{
success:handleSuccess,
failure: handleFailure
};

//執行連線動作
var request = YAHOO.util.Connect.asyncRequest('GET', sUrl, callback, null);
}

如此,檢查帳號重覆的功能就完成了.
下面是這個程式的範例及程式碼下載!

範例 : http://vip.blueshop.com.tw/ajun/yahoo_chkuid.htm
程式碼(未包含YUI的js檔) : http://vip.blueshop.com.tw/ajun/file/yahoo_chkuid.rar