2016년 11월 5일 토요일

MySql





// database作成
create database myspring;

// database 参照
select database();

// database使用
use myspring;

// テーブル参照;
show tables;

//fileから sql実行
source c:\work\dev\mysql\myspring\user.sql ;
---------------------------------------------------------------
CREATE TABLE myspring.user
(
    user_id                    VARCHAR(12) NOT NULL,
    user_password              VARCHAR(12) NOT NULL,
    first_name                  VARCHAR(45) ,
    last_name                   VARCHAR(45) ,
    last_update                 TIMESTAMP(0),
    CONSTRAINT PRIMARY KEY (user_id)
);
----------------------------------------------------------------

eclipse
 実行構成
Mavenビルド
基底ディレクトリ →   ${workspace_loc:/MySpring}
ゴール   → mybatis-generator:generate

MySql





// database作成
create database myspring;

// database 参照
select database();

// database使用
use myspring;

// テーブル参照;
show tables;

//fileから sql実行
source c:\work\dev\mysql\myspring\user.sql ;
---------------------------------------------------------------
CREATE TABLE myspring.user
(
    user_id                    VARCHAR(12) NOT NULL,
    user_password              VARCHAR(12) NOT NULL,
    first_name                  VARCHAR(45) ,
    last_name                   VARCHAR(45) ,
    last_update                 TIMESTAMP(0),
    CONSTRAINT PRIMARY KEY (user_id)
);
----------------------------------------------------------------

eclipse
 実行構成
Mavenビルド
基底ディレクトリ →   ${workspace_loc:/MySpring}
ゴール   → mybatis-generator:generate

test add

<html>
    <head>
        <title>TODO supply a title</title>
     
     
        <style>
            body{
                color: gray;
            }
            table {
                border:1px solid red;
            }

            td{
                background: white;
                border:1px solid black;
            }
        </style>
        <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.1.1.min.js"></script>      
    </head>
    <body>
        <div id="ddd1" style="display: display;">

            <table>
<tr>
                    <td>test1</td>
                </tr>
<tr>
                    <td>
                        <button id="delBtn1" name="delBtn">DEL</button>
                    </td>
                </tr>
</table>
</div>
<div id="ddd2" style="display: none;">

            <table>
<tr style="display: display;">
                    <td>test2</td>
                </tr>
<tr>
                    <td>
                        <button id="delBtn2" name="delBtn">DEL</button>
                    </td>
                </tr>
</table>
</div>
<div id="ddd3" style="display: none;">

            <table>
<tr style="display: display;">
                    <td>test3</td>
                </tr>
<tr>
                    <td>
                        <button id="delBtn3" name="delBtn">DEL</button>
                    </td>
                </tr>
</table>
</div>
<div id="ddd4" style="display: none;">

            <table>
<tr style="display: display;">
                    <td>test4</td>
                </tr>
<tr>
                    <td>
                        <button id="delBtn4" name="delBtn">DEL</button>
                    </td>
                </tr>
</table>
</div>
<div id="ddd5" style="display: none;">

            <table>
<tr style="display: display;">
                    <td>test5</td>
                </tr>
<tr>
                    <td>
                        <button id="delBtn5" name="delBtn">DEL</button>
                    </td>
                </tr>
</table>
</div>
<table>
<tr>
                <td>
                    <button name="addBtn">ADD</button>
                </td>
            </tr>
</table>
<script type="text/javascript">
            $(function () {
                var maxSize = 5;
                var cntOfDisplayddd;
                var idxValOfDisplayddd;
                ctlDisplayOfDelBtn();

                // DELボタン表示制御
                function ctlDisplayOfDelBtn() {
                    // delボタン制御
                    cntOfDisplayddd = 0;
                    for (var idx = 1; idx <= maxSize; idx++) {
                        var idVal = "ddd" + idx;
                        // 削除ボタン表示判定
                        if ($('div[id=' + idVal + ']').css('display') !== 'none') {
                            cntOfDisplayddd++;
                            idxValOfDisplayddd = idx;
                        }
                    }
                    // 削除ボタンが1個の場合は、表示させない
                    if (cntOfDisplayddd === 1) {
                        $('button[id=delBtn' + idxValOfDisplayddd + ']').css('display', 'none');
                    }
                }

                // ADDボタン制御
                $('button[name=addBtn]').on('click', function () {
                    // 最大追加数分の処理
                    for (idx = 1; idx <= maxSize; idx++) {
                        var idVal = "ddd" + idx;

                        // 削除ボタン表示
                        $('button[id=delBtn' + idx + ']').css('display', '');

                        // ddd領域が非表示の領域を表示させる
                        if ($('div[id=' + idVal + ']').css('display') === 'none') {
                            // ddd情報表示
                            $('div[id=' + idVal + ']').css('display', '');
                            // ddd領域がMaxの場合、ADDボタンを非表示設定                          
                            if (idx === maxSize) {
                                $('button[name=addBtn]').css('display', 'none');
                            }
                            break;
                        }
                    }
                });

                // DELボタン押下時処理
                $('button[name=delBtn]').on('click', function () {
                    //alert('hello');
                    for (var idx = 1; idx <= maxSize; idx++) {
                        var idVal = "ddd" + idx;

                        // 削除対象のddd領域の非表示設定
                        if (event.target.id === 'delBtn' + idx) {
                            $('div[id=' + idVal + ']').css('display', 'none');
                            var divEl = $('div[id=' + idVal + ']');
                            divEl.find('input').val('');
                            divEl.find('input:checked').prop('checked', false);
                            divEl.find('select option:selected').prop('selected', false);
                            divEl.find('textarea').val('');
                        }
                    }

                    // ADDボタン表示設定
                    if (!$('button[name=addBtn]').css('display', '')) {
                        $('button[name=addBtn]').css('display', '');
                    }

                    // DELボタン表示制御
                    ctlDisplayOfDelBtn();
                });
            });

        </script>
    </body>
</html>