07.26 javabean,javascript

14434 ワード
テキストリンク

ジャワ文字

  • データを格納するフィールドと、データを取得する際に使用する方法と、値を格納する際に使用する方法とからなる.(getter、setter、デフォルトジェネレータ)
  • javabeanの約束に従うクラスをjavabeanと呼びます.
  • シリアル化は実現しません.
  • 基本生成者が必要です.

    • <jsp:useBean>タグ付きJavaオブジェクトの使用

    <jsp:useBean id="빈이름" class="자바빈클래스이름" scope="범위" ?>

  • id:JSPページjava空のオブジェクトにアクセスするときに使用する名前を指定します.
  • MemberInfo member = (MemberInfo)request.getAtrribute("member");

  • class:パッケージ名を含むjava空クラスの完全な名前を入力します.
  • (MemberInfo)request.getAtrribute("member");

  • scope:java空のオブジェクトを保存する領域を指定します.Page、request、session、アプリケーション.デフォルトはpageです.
  • request.getAtrribute("member");
  • request.setAttribute("member", member);

  • オブジェクトを作成するだけでなく、指定した領域に保存することもできます.オブジェクトがすでに領域に存在する場合は、そのオブジェクトを使用します.

  • アクションラベルでclass属性ではなくtype属性を使用する場合、のコードには次の意味があります.
    MemberInfo member = (MemberInfo)request.getAtrribute("member");
if(member == null) {
	member = new MemberInfo();
	request.setAttribute("member", member);
}

  • typeの意味は、相手がいる前提で出すだけで書くことです.オブジェクトの値が空の場合、エラーが発生します.

    • ルートパスの違い

  • リダイレクト、a、form、link、scriptはクライアントで実行されます.
  • "/"→ルートパスを指します.「/」はTomcatで「webppas」に設定されています.
  • request.sendRedirect("/")で実行すると、ブラウザはlocalhost:8080に移動します.
  • request.getContextPath()でアプリケーション内のルートディレクトリに移動します.(localhost:8080/07_26)
  • a href="<%= request.getContextPath() %>">root/a
  • form action="<%=request.getContextPath()%>"ボタンform
  • 本の標準はアプリケーションのルート標準ではなく、
    • です.
  • はサーバ上で実行されます.
  • で実行し、内部ルートディレクトリに移動します.
  • クライアントが要求した情報で、クライアントのルートはプロジェクトのルート概念ではありません.
  • サーバが要求するルーティングは、プロジェクトルーティングである.
  • subフォルダにはいくつかあります.jspに送信したい場合は、上にパスを設定できます.

    • <jsp:setProperty>アクションラベルおよび<jsp:getProperty>アクションラベル

    <jsp:setProperty name="자바빈" property="이름" value="값 />

  • アクションタグを使用して、生成されたjavabeanオブジェクトのproperty値を変更します.
  • name:property値を変更するjava空のオブジェクトの名前を指定します.アクションラベルのid属性で指定した値を使用します.
  • プロパティ:値を指定するプロパティの名前を指定します.
  • value:propertyの値を指定します.式またはELを使用できます.

  • フォームを表の外に移動して記入する必要があります.余分な空白が出るかもしれません.


  • propertyプロパティで*を使用すると、propertyと同じ名前のパラメータを使用してsetterメソッドを作成するすべてのproperty(フィールド)に値を設定できます.
    <%
	memberInfo.setId(request.getParameter("id"));
	memberInfo.setName(request.getParameter("name"));
	memberInfo.setEmail(request.getParameter("email"));
%>

  • valueはランダムに値を指定し、paramはパラメータから値を選択します.

  • あなたに似合う設定者が必要です.
    • <jsp:getProperty name="자바빈이름" property="프로퍼티이름" />
  • アクションタグjava空のオブジェクトのProperty値を出力します.
  • name:のidプロパティで指定したjavabeanオブジェクトの名前.
  • プロパティ:出力するプロパティの名前を指定します.

    • DOM tree


    ドキュメントオブジェクトモデル(DOM;Document Object Model)は、XML、HTMLドキュメントの各項目を階層化して表示し、作成、変換、削除を支援するインタフェースです.

    formname=「joinForm」名ライフサイクル
    document->htmlドキュメントのすべてのdocument.joinForm→joinForm名を持つフォーム
    var idInput = document.joinForm.id.value;
    会員加入ボタンをクリックすると、value内で値の長さを確認します.
    innerHTML→間でメッセージを交換します.
    document.getElementById("MessageBox")→ドキュメントIDがMessageBox
    var idInput = document.joinForm.id.value; 使用→nameアクセス
    document.getElementById("messageBox").innerHTML = msg; 使用→idアクセス
    document.forms["joinForm"].submit(); →formオブジェクトによるコミット

    JavaScriptエラーを確認します。

  • ブラウザウィンドウでF 12を押す開発者モード
    • に入る.
  • コンソールタブエラーメッセージを識別可能

    • フォームからのオブジェクトのインポートと書き込み

    console.log(n);
var n = 3;
    cosole.log(m);
let m = 5;
  • let javaのように宣言の順序が正しくないとエラーが発生します.
    • let num1 = 3;
let num2 = "3";
console.log(num1 === num2);
  • "==="が2つあれば自動的に"型"に変換されるのでtrueに出力されます.
  • の間の値を比較する場合は、"==="の3つを加算します.
    • var myFunction = function() {
	return 3 + 4;
}
console.log(myFunction);
  • 関数は変数に格納できます.出力7.
    • function chkForm() {
	// 입력 양식을 담은 배열
	var formObj = document.myForm;
	// 하나라도 입력 안됬을때 경고창 하나만 띄운다.
	var ok = true;
	// type에서 button이 아니고 ok 값이 true 값이라면
	for(var i=0; ok && i<formObj.length; i++) {
		// 버튼은 체크하지 않는다.
		if(formObj[i].type != "button") {
			// 입력된 값이 저장된다.
			var inputValue = formObj[i].value;
			// 값이 입력되었는지 검사한다.
			if(inputValue == null || inputValue.trim().length == 0) {
				// 누락되었을경우 경고창 발생
				alert("입력누락 : " + formObj[i].title);
				// 입력안된 text로 커서가 이동한다.
				formObj[i].focus();
				ok = false;
			}
		}
	}

	if(ok) {
			formObj.method = "post";
			formObj.submit();
		}
    [Boiler Plate](5)ログイン&Token&Cookie
    【HTML】VscodeでHTMLをすばやく書く