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>
<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>
피드 구독하기:
글 (Atom)