亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 開發 > AJAX > 正文

輕松實現javascript調用Java代碼

2024-09-01 08:30:08
字體:
來源:轉載
供稿:網友

將java翻譯成javascript,然后利用回調機制,輕松實現javascript調用Java代碼,需要了解的小伙本們,一起看看吧。

DWR(Direct?Web?Remoting)是一個WEB遠程調用框架.利用這個框架可以讓AJAX開發變得很簡單.利用DWR可以在客戶端利用JavaScript直接調用服務端的Java方法并返回值給JavaScript就好像直接本地客戶端調用一樣(DWR根據Java類來動態生成JavaScrip代碼).它的最新版本DWR0.6添加許多特性如:支持Dom?Trees的自動配置,支持Spring(JavaScript遠程調用spring?bean),更好瀏覽器支持,還支持一個可選的commons-logging日記操作.
其大概開發過程如下:
1.編寫業務代碼,該代碼是和dwr無關的。
2.確認業務代碼中哪些類、哪些方法是要由javascript直接訪問的。
3.編寫dwr組件,對步驟2的方法進行封裝。
4.配置dwr組件到dwr.xml文件中,如果有必要,配置convert,進行java和javascript類型互轉。
5.通過反射機制,dwr將步驟4的類轉換成javascript代碼,提供給前臺頁面調用。
5.編寫網頁,調用步驟5的javascript中的相關方法(間接調用服務器端的相關類的方法),執行業務邏輯,將執行結果利用回調函數返回。
6.在回調函數中,得到執行結果后,可以繼續編寫業務邏輯的相關javascript代碼。

下面以用戶注冊的例子,來說明其使用。(注意,本次例子只是用于演示,說明DWR的使用,類設計并不是最優的)。

1.先介紹下相關的Java類

??User:?用戶類,
??public?class?User?{
//登陸ID,主鍵唯一
private?String?id;
//姓名
private?String?name;
//口令
private?String?password;
//電子郵件
private?String?email;

//以下包含getXXX和setXXX方法
.......
??}

??UserDAO:實現User的數據庫訪問,這里作為一個演示,編寫測試代碼
??public?class?UserDAO?{?
????//存放保存的數據
????private?static?Map?dataMap?=?new?HashMap();

????//持久用戶
????public?boolean?save(User?user)?{
??????if?(dataMap.containsKey(user.getId()))
????????return?false;
??????System.out.println("下面開始保存用戶");
??????System.out.println("id:"+user.getId());
??????System.out.println("password:"+user.getPassword());
??????System.out.println("name:"+user.getName());
??????System.out.println("email:"+user.getEmail());
??????dataMap.put(user.getId(),?user);
??????System.out.println("用戶保存結束");
??????return?true;
????}

????//查找用戶
????public?User?find(String?id)?{
??????return?(User)dataMap.get(id);
????}
}

??DWRUserAccess:DWR組件,提供給javascript訪問的。

??public?class?DWRUserAccess?{

??????UserDAO?userDAO?=?new?UserDAO();

??????public?boolean?save(User?user)?{
????????return?userDAO.save(user);
??????}

??????public?User?find(String?id)?{
????????return?userDAO.find(id);
??????}
??}


??下面說明下程序執行的流程

??1.用戶在頁面上輸入相關注冊信息,id、name、password、email,點擊“提交”按鈕
??2.javascript代碼開始執行,根據用戶填寫相關信息,通過dwr提供的DWRUserAccess.js里save的方法,調用服務器端的DWRUserAccess類save方法,將注冊信息保存。
??3.通過DWRUserAccess.jsp里的find方法,調用服務器端DWRUserAccess類里的find方法,執行用戶信息查找。

??注意,在以上的執行過程中,DWRUserAccess是供DWR調用的,是DWR組件,因此需要將DWRUserAccess類配置到dwr中。

??接下來講解本次dwr測試環境的配置。

??1.新建一個webapp,命名為testApp
??2.將dwr.jar拷貝到testApp的WEB-INF的lib目錄下
??3.編譯上面的User,UserDAO,DWRUserAccess類,放到classes目錄下
??4.在web.xml中配置servlet,適配路徑到dwr目錄下,如下所示
????
????dwr-invoker
????DWR?Servlet
????Direct?Web?Remoter?Servlet
????uk.ltd.getahead.dwr.DWRServlet
????
??????debug
??????true
????

????
??????scriptCompressed
??????false
????

????1
??


??
????dwr-invoker
????/dwr/*
??


??以上的配置可以攔截testApp下所有指向dwr的請求,關于這個攔截器,我們會在后面介紹。

??5.WEB-INF下新建一個dwr.xml文件,內容如下:
??
nbsp;dwr?PUBLIC?"-//GetAhead?Limited//DTD?Direct?Web?Remoting?1.0//EN"?"http://www.getahead.ltd.uk/dwr/dwr10.dtd">


??

??????
????


??


??這里我們把DWRUserAccess配置到了dwr中,create元素中,creater="new"表示每調用一次DWRUserAccess時,需要new一個這樣的類;javascript="DWRUserAccess",表示提供給前臺頁面調用的javascirpt文件是DWRUserAccess.js。

??convert元素用于數據類型轉換,即java類和javascript之間相互轉換,因為和前臺交換的是User對象,因此需要對此使用bean轉換,我們將在后面介紹這個類。

??4.編寫測試的HTML頁面?test.html
???nbsp;HTML?PUBLIC?"-//W3C//DTD?HTML?4.0?Transitional//EN">


DWR測試






用戶注冊

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



登陸ID:

口??令:

姓??名:

電子郵件:



????





用戶查詢

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



登陸ID:











以下對頁面的javascript進行解釋



這兩個是dwr提供的,用戶可以不必關心,只需要導入即可


是我們編寫的DWRUserAccess類,經dwr反射后,生成的javascript代碼,它和DWRUserAccess.java是對應的,供用戶調用,實際上我們就是通過這個js文件去調用服務器端的DWRUserAccess類的。



這段javascirpt代碼,我們來看下OnSave函數,首先它構造一個map,將表單數據都設置到map中,然后調用DWRUserAccess.save(userMap,?saveFun),執行save操作。大家可以注意到,服務器端的DWRUserAccess中的save方法是這樣的:boolean?save(User?user),其參數是一個User對象,返回一個boolean值;而客戶端的方法是這樣的:save(userMap,saveFun),第一個參數userMap是javascirpt中的map對象,在這里相當于服務器端的User對象(在服務器端執行時,會通過convert轉換成User對象),前面我們提到dwr是利用回調函數來返回執行結果的,第二個參數saveFun即是一個回調函數。在函數function?saveFun(data)中,data是執行結果,這里是一個bool值,非常簡單的,我們通過判斷data是否為真,可以知道用戶名是否重復,用戶是否注冊成功。

看一下OnFind查找函數,執行結果在回調函數findFun(data)中,因為服務器端返回的是一個User對象,通過convert,將會轉換成javascript的一個map對象,
于是在findFun中,通過data.id、data.name、data.password、data.email我們可以輕松的訪問到這個User對象。


好了配置完畢,啟動服務器,在目錄中打入localhost/testApp/test.html。

1.在“用戶注冊”表單中,id框中輸入admin,password中輸入123456,name中輸入chenbug,email中輸入chenbug@zj.com,點擊提交按鈕,彈出對話框:“注冊成功”,在服務器后臺可以看到信息如下:

下面開始保存用戶
id:admin
password:123456
name:chenbug
email:chenbug@zj.com
用戶保存結束

再次點擊提交按鈕,彈出對話框“登陸ID已經存在”。

2.在“用戶查詢”對話框中,輸入登陸ID為admin,點擊提交按鈕,提示找到用戶,并顯示相關信息,輸入admin123,點擊提交按鈕,提示無法找到用戶。

至此,測試結束。


后續:
1。攔截器?uk.ltd.getahead.dwr.DWRServlet
該類攔截所有指向dwr目錄下的請求,并調用Processor的handler方法進行處理,在uk.ltd.getahead.dwr.impl.DefaultProcessor下,我們可以看到詳細的處理過程。
if?(pathInfo.length()?==?0?||
????????????pathInfo.equals(HtmlConstants.PATH_ROOT)?||
????????????pathInfo.equals(req.getContextPath()))
????????{
????????????resp.sendRedirect(req.getContextPath()?+?servletPath?+?HtmlConstants.FILE_INDEX);
????????}
????????else?if?(pathInfo.startsWith(HtmlConstants.FILE_INDEX))
????????{
????????????index.handle(req,?resp);
????????}
????????else?if?(pathInfo.startsWith(HtmlConstants.PATH_TEST))
????????{
????????????test.handle(req,?resp);
????????}
????????else?if?(pathInfo.startsWith(HtmlConstants.PATH_INTERFACE))
????????{
????????????iface.handle(req,?resp);
????????}
????????else?if?(pathInfo.startsWith(HtmlConstants.PATH_EXEC))
????????{
????????????exec.handle(req,?resp);
????????}
????????else?if?(pathInfo.equalsIgnoreCase(HtmlConstants.FILE_ENGINE))
????????{
????????????file.doFile(req,?resp,?HtmlConstants.FILE_ENGINE,?HtmlConstants.MIME_JS);
????????}
????????else?if?(pathInfo.equalsIgnoreCase(HtmlConstants.FILE_UTIL))
????????{
????????????file.doFile(req,?resp,?HtmlConstants.FILE_UTIL,?HtmlConstants.MIME_JS);
????????}
????????else?if?(pathInfo.equalsIgnoreCase(HtmlConstants.FILE_DEPRECATED))
????????{
????????????file.doFile(req,?resp,?HtmlConstants.FILE_DEPRECATED,?HtmlConstants.MIME_JS);
????????}
????????else
????????{
????????????log.warn("Page?not?found?("?+?pathInfo?+?").?In?debug/test?mode?try?viewing?/[WEB-APP]/dwr/");?//$NON-NLS-1$?//$NON-NLS-2$
????????????resp.sendError(HttpServletResponse.SC_NOT_FOUND);
????????}

通過判斷request請求的servlet路徑,進行處理,大家可以自己去參看,這里不詳細討論。


2.bean轉換器,
將dwr.jar解壓縮,在路徑uk/ltd/getahead/dwr下可以看到dwr.xml,這里配置了系統默認的一些轉換器,
即是剛才用到User類的轉換器,進入代碼我們來看看它是如何在javascript和java間進行轉換的。

打開BeanConverter代碼,定位到函數

public?Object?convertInbound(Class?paramType,?InboundVariable?iv,?InboundContext?inctx)?throws?ConversionException

即是將javascript對象轉換成java對象的,其中
paramType即Class類型,在上面的例子中是test.User,
InboundVariable?iv,是傳入的值,通過iv.getValue可以得到傳入的javascript值串
InboundContext?inctx,是入口參數上下文,用于保存轉換的后java對象。

因為前臺傳入的是一個javascript的map類型,而map肯定是以{開始和以}結束的,于是在這個函數一開始進行了判斷
if?(!value.startsWith(ConversionConstants.INBOUND_MAP_START))
????????{
????????????throw?new?IllegalArgumentException(Messages.getString("BeanConverter.MissingOpener",?ConversionConstants.INBOUND_MAP_START));?//$NON-NLS-1$
????????}

????????if?(!value.endsWith(ConversionConstants.INBOUND_MAP_END))
????????{
????????????throw?new?IllegalArgumentException(Messages.getString("BeanConverter.MissingCloser",?ConversionConstants.INBOUND_MAP_START));?//$NON-NLS-1$
????????}

javascript中,map里各個項是用逗號連接的,如var?userMap?=?{id:'admin',password:'123456',name:'chenbug',email:'chenbug@zj.com'};而每個項的鍵值對是用冒號連接的,
在convertInbound函數的接下來的處理中,即是通過分析map字串,通過paramType構造java實例(即User類),然后通過反射,將這些鍵值對設置到java實例中,并返回。
這樣就完成了javascript到java的轉換。


另一個函數
public?String?convertOutbound(Object?data,?String?varname,?OutboundContext?outctx)?throws?ConversionException

即是將java對象轉換為javascript對象(其實是聲明和賦值語句)。
Object?data?,是待轉換的java對象
String?varname,是javascript中的該對象的變量名
OutboundContext?outctx,傳出參數上下文,用于保存轉換后的javascript值

StringBuffer?buffer?=?new?StringBuffer();
????????buffer.append("var?");?//$NON-NLS-1$
????????buffer.append(varname);
????????buffer.append("={};");?//$NON-NLS-1$
這里聲明了map類型的變量。

即下來來的代碼即是通過反射進行變量賦值,如下
??buffer.append(varname);
????????????????????buffer.append('.');
????????????????????buffer.append(name);
????????????????????buffer.append('=');
????????????????????buffer.append(nested.getAssignCode());
????????????????????buffer.append(';');
大家可以自己去參看更多的代碼。

3.dwr本身提供了一個測試環境,大家在配置完后,可以在IE中輸入地址http://localhost/testApp/dwr/index.html,看到配置的各DWR組件,并進行相關測試。

好了,這篇輕松實現javascript調用Java代碼就講解到這,有哪里還不懂的地方,可以咨詢我們錯新技術頻道。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
成人黄色免费网站在线观看| 欧美精品亚州精品| 成人免费xxxxx在线观看| 亚洲免费影视第一页| 国模视频一区二区三区| 亚洲国产婷婷香蕉久久久久久| 国产成人一区二区三区小说| 国产精品视频yy9099| 成人在线中文字幕| 日本久久亚洲电影| 爽爽爽爽爽爽爽成人免费观看| 国产日韩欧美日韩大片| 国产99久久精品一区二区 夜夜躁日日躁| 国产精品视频一区国模私拍| 欧美性极品少妇精品网站| 91精品久久久久久久久久另类| 国产精品久久久久久久久免费| 久久久av亚洲男天堂| 国产精品女人网站| 日韩美女激情视频| 欧美一级大胆视频| 亚洲国产美女久久久久| 国产91色在线|免| 亚洲第一免费网站| 亚洲欧美日韩网| 日韩av色综合| 亚洲欧洲免费视频| 97视频国产在线| 国产在线精品自拍| 日本三级韩国三级久久| 欧美国产精品va在线观看| 日韩**中文字幕毛片| 亚洲人线精品午夜| 欧美性受xxx| 日本午夜在线亚洲.国产| 91精品国产高清久久久久久久久| 国产日韩精品一区二区| 久久久精品一区二区| 91在线免费视频| 九九热这里只有在线精品视| 中文字幕亚洲字幕| 国产噜噜噜噜噜久久久久久久久| 久久露脸国产精品| 欧美午夜视频在线观看| 国产一区二区三区视频在线观看| 最新国产成人av网站网址麻豆| 欧美日韩国产专区| 在线成人激情黄色| 欧美精品性视频| 日本国产精品视频| 91高潮在线观看| 91国产美女视频| 欧美午夜片在线免费观看| 久久精品一本久久99精品| 欧美视频中文字幕在线| 国产成人+综合亚洲+天堂| 亚洲一区二区三区视频播放| 欧美激情精品久久久久久大尺度| 丁香五六月婷婷久久激情| 色综合导航网站| 国产va免费精品高清在线观看| 欧美亚洲日本网站| 91精品免费久久久久久久久| 中文综合在线观看| 国产精品手机播放| 久久91精品国产91久久久| 美女av一区二区三区| 日韩电影大全免费观看2023年上| 欧美电影免费观看电视剧大全| 亚洲乱码国产乱码精品精| 91久久久精品| 国产一区二区在线免费| 亚洲人成欧美中文字幕| 国产精品第一视频| 亚洲成人a级网| 国产精品一二区| 国产精品视频久久久| 麻豆乱码国产一区二区三区| 亚洲国产精品成人一区二区| 欧美最猛性xxxxx亚洲精品| 久久久国产精品视频| 国产91在线播放九色快色| 97久久精品在线| 成人在线观看视频网站| 欧美一级片久久久久久久| 97精品国产91久久久久久| 91wwwcom在线观看| 国产精品精品久久久久久| 在线成人免费网站| 日韩av在线高清| 国产欧美日韩丝袜精品一区| 国语对白做受69| 日韩经典中文字幕在线观看| 久久精品欧美视频| 久久久久久久久久久成人| 精品调教chinesegay| 欧美日韩视频在线| 欧美精品一本久久男人的天堂| 亚洲精品国产欧美| 日本久久久久久久久久久| 2020欧美日韩在线视频| 欧美肥婆姓交大片| 日韩精品在线观看视频| 国产精品免费久久久久影院| 成人情趣片在线观看免费| 九九精品在线播放| 日韩中文字幕久久| 欧美性生交xxxxx久久久| 国产99久久精品一区二区 夜夜躁日日躁| 国产精品丝袜久久久久久高清| 中文字幕日韩免费视频| 日韩欧美国产一区二区| 97香蕉久久超级碰碰高清版| 国产精品com| 欧美精品久久久久久久久| 欧美又大又硬又粗bbbbb| 日本精品性网站在线观看| 亚洲色图美腿丝袜| 九九热最新视频//这里只有精品| 2019中文字幕在线免费观看| 国产啪精品视频网站| 亚洲精品美女免费| 久久亚洲综合国产精品99麻豆精品福利| 亚洲人精选亚洲人成在线| 日本免费一区二区三区视频观看| 欧美自拍视频在线观看| 91在线精品播放| 麻豆国产va免费精品高清在线| 欧美黄色片免费观看| 奇门遁甲1982国语版免费观看高清| 91禁国产网站| 日韩有码视频在线| 色樱桃影院亚洲精品影院| 国产精品91视频| 在线播放国产一区中文字幕剧情欧美| 上原亚衣av一区二区三区| 日韩欧美中文字幕在线观看| 久久精品视频在线| 亚洲成色999久久网站| 一本色道久久综合狠狠躁篇的优点| 日韩av日韩在线观看| 欧美日韩午夜视频在线观看| 欧美诱惑福利视频| 91色在线观看| 亚洲精品日韩丝袜精品| 国产精品一区二区久久久久| 黄网站色欧美视频| 国产一区二区日韩| 92版电视剧仙鹤神针在线观看| 亚洲电影免费观看| 欧美成人国产va精品日本一级| www.日韩免费| 欧美性xxxx极品hd欧美风情| 欧美激情视频在线免费观看 欧美视频免费一| 成人黄色免费在线观看| 亚洲欧美一区二区三区久久| 欧美在线视频a| 国产欧美中文字幕| 国产精品色婷婷视频| 欧美乱大交xxxxx| 最新日韩中文字幕| 欧美精品亚州精品| 国产精品视频一区二区三区四| 国产丝袜一区视频在线观看|