網頁圖片、文字、連結點閱率語法?

viva — GMT

請問....

首頁 index.jsp
計數器 counter.jsp

要記錄多少人瀏覽index.jsp語法如下:
[code]

jQuery
Andowson
Google
Yahoo!
Microsoft

[/code]
[url=http://www.andowson.com/examples/counter.jsp]counter.jsp[/url]:
[code]
<%@page import="java.util.*" %>
<%!
// we use a Map(key, value) to store each ad's count
static Map counters = new HashMap();
%>
<%
// get the ad's name
String name = request.getParameter("ad");
int count = 0;
// get back the previous count if this ad has been clicked
if (counters.containsKey(name)) {
count = (Integer)counters.get(name);
}
// add this ad's counter into map
if (name != null) {
synchronized (counters) {
counters.put(name, ++count);
counters.notify();
}
}
// print all of the counters' names and values
Iterator iterator = counters.keySet().iterator();
while (iterator.hasNext()) {
String key = (String)iterator.next();
int value = (Integer)counters.get(key);
System.out.println(key+"="+value);
out.println(key+"="+value+"
");
}
%>
[/code]

簡單說明一下：
這個範例是由jQuery上面的[url=http://docs.jquery.com/How_jQuery_Works]How jQuery Works[/url]範例直接改寫過來的，也就是我們先下載jQuery這個JavaScript的函式庫，然後註冊我們要處理超連結a這個標籤，當按下超連結時即會呼叫$("a").click(...)，然後我們利用attr("name")取得超連結的name屬性，用text()取得超連結顯示的文字，將超連結的名稱傳給counter.jsp的ad參數作為記錄的依據。

而counter.jsp這支程式，我先以HashMap代替資料庫，如果有抓到傳入的ad參數時就先檢查是否存在，如果存在，將舊的值取出加一再存回，如果不存在，則新增一筆進去。如果沒有傳入參數時將不會更新任何次數，最後將全部的值印出來觀察。

回覆:網頁圖片、文字、連結點閱率語法?

viva — GMT

感謝指導...

回覆:網頁圖片、文字、連結點閱率語法?

viva — GMT

分享程式碼.....雖然網路上很多相關資料，不過我覺得不是很清楚
因為我花了很多時間去測試才了解(是資質的關係嗎一.一a)

用途:[color=red]前端程式(javascript)呼叫後端程式(java)[/color]

有了前端呼叫後端程式的橋樑,能做的事太多了!!
以我例子來說,此程式是用來在網頁某些連結、圖片、Flash計算user點閱率!!

順便感謝jforumnewer及andowson的指導....

步驟1...
下載dwr.jar
下載commons-logging-1.xxx.Jar(Logging元件)放到WEB-INF/lib

步驟2...在web.xml中加入DWRServlet…
[code]
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"
version="2.4">

ajaxDWR

dwr-invoker

uk.ltd.getahead.dwr.DWRServlet

debug

true

dwr-invoker

/dwr/*

[/code]
步驟3...撰寫dwr.xml，用來告訴DWRServlet呼叫後端程式
[code]
"http://www.getahead.ltd.uk/dwr/dwr10.dtd">

[/code]

步驟4...撰寫後端程式Counter.java做計數動作
[code]import java.util.*;
import java.io.*;
import org.w3c.dom.*;
import javax.xml.parsers.DocumentBuilder;
import javax.xml.parsers.DocumentBuilderFactory;
import java.net.*;
import java.sql.*;
import java.security.*;
import javax.net.ssl.*;
import java.util.*;
import java.util.zip.*;
import javax.mail.*;
import javax.mail.internet.*;
import javax.activation.*;
import com.gemmyplanet.dbbean.DBOperationBean;

public class Counter {
public void counter( Integer BANNERNO) {
//=====================================================
// 宣告參數
//=====================================================
Integer ADBANNERNO = null;

String SERVICEID = null;
String CHANNELID = "";
String ADBANNERTYPE = null;
String TARGETURL = null;
String CLICKDATETIME = null;
String CHECKSUM = null;
String IMAGEDB = "GP_NEW_DB";

Connection dbCon = null;
Statement stmt = null;
ResultSet rs = null;

//=====================================================
// 日期 14位
//=====================================================
String ft_t = "yyyyMMddHHmmss";
String ft = ft_t.substring(0, 14);

//=====================================================
// 資料庫連線 && 更新資料
//=====================================================
try {
DBOperationBean dbOprBean = new DBOperationBean();
dbOprBean.setDatasource("DS_GP_NEW_DB");
dbCon = dbOprBean.getConnection();
if ( dbCon != null && !dbCon.isClosed() ){
stmt = dbCon.createStatement();
rs = stmt.executeQuery("SELECT * FROM "+ IMAGEDB +".ADBANNERINFO WHERE ADBANNERNO="+ BANNERNO);
if( rs != null ) {
while( rs.next() ) {
stmt.executeUpdate("INSERT INTO "+IMAGEDB+".ADBANNERLOGINFO SET SERVICEID='"+rs.getString("SERVICEID")+"', ADBANNERTYPE='"+rs.getString("ADBANNERTYPE")+"', TARGETURL='"+rs.getString("TARGETURL")+"', CLICKDATETIME='"+util.DateUtil.formatString(new java.util.Date(), ft)+"'");
}
}
stmt.close();
dbCon.close();
}
} catch (Exception ex) {
try {
if ( dbCon != null && !dbCon.isClosed() ){
stmt.close();
dbCon.close();
}
} catch( Exception e ) {}
}
}
}[/code]
步驟5...將Counter.java編譯後的.class放置WEB-INF\classes

步驟6...撰寫前端呼叫後端page_counter.js
[code]function counter(num) {
Counter.counter(num);
}[/code]

步驟7...撰寫網頁index.jsp
[code]

第一個DWR程式
//========================================
//dwr/interface/Counter.js是由DWRServlet根據dwr.xml中的設定生成的
//engine.js負責客戶端伺服端溝通
//util.js是一些好用的JavaScript程式，可以讓您少寫很多JavaScript。
//page_counter.js呼叫後端.java檔
//========================================

測試

[/code]

在Counter.java部分，可以做你需要後端做的事...
修改完web.xml與dwr.xml記的要重開Tomcat
測試時所有檔案的path:
1.建立新目錄 ---> tomcat/webapps/test/
2.dwr.jar ---> tomcat/webapps/test/WEB-INF/lib/
3.web.xml ---> tomcat/webapps/test/WEB-INF/
4.dwr.xml ---> tomcat/webapps/test/WEB-INF/
5.Counter.java ---> tomcat/webapps/test/WEB-INF/classes/
6.page_counter.js ---> tomcat/webapps/test/
7.index.jsp ---> tomcat/webapps/test/

Latest posts for the topic "網頁圖片、文字、連結點閱率語法?"

網頁圖片、文字、連結點閱率語法?

回覆:網頁圖片、文字、連結點閱率語法?

回覆:網頁圖片、文字、連結點閱率語法?