2014年7月30日 星期三

JQuery筆記#1 選取文字內容


* 筆記JQuery語法--------------------
*
* 選取<svg> <text>裡面的內容
*
* --------------------------------------
{


  • HTML

<svg>
<g>
<text id="1234">測試文字<text>
</g>
</svg>




  • Javascript

 // svg元素下的 g元素下的 text
var select_text = $('svg g text');

// 點選 text元素, 選取出被點選元素 (this)的屬性為 id的內容, 及innerHTML的內容
select_text.click(function(){
   var Id = $(this).attr('id'); //1234
   var Name = this.innerHTML; //測試文字
});



}// end note

2014年7月3日 星期四

node.js使用ws.js簡單練習建立web socket

參考以下兩個網頁:

web socket server
html檔

這次練習目的是要了解建立並使用web socket server與瀏覽器互相傳送資訊。
使用的是ws framework。




之後開啟命令提示字元,輸入:
npm install ws.js


開啟文字編輯器
web socket server裡的程式碼建立一個js檔(命名srv.js)
另用html檔連結裡的完整程式範例那邊的程式碼建立html檔(命名testclient.html)

完成之後要來開啟web socket server,
使用命令提示字元,
cd至srv.js儲存的目錄,先再輸入一次:
npm install ws.js
否則會說找不到ws這個model;之後輸入:
node srv.js

成功的話會有個底線在閃,
這時候使用瀏覽器開啟html檔,
如果有連線成功、訊息已傳送的方塊就是成功了,
而在命令提示字元也會看到web socket server收到訊息。


還有其他方法也可以實作出web socket,例如socket.io
有趣的實驗,可以了解看看:
聊天廣播 - socket.io

(在cmd輸入 npm install socket.io 就可安裝)


2014年7月2日 星期三

Servlet/JSP學習#1

這是關於servlet/jsp的筆記,首先先推薦一個學習的好地方:

良葛格學習筆記: Java EE: Servlet/JSP


他也有出書,跟我一樣喜歡拿著書跟著讀的,這是本很棒的書!


書皮是長這樣的



第一篇來筆記一下安裝的東西和環境設定:



A部分: 安裝項目
  • Tomcat //我選擇的是Tomcat做為servlet的web container (web容器是界於伺服器與servlet間)





B部分: 環境設定
  • Java part:

    系統進階設定環境變數 > 新增JDK目錄位置命名JAVA_HOME > 在path之後加入 %JAVA_HOME%\bin

    新增CLASSPATH JDK&JRE位置(因個人安裝目的會有些不一樣要注意喔) C:\glassfish4\jdk7\lib;C:\glassfish4\jdk7\jre\lib
    測試有沒有成功:win+R > cmd > 分別輸入java & javac

  • eclipe part:

    window > preferences > java > install jres > add jre 目錄
    > tomcat > tomcat目錄
    > 增加tomcat/lib  servlet-api.jar

  • Tomcat:
    可使用Tomcat目錄裡bin下的shotdown.bat先關閉 //一開始安裝完Tomcat 可用瀏覽器開啟http://localhost:8088/ 如果有看到Apche Tomcat首頁表示安裝成功,不過之後run servlet可能會發現port被占用,這時候使用shotdown.bat可關閉Tomcat,然後就可以順利執行了

  • JDBC:
    (在eclipse內)
    properties > java build path > lib~ > add external jar > mysql-connector-java-5.1.30-bin.jar
    //能順利連結mysql

大致是這樣就可以開啟servlet的範例了。

附上一些當時參考的連結們:


因為是純筆記,所以不像是圖文並茂的教學文啦><
第一次將自己的學習紀錄上blog,
希望能繼續持續並累積更多東西!
see you next time~