Struts2のバリデーション機能を使い、入力値をチェックを行える。 ルール ファイル名 : <Action名>-validation.xml バリデーション失敗後は、input対応のviewを返す actionと同じパス内 サンプル JSP register-input.jsp <%@ page language="java" contentType="text/h</action名>…
Struts2は、conversionErrorインターセプタで型変換例外を処理する。 struts-default.xml 略 <interceptor name="conversionError" class="org.apache.struts2.interceptor.StrutsConversionErrorInterceptor"/> 略 <interceptor-ref name="conversionError"/> 型変換例外処理流れ リクエスト ⇒ 型変換例外 ⇒ inputのview デフォルトメッセージ変更 グローバル リソースファイル xwork.defalut.in…</interceptor-ref></interceptor>
struts2は、カスタム型変換を提供している。 リクエストパラメータ「alex,20」 をuser.name=alex,user.age=20のuserオブジェクトへ変換可能。 カスタム型変換実装手順 ・型変化クラス定義 : TypeConverterのIFの実現する。 OGNLプロジェクトでは、TypeConver…
Struts2は、自動的にリクエストパラメータを適切な型に変換してくれる。 基本型 + 配列 + 集合 boolean,Boolean char,Character int,Integer long,Long float,Float Date Array 集合 : デフォルトではArrayList OGNLに基づく変換 オブジェクト オブジェクト…
Struts2を使い、国際化する方法。 【国際化の流れ】 国際化リソース読み込み 自動 : Action範囲、パッケージ範囲はシステムが自動読み込み 手動 : view(JSP)範囲、グローバル範囲は、タグと設定により手動読み込み <s:i18n.../> 国際化出力 Action内では、ActionSupprot#</s:i18n.../>…
Action処理後にviewではなく、他のActionへ遷移することをActionChainと言う。 Conventionによる、ActionChainする際にルール 遷移元Actionのview名がない 遷移先Actionは遷移元Actionと同じパッケージ内 遷移先ActionのURLは、firstActionName + resultCode…
Struts2.1からConventionプラグインを使い、strtus.xml,Annotionを使わず配置ができる。 【Actionの検索と射影の協定】 Action検索対象のパッケージ action actions struts struts2 パッケージ内容のActionクラス com.opensymphony,xwork2.Action実装 XxxxAc…
struts2のactionの例外処理については、フレームワークに依頼できる。 例外処理のフィルタ struts-default.xml <interceptors> <interceptor name="exception" class="com.opensymphony.xwork2.interceptor.ExceptionMappingInterceptor"/> <interceptor-stack name="defaultStack"> <interceptor-ref name="exception"/> </interceptor-stack> </interceptor></interceptors>
Actionクラスは、MVCモデルに置いてC(Controller)に該当する。 Actionクラスの実装 POJO(Plane Old Java Object) : なにも継承しないクラス public class LoginAction { // field,setter,gettor public String execute() throws Exception { return "success…
・競合を解消 var j = jQuery.noConflict(); j("#id").html("innerHTML"); ・jQuery対象生成 jQuery(expression[,context]) jQuery(elements) jQuery(html[,document]) jQuery(html,props) jQuery(objects) <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title> jQuery対象取得 …</meta></head></html>
jQeury1.7からCallbackの仕組みを提供している Callbacks対象生成 jQeury.Callbacks(flags) flags種類 once : 一回だけfire memory : 前回の引数をキャッシュする unique : 重複する関数なし stopOnFalse : falseを返す関数で実行中止 Callbacksのメソッド a…
純粋なjavascriptの場合、異なるブラウザでイベント発生原の取得方法が異なる。 jQeuryは、ブラウザによる取得方法の差異を解消している。 jQeuryのイベント原の属性 data : イベントdata pageX : mouseのX座標 pageY : mouseのY座標 currentTarget : 伝播中…
jQeuryは、汎用的にバインドする方法以外に特定のイベント紐付けも提供している。 イベント種類 mouse関連 click(), dbclick(), hover(), mousedown(), mouseenter(), mouseleaver(), mousemove(), mouseout, mouseover(), mouseup(), focusin(), focusout()…
jQueryは、javascriptのイベントバインドを簡略化している。 バインド関連メソッド ready(fn) : ロードされたら呼ばれる関数紐付け 代表的なのが、$(document).ready(fn) : body要素内にonloadがないこと。あればreadyは呼ばれない。 bind(type[,data], fn(e…
jQueryは、node生成、削除、追加、複製などができる。 DOMのnode操作関連メソッド 生成 $("<a></a>") $("<a></a>", { href: "xxxx.html", target: "_blank", "class": "myClass" }); // 1.8から？ $("<div></div>", { width: 100, height: 100, css: {border: "5px solid gray"}, addC…
DOMのコンテンツには主にinnetHTML、テキスト、value属性など。 jQueryオブジェクトのメソッド innetText html() html(val) テキスト text() text(val) formの要素 val() val(val) val(Array) - 複数選択select,checkboxなど <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title> jQueryのコンテンツ操作 </title> </meta></head></html>
jQueryを通してDOMのCSSを操作できる。 class関連 addClass(class) hasClass(class) removeClass(class) toggleClass(class) : classがあれば追加、なければ削除！！ css関連 css(name) : 取得 css(name, value) : 単一設定 css(properties) : 複数設定 位置…
jQueryを通してDOMの属性の取得、追加、削除の操作が可能。 取得 attr(name) prop(propName) 追加 attr(name, value) attr(map) attr(key, fn) prop(properties) prop(name, value) prop(key, fn) 削除 removeAttr(name) removeProp(name) ※attrとpropの違い…
jQuery対象にname-value形式で一時データ保存先として保存、取得ができる。 jQueryオブジェクトのメソッド ・保存 data(name, value) data(obj) : ({name1:value1, name2:value2})形式 ・取得 data() ・削除 removeData([name]) removeData([list]) jQuery名…
jQuery.メソッド()を色々提供している。 一部メソッド jQuery.support : javascript対象取得し、属性値でブラウザ情報など取得 ajax boxModel など jQuery.error(string) : Errorを投げる jQuery.globalEval(code) : codeを実行する jQuery.isArray(object) …
jQuery.fn.extend(object) : jQueryオブジェクトに対して拡張を行う。 jQuery.extend(object) : jQuery名前空間に対して拡張を行う。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>jQuery </title> </head> <body> 赤<input name="color" type="checkbox" value="red" /> 青</body></html>
jQuery1.5からすべてのjQueryオブジェクトにpromise()が追加されている。jQueryオブジェクトのアニメキューの進捗を監視し、doneCallback,failCallbakを設定できる。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title> promise </title> <style type="text/css"> div { height: 50px; width: 50px; float: left; …</meta></head></html>
![はてなブックマーク - jQuery - jQuery.promise([queue][,target])](https://b.hatena.ne.jp/entry/image/https://javait.hatenablog.com/entry/2016/02/22/220655)
Deferredオブジェクトは、時間がかかる処理の進行状態に応じてcallback関数を設定できるために用意されている。 生成 jQeury.Deferred() Deferredメソッド done(doneCallback) : 成功時 fail(failCallback) : 失敗時 progress(callback) : 進行中 always(don…
jQueryは簡易的な方法で非同期通信のget,postを送信できる。 GET jQuery.get(url[,data][,callback][,type]) type : xml, json, script, text, html jQuery.getJSON(url[,data][,callback]) - type = json jQuery.getScript(url[,data][,callback]) - type =…
・ jQuery.param(obj) - objをリクエストパラメータに変換 ・ serialize() - jQueryオブジェクトが含むフォームの要素をリクエストパラメータに変換 ・ serializeArray() - jQueryオブジェクトが含むフォームの要素を配列に変換 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title> jQuery-serialize </title> </head> <body> </body></html>
XMLHttpRequestがレスポンスを処理するための属性は responseText responseXML JSONレスポンスを処理するサンプル <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>XMLリクエスト送信</title> <style type="text/css"> select { width: 120px; font-size: 11pt; } </style> </head> <body> </body></html>
Ajaxは、非同期通信を行うための仕組みであり、オブジェクトXMLHttpRequestを使い実現する。 Ajax全称 Asynchronous Javascript And XML XMLHttpRequestのメソッド abort() : リクエスト中止 getAllResponseHeaders() : ヘッダ取得 getResponseHeader("key")…
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>テトリス</title> <script type="text/javascript" src="tetris.js"> </script> <style type="text/css"> body>div { font-size:13pt; padding-bottom: 8px; } span { font-family: tmb; font-size:20pt; color: …</meta></head></html>
サーバ import java.io.IOException; import java.io.InputStream; import java.io.OutputStream; import java.net.ServerSocket; import java.net.Socket; import java.net.SocketException; import java.security.MessageDigest; import java.util.ArrayLi…
WebSocketは、javascriptを通してサーバと接続を行い継続的に通信(ソケット通信)を行えようにするための仕組みである。 WebSocketのメソッド send() : データ送信 close() : 通信切断 WebSocketのリスナー onopen : 接続確立時 onerror : エラー時 onclose :…
