Caton + OO + Google =?: 11月 2010

2010年11月26日星期五

轉錄 Google Map Api -GDownloadUrl 函式

轉路來源 Maps API Blogs

透過 GDownloadUrl可以讀取 XML 的資料轉成 javascript 所接受的格式，近接使用的話可以吧php 或 jsp 從資料庫撈出來的檔案給 javascript 好結合使用 google map api.

以下是code, 說好是函式有個Url, 當然要吧XML和html 檔放到webser 上阿，如apache 或 tomcat 上


// Download the data in data.xml and load it on the map. 

GDownloadUrl("data.xml", function(data, responseCode) {
// To ensure against HTTP errors that result in null or bad data,
  // always check status code is equal to 200 before processing the data
if(responseCode == 200) {
 var xml = GXml.parse(data);
 var markers = xml.documentElement.getElementsByTagName("marker");
 for (var i = 0; i < point =" new" responsecode ="=">

X範例的ML檔


<markers>
<marker lat="37.427770" lng="-122.144841"/>
<marker lat="37.413320" lng="-122.125604"/>
<marker lat="37.433480" lng="-122.139062"/>
<marker lat="37.445427" lng="-122.162307"/>
</markers>

2010年11月22日星期一

Google mpa api - infowindows 使用

標籤： google api

主要流程參考 http://www.svennerberg.com/2009/09/google-maps-api-3-infowindows/

首先，先建立google map


// Creating an option object for the map
var options = {
 zoom: 7,
 center: new google.maps.LatLng(56.83, 15.16),
 mapTypeId: google.maps.MapTypeId.ROADMAP
};
// Initializing the map
var map = new google.maps.Map(document.getElementById('map'), options);
// Creating a marker
var marker = new google.maps.Marker({
position: new google.maps.LatLng(56.8848, 14.7730),
map: map,
title: 'My workplace'
});

宣告 InfoWindow(), 包含顯示的內容在 content 裡面


// Creating an InfoWindow object
var infowindow = new google.maps.InfoWindow({
  content: 'Hello world'
});

增加監聽事件，點選標記後就會顯示 infowindow


google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map, marker);
});

Google 說明文件:
http://code.google.com/intl/zh-TW/apis/maps/documentation/javascript/overlays.html#InfoWindows

轉貼 SVN client

標籤：知識

版本控制在軟體開發算是很重要的一部分，常見的軟體有有SVN 和 CVS.

到官方網站下載，http://tortoisesvn.net/downloads

中文化這裡 32 bit, 64bit

下載完安裝完之後就可以重新啟動了

-------------------------------
若要在本機使用的話,

1. 先選擇一個資料夾, 假設是 C:\SVN, 好存放變動的紀錄

按滑鼠右鍵選擇「TortoiseSVN」→「Create repository here」

2. 建立一個資料夾如 C:\testSvn\, 右鍵 svn checkout

url 的地方填入剛剛做 server 的資料夾，如 file:///C:\SVN\

之後就可以使用svn 的功能了

基本上流程我是參考http://demo.tc/Post/591

若要參考server 端的安裝方式可以看這篇 liang' blog 的文章

Google map api - marker 建立

標籤： google api

參考自 http://www.svennerberg.com/2009/07/google-maps-api-3-markers/

在地圖上建立標記

現在google map 已經不需要使用 API key

所以在header 上加入如


<script src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1");</script>
<script type="text/javascript">
google.load("maps", "3", {other_params:"sensor=false"});
</script>

建立標記前 , 比須先宣告 map 物件，記得在html 上給 map 一個 div 標籤


var map = new google.maps.Map(document.getElementById('map'), {
zoom: 7,
center: new google.maps.LatLng(56.83, 15.16),
mapTypeId: google.maps.MapTypeId.ROADMAP
});

建立標記marker


// Creating a marker and positioning it on the map
var marker = new google.maps.Marker({
 position: new google.maps.LatLng(56.8848, 14.7730),
 map: map
});

轉貼 jsp 連 mysql

標籤： WebServer

架設好 tomcat 和 mysql 後 , 需要安裝 JDBC Driver 才能讓 tomcat 讀取 mysql,

JDBC driver 安裝擋案可以到這裡 (http://dev.mysql.com/downloads/connector/j/5.0.html) 下載
下載後將 mysql-connector-java-5.1.13-bin.jar 這個檔案放在 tomcat 安裝目錄下的 bin 資料夾裡

當然要重新啟動才會生效

以下是修改後的測試程式,
(從 http://www.roseindia.net/jsp/connect-jsp-mysql.shtml 修改的)
在 mysql 建立一個 test 資料庫 , 應為這裡沒設密碼所以帳號密碼就是 "root" ,""




<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<%@ page import="java.sql.*" %>
<%@ page import="java.io.*" %>

<html>
<head>
<title>Connection with mysql database</title>
</head>
<body>
<h1>Connection status </h1>
<%
try {
/* Create string of connection url within specified format with machine name,
port number and database name. Here machine name id localhost and
database name is usermaster. */
String connectionURL = "jdbc:mysql://localhost:3306/test";

// declare a connection by using Connection interface
Connection connection = null;

// Load JBBC driver "com.mysql.jdbc.Driver"
Class.forName("com.mysql.jdbc.Driver").newInstance();

/* Create a connection by using getConnection() method that takes parameters of
string type connection url, user name and password to connect to database. */
connection = DriverManager.getConnection(connectionURL, "root", "");

// check weather connection is established or not by isClosed() method
if(!connection.isClosed())
%>
<span ></b>
<%
out.println("Successfully connected to " + "MySQL server using TCP/IP...");
connection.close();
}
catch(Exception ex){
%>
</span>
<span ></b>
<%
out.println("Unable to connect to database.");
}
%>
</span>
</body>
</html>

參考網站
http://wiki.oss.org.tw/index.php/Jsp_database

http://blog.yam.com/carl44/article/14825336

2010年11月19日星期五

轉貼 Apache 整合 Tomcat

標籤：網路, WebServer

由於想要使用 jsp + mysql 來開發, 但是 tomcat 的路徑有包含要輸入 port 8080, 覺得很麻煩, 而且想要同時使用 php 和 jsp, 因為 phpmyadmin 還蠻好用的說

過慮了一些資料節錄下面兩個方法

1. 轉貼自 javaworld 的文章 , http://www.javaworld.com.tw/jute/post/view?bid=9&id=87446&sty=1&tpg=1&age=-1 , javaer 大大的做法

他提到
其實tomcat 5.x版及apache2.x版之後，都已經內建connector了
根據文件的說法，是ready to use的

步驟如下：
1.安裝tomcat及apache
2.打開{apache安裝目錄}\conf\httpd.conf,依底下兩個步驟做設定。完成後，重新啟動apache，使設定生效。
1)在設定載入模組的地方：


LoadModule proxy_module modules/mod_proxy.so
LoadModule proxy_http_module modules/mod_proxy_http.so

2)在設定模組的地方加入



 ProxyRequests On
 ProxyVia On
 
   Order deny,allow
   Deny from all
   Allow from localhost
 
 ProxyPass /img !
 ProxyPass / http://localhost:8080/
 ProxyPass /first http://localhost:8080/another
 ProxyPassReverse / http://localhost:8080/

不過這樣設定的話, 感覺上放在 apache htdoc下的資料夾就無法開啟,因為都指向tomcat 的 wwwroot. 這樣一來 phpmyadmin就開不起來還要額外設定就要再研究了

2. 建中先生的文章 http://blog.yam.com/u9323523/article/25178591

使用Apache Tomcat Connector來結合兩者, 可以到這裡下載
這裡版本是用
mod_jk-1.2.28-httpd-2.2.X.so，
並將檔案存放至/etc/httpd/conf/modules

在 /etc/httpd/conf.d 目錄下增加 mod_jk.conf 設定檔

------------------------------------------
[mod_jk.conf 檔案內容]
<IfModule mod_jk.c>
JkWorkersFile /etc/httpd/conf.d/workers.properties
JkLogFile /var/log/jk.log
JkLogLevel info
JkMount /jsp/* jsp
</IfModule>

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

在 /etc/httpd/conf.d 目錄下增加 workers.properties 設定檔
[workers.properties 檔案內容]
worker.list=jsp
worker.jsp.type=ajp13
worker.jsp.host=localhost
worker.jsp.port=8009

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

修改Tomcat 設定檔
[server.xml]
確認 8009 Connector port 是否有開啟

<Connector port="8009" protocol="AJP/1.3" redirectPort="8443" />
關閉8080 server port，將這幾行mark
<Connector port="8080" protocol="HTTP/1.1"
connectionTimeout="20000"
redirectPort="8443" />

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

完成~!

2010年11月17日星期三

轉錄 - PHP MySQL 安裝教學

標籤： Database, WebServer

基本上可以參考這個網頁

包含

Apache http://wuyy.idv.tw/servercr/apache22.htm
PHP http://wuyy.idv.tw/servercr/phpprogram.htm
MySql http://wuyy.idv.tw/servercr/mysqldb.htm
PhpMyAdmin http://wuyy.idv.tw/servercr/phpmyadmin-h.htm

都有詳細的教學

若不想一個個設定的話可以參考
WAMP
或
LAMP
這種整合套件

附註

---------------------------------------------------------------
1. MySQL共有三個版本, 一開始還疑惑了一下要裝哪種版本：

基本安裝 (檔名含有essential)
完整安裝 (win32.zip)
手動安裝版本 (檔名含有noinstall)

基本安裝：是一個旨在滿足多數用戶需求的MSI安裝套件。 * 完整安裝：比基本版包含更多組件，包括一套評測工具。 * 手動安裝：此版本與完整版一樣，但不包含配置嚮導或安裝器，必須手動進行安裝

2. Skype 預設會占用 80 port, 所以要把他這個選項關閉

3. php.ini 要設定擴充庫

可於 php.ini 中的 extension 設定要使用的擴充函式庫，欲使用函式庫只需將前面的『;』移除即可
使用 MySql 資料庫：extension=php_mysql.dll
處理多位元語系：extension=php_mbstring.dll
繪圖處理：extension=php_gd2.dll

在 x64 環境我是額外再開
extension=php_mcrypt.dll , 參考 http://www.jianing.name/blog/post/150/1/2/

訂閱：文章 (Atom)

2010年11月26日 星期五

2010年11月22日 星期一

2010年11月19日 星期五

2010年11月17日 星期三

2010年11月26日星期五

2010年11月22日星期一

2010年11月19日星期五

2010年11月17日星期三