Jsrender + superfish DEMO

navigate.html
<script id="navigate" type="text/x-jsrender">           
    <li>
        <a href="{{:url}}">{{:name}}</a>
        {{if childList != null && childList.length > 0}}
             <ul>
                {{for childList tmpl='#navigate' }}
                {{/for}}
             </ul>
        {{/if}}
    </li>

</script>​

navigateData.json
[{"name":"men","url":"#","id":"001","childList":[
            {"name":"衣服","url":"#","id":"100","childList":[
                {"name":"夏威夷風","url":"#","id":"100","childList":null},
                {"name":"日本風","url":"#","id":"200","childList":null}
                ]},
            {"name":"褲子","url":"#","id":"200","childList":null}]},
    {"name":"kinds","url":"#","id":"002","childList":[
            {"name":"衣服","url":"#","id":"100","childList":null},
            {"name":"褲子","url":"#","id":"200","childList":null}]},
    {"name":"woman","url":"#","id":"003","childList":[
            {"name":"衣服","url":"#","id":"100","childList":null},
            {"name":"褲子","url":"#","id":"200","childList":null}]}] 

index.html
<!DOCTYPE html>
<html>
    <head id="docHead">
        <title>Jsrender + superfish DEMO</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta http-equiv="content-language" content="zh-TW">
        <!--include Jquery superfish plugin of css-->
        <link rel="stylesheet" href="css/superfish.css"/>
    </head>
    <body>
        <div></div>
        <!--menu-->
        <ul class="sf-menu">          
        </ul>  
        <!--include Jquery-->
        <script src="lib/jquery-1.10.2.min.js" type="text/javascript"></script>
        <!--incude templates Engine-->
        <script src="lib/jsrender.min.js" type="text/javascript"></script>
        <!--incude Jquery superfish menu plugin-->
        <script src="lib/hoverIntent.js" type="text/javascript"></script>
        <script src="lib/supersubs.js" type="text/javascript"></script>
        <!--process-->
        <script type="text/javascript">
            (function(window, undefined) {
                //test for chrome or firefox
                //console.log(window);
                var loadTemplates = function() {
                     $.get("./templates/navigate.html", function(data) {                        
                           $("#docHead").append(data);
                            getNavigateData();
                      }); 
                };

                var getNavigateData = function() {
                      $.get('./data/navigateData.json', function(result) {                        
                         //console.log(result);
                          $(".sf-menu").html($('#navigate').render(result));
                       },"json");
                };

                var init = function() {
                    loadTemplates();
                }
                init();
            })(window);
        </script>
    </body>    
</html>

參考資料：

• superfish plugin
• jsrender

Jsoup Java 網路爬蟲套件

使用Jsoup 來分析HTML頁面

使用範例：

import java.net.URL;
import java.util.Iterator;

import org.jsoup.Jsoup;
import org.jsoup.nodes.Document;
import org.jsoup.nodes.Element;
import org.jsoup.select.Elements;

public class JsoupCrawlerUT {

public static void main(String[] args)  throws Exception{

//URL 以yahoo股票為測試
        URL url = new URL("http://tw.stock.yahoo.com/q/q?s=2002");
        
        /*
         * 向網頁伺服發出請求，並將回應分析成document。
         * 第一個參數是：請求位置與QueryString。
         * 第二個參數是：連線時間(毫秒)，在指定時間內若無回應則會丟出IOException
         */       
        Document doc = Jsoup.parse(url, 3000);
        
        //取回所center下所有的table
        Elements tables = doc.select("center>table");
        
        Iterator iterator;
        
        //print all table 
        /*
        for(Element table : tables)
        {
            //get td Iterator
        iterator = table.select("td").iterator();           
           
            while(iterator.hasNext())
            {               
                System.out.println("data" + ": " + iterator.next().text().trim());
            }        
        } 
        */        
        System.out.println("--------------------------------------------------");        
        Element  table;
        
　　　　　//取標頭
        table = tables.get(1).select("table").get(0);        
        iterator = table.select("th").iterator();       
        while(iterator.hasNext())
        {               
            System.out.println("data" + ": " + iterator.next().text().trim());
        } 
        
        System.out.println("--------------------------------------------------");  
        
        //取內容        
        //取索引1的table
        table = tables.get(1).select("table").get(1);
        
        //get td Iterator
　　　　　iterator = table.select("td").iterator();       
        while(iterator.hasNext())
        {               
            System.out.println("data" + ": " + iterator.next().text().trim());
        }         
　　}
}

輸出：

關於Java JFrame 常用功能

JFrame就是Java桌面的應用程序視窗。

※設定關閉JFrame後的動作：

• setDefaultCloseOperation(EXIT_ON_CLOSE);
• 會呼叫系統的Exit method，如此才會釋放OS的記憶體。

是否能夠讓使用者改變視窗大小：

• setResizable(false);
• false將不可以改變大小，true可以。

設定JFrame的ICON：

• setIconImage(new ImageIcon("your image path").getImage());
• 路徑範例： "images\\frame_icon.png"

設定寬高：

• setSize(500, 400);

※設定視窗顯現：

• setVisible(true);

※焦點設定到JFrame上

• setFocusable(true);

※取消組件的Focus效用

• setFocusable(false);

btn.setFocusPainted(false);

※注意若要使用JFrame的KeyListener事件，那麼Focus一定要在JFrame上才有作用。

※其他組件必須取消或得Focus或是當其他組件事件發生完畢，必須將Focus設定回JFrame。

參考資料：http://docs.oracle.com/javase/6/docs/api/

Java 計算String在畫面上的Width

案例：想知道字串在畫面上的width是否會超出Label的Width。

使用：

1. 使用Componet中的 FontMetrics getFontMetrics(Font font) 方法取回FontMetrics。
   
2. 使用FontMetrics中的int stringWidth(String str) 取回字串寬度。

Componet的名稱空間：

　java.lang.Object
 　　　java.awt.Component

FontMetrics的名稱空間：

　java.lang.Object
 　 java.awt.FontMetrics

範例：

MS-SQL 查詢目前正在使用的database

使用原因說明：

• 在對database做任何操作前，必須先確定所在database，要不然就會發生斷錯資料庫、資料表建錯地方等等。

查詢目前用正用哪個資料庫語法：

• SELECT @@DB_NAME();

使用範例：

　1> SELECT DB_NAME()

　2> GO

　------------------------------------

　--------

　master

MS-SQL 2008 查詢正在哪個MS-SQL 應用服務上

使用原因說明：

• 一台硬體上，可以安裝多個MS-SQL Server 應用資料庫伺服器，因此在使用MS-SQL前因先查詢是否正確操作目標MS-SQL Server。

查詢在目前正在哪個MS-SQL Server上：

• SELECT @@SERVERNAME

使用範例：

　PS C:\Users\hua> sqlcmd -S localhost -E
　1> SELECT @@SERVERNAME
　2> GO



※記得在SCLCMD 操作模式裡，每一條程序要使用GO執行

MS-SQL 2008 database offline and online

版本：

• Verstion：MS-SQL 2008

讓資料庫離線(offline)：

• ALTER DATABASE  your database name SET OFFLINE;

讓資料庫連線(online)：

• ALTER DATABASE  your database name SET ONLINE;

若是使用sqlcmd進入MS-SQL Shell環境下時記得要用go，按下Enter後才會執行一段敘述。