Java Web開発プロセス🌞

13519 ワード
web Java テキストリンク

⭐Back-end


Oracle


正規表現によるアレイ演算

  • []
  • 括弧内の任意の文字に対応するパターンタイプ.
  • ハイフンで文字の範囲を指定できます.
    ex) [a-d]: [abcd]
  • \d
    対応
  • 数字文字
  • [0-9]と同じ
  • \w
  • アンダースコア文字を含むアルファベット文字に対応します.
  • [A-Za-z 0-9]と同じ
  • {n,m}
  • 出現前文字が最低n個、最大m個に対応する部分.
    ex)a{1,3}:a,aa,aaa,/457918,
  • ^, $
  • ^:入力の先頭に対応
  • $:入力の末尾に対応
  • *, +, ?
  • *:前の式を連続して0回以上繰り返した部分に対応する.
  • +:前の式と連続して1回以上繰り返した部分に対応する.
  • ?: 前の式は、0または1回に現れる部分に対応しています.
  • ()
  • 括弧内の文字対応、覚えています.

    • 例1)正規表現を使用した電話番号パターンの作成

    01[016789]-\d{3,4}-\d{4}
-> 010-333-3421 (O)
-> 017-1231-1543 (O)
-> 012-1231-1543 (X)
-> 019-12313-1543 (X)

    例2)正規表現を使用した電子メールアドレスパターンの作成

    ^[a-zA-Z]\w*@[a-zA-Z]\w*.(com|net|org)$
-> [email protected] (O)
-> [email protected] (O)
-> [email protected] (X)
-> [email protected] (X)

    SQLでの正規表現の使用


    SELECT * FROM NOTICE WHERE REGEXP_LIKE(TITLE, '01[016789]-\d{3,4|-\d{4}'); --제목에 해당 정규식 패턴이 들어간 게시글 찾기
  • 見出しに次のような一般的なパターンの投稿を検索

    • ROWNUMと行の制限


    出力行を制限するには、ROWNUMを使用します.
    SELECT ROWNUM, NOTICE.* FROM NOTICE WHERE ROWNUM BETWEEN 1 AND 5; --ROWNUM이 1부터 5까지인 행 찾기
  • ROWNUM 1から5まで行を検索

    • ⭐Front-end


    HTML, CSS


    以下を実現するためにHTMLコードを作成します.

    HTML
    <section class="open-lecture-content">
    <h1>강의 목록</h1>
    <ul>
        <li>
            <a href="">오라클 프로그래밍</a> 
            <img src="../images/course/img-oracle-sm.png">
            <span>
                <span>99000원</span>
                <span><span>10000</span>원</span>
            </span>
            <span>newlec</span>
            <span>수정일: 2017-01-01</span>
        <li>
</section>
    CSS
    .open-lecture-content li>* {
    margin-left: 10px;
}

.open-lecture-content li>img {
    width: 100px;
    margin-left: 0;
    
    float: left; // 왼쪽 정렬하기
}

    JavaScript


    AJAXって何?

  • JavaScriptのライブラリの1つで、Asynchronous Javascript AndXml(非同期javascriptとxml)の略.
  • ブラウザのXMLHttpRequestオブジェクトを使用してページ全体をリフレッシュせずにページの一部のみのデータをロードする方法
  • JavaScriptを用いた非同期通信、クライアントとサーバ間でXMLデータを交換する技術
  • 一言でJavaScriptでサーバにデータを要求する.

    • AJAX要求データの使用(ex 1.txt)


    HTML
    <section id="ex10">
        <h1>AJAX</h1>
        <div>
            <input class="btn-request" type="button" value="request">
        </div>
</section>
    ex1.txt 
    test data
    JavaScript
    window.addEventListener("load", function() {
    var section = document.querySelector("#ex10");
    var requestBtn = section.querySelector(".btn-request");
  
  	requestBtn.onclick = function(e) {
      	var request = new window.XMLHttpRequest();
      	request.open("GET", "ex1.txt", false); // GET 요청으로 ex1.txt 데이터를 동기 형식으로 요청할 것임을 명시
      	request.send(null);
    };
});

    結果画面


    左側のrequestボタンをクリックすると、コンソールウィンドウに「test data」が出力されます.

    コメントサイト

  • MDN
  • AJAXって何?
    • プログラム設計第3回作業付加コード規範
    Javascriptのクリーンアップ(4)