「jQUery入門」$(“:checkbox:checked”).parents(“tr”).find()のサンプル

1.Htmlコード
<table>
<tr>
<td><input type=”checkbox” name=”test”></td>
<td><input type=”text”></td><td><input type=”text”></td>
</tr>
<tr>
<td><input type=”checkbox” name=”test”></td>
<td><input type=”text”></td><td><input type=”text”></td>
</tr>
</table>
<input type=”button” value=”テスト”>

2.jqueryコード
$(function(){
$(“:button”).click(function() {
// 選択された行のinputタグを検索
var ctn = $(“:checkbox:checked”).parents(“tr”).find(“input:text”);
// inputタグを遍歴して、val()で値を取得
var msg = .map(function() {return $(this).val();}).get().join(“, “);
alert(“123456″+msg);
});
});

「jQuery入門」each()で複数要素をループで処理するコード

1.htmlコード
<table class=”cft”>
<tr>
<th></th>
<th>test data1</th>
<th>test data2</th>
<th>test data3 </th>
</tr>
<tr>
<td>data1</td>
<td><input type=”checkbox” name=”flgAA” value=”20″></td>
<td><input type=”checkbox” name=”flgAA” value=”21″></td>
<td><input type=”checkbox” name=”flgAA” value=”22″></td>
</tr>
<tr>
<td>data2</td>
<td><input type=”checkbox” name=”flgBB” value=”20″></td>
<td><input type=”checkbox” name=”flgBB” value=”21″></td>
<td><input type=”checkbox” name=”flgBB” value=”22″></td>
</tr>
</table>
<button type=”submit” value=””>検証</button>

 

2.jQueryコード
jQuery(function($){
$(‘form’).submit(function() {
var ff = ”;
$(‘.cft tr’).each(function(index , val){
if ($(val).find(‘input:checkbox’).size()>0){
if (!$(val).find(‘input:checkbox’).is(‘:checked’)){
ff += ’88’;
}
}
});
if (ff!=”) {
alert(“007″+ff);
return false;
}else{
alert(’99’);
}
});
});

「jQuery入門」find()、children()とparents()の使い方

1.find()で子孫要素を取得
$(“table.demoTbl”).find(“td”).css(“background-color”, “red”);

2.children()で子要素を取得
$(“table.demoTbl”).children(“tbody”).children(“tr”).children(“td”).css(“background-color”, “blue”);

3.自身の親のtdを取得
$(this).parents(“td”);

「jQuery入門」チェックボックスのチェック状態を調べるサンプル

方法1
if($(“#chkItem:checked”).val()) {
alert(“チェックされています。”);
}
else {
alert(“チェックされていません。”);
}
方法2

if($(“#chkItem”).prop(‘checked’)) {
alert(“チェックされています。”);
}
else {
alert(“チェックされていません。”);
}
方法3

if($(‘#chkItem’).is(‘:checked’)) {
alert(“チェックされています。”);
}
else {
alert(“チェックされていません。”);
}

CentOS7でredis4.0.2をインストールする

1.redisのインストール
#cd
#wget http://download.redis.io/releases/redis-4.0.2.tar.gz
#tar xzf redis-4.0.2.tar.gz
#mv redis-4.0.2 /usr/local/redis-4.0.2
#cd /usr/local/redis-4.0.2
#make
#make install
#redis-server redis.conf
#redis-cli
ps -ef | grep redis

2.Dockerの設定
#docker version
#docker pull redis
#docker run –name payredis -d redis
#docker run –rm -it –link payredis:redis redis /bin/bash
#redis-cli -h redis -p 6379

CentOS7.4にDockerをインストールする

1.既存Dockerを削除
# sudo yum remove docker docker-common docker-selinux docker-engine

2.必要なパッケージをインストール
# sudo yum install -y yum-utils device-mapper-persistent-data lvm2
中略
Dependency Installed:
device-mapper-event.x86_64 7:1.02.140-8.el7
device-mapper-event-libs.x86_64 7:1.02.140-8.el7
libxml2-python.x86_64 0:2.9.1-6.el7_2.3
lvm2-libs.x86_64 7:2.02.171-8.el7
python-chardet.noarch 0:2.2.1-1.el7_1
python-kitchen.noarch 0:1.1.1-5.el7

Complete!

3.レポジトリを追加
# sudo yum-config-manager –add-repo https://download.dock
er.com/linux/centos/docker-ce.repo
Loaded plugins: fastestmirror, langpacks
adding repo from: https://download.docker.com/linux/centos/docker-ce.repo
grabbing file https://download.docker.com/linux/centos/docker-ce.repo to /etc/yum.repos.d/docker-ce.repo
repo saved to /etc/yum.repos.d/docker-ce.repo

4.パッケージインデックスを更新
# sudo yum makecache fast
Loaded plugins: fastestmirror, langpacks
base | 3.6 kB 00:00
centosplus | 2.9 kB 00:00
docker-ce-stable | 2.9 kB 00:00
epel/x86_64/metalink | 6.8 kB 00:00
extras | 3.4 kB 00:00
nginx | 2.9 kB 00:00
remi-safe | 2.9 kB 00:00
updates | 3.4 kB 00:00
docker-ce-stable/x86_64/primary_db | 9.3 kB 00:00
Loading mirror speeds from cached hostfile
* epel: mirror.dmmlabs.jp
* remi-safe: mirrors.tuna.tsinghua.edu.cn
Metadata Cache Created

5.Dockerインストール
# sudo yum install docker-ce-17.06.0.ce-1.el7.centos
中略
Installed:
docker-ce.x86_64 0:17.06.0.ce-1.el7.centos

Dependency Installed:
container-selinux.noarch 2:2.21-2.gitba103ac.el7
iptables.x86_64 0:1.4.21-18.0.1.el7.centos
libmnl.x86_64 0:1.0.3-7.el7
libnetfilter_conntrack.x86_64 0:1.0.6-1.el7_3
libnfnetlink.x86_64 0:1.0.1-4.el7
libseccomp.x86_64 0:2.3.1-3.el7
selinux-policy.noarch 0:3.13.1-166.el7_4.4
selinux-policy-targeted.noarch 0:3.13.1-166.el7_4.4

6.起動
#sudo systemctl start docker

確認
#sudo docker run hello-world
Unable to find image ‘hello-world:latest’ locally
latest: Pulling from library/hello-world
5b0f327be733: Pull complete
Digest: sha256:07d5f7800dfe37b8c2196c7b1c524c33808ce2e0f74e7aa00e603295ca9a0972
Status: Downloaded newer image for hello-world:latest

Hello from Docker!
This message shows that your installation appears to be working correctly.

To generate this message, Docker took the following steps:
1. The Docker client contacted the Docker daemon.
2. The Docker daemon pulled the “hello-world” image from the Docker Hub.
3. The Docker daemon created a new container from that image which runs the
executable that produces the output you are currently reading.
4. The Docker daemon streamed that output to the Docker client, which sent it
to your terminal.

To try something more ambitious, you can run an Ubuntu container with:
$ docker run -it ubuntu bash

Share images, automate workflows, and more with a free Docker ID:
https://cloud.docker.com/

For more examples and ideas, visit:
https://docs.docker.com/engine/userguide/

Dockerを自動起動
#sudo systemctl enable docker

 

「nginx入門」httpsを設定する方法メモ

1.nginxのSSLモジュールをインストール
#./configure –prefix=/usr/local/nginx –with-http_stub_status_module –with-http_ssl_module –with-http_realip_module
#make
#make install

2.SSLの設定
upstream tomcats {
server 127.0.0.1:8080 weight=10;
}

server {
listen 443;
server_name www.xxx.com;

ssl on;

ssl_certificate /usr/local/cert/xxx.pem;
ssl_certificate_key /usr/local/cert/xxx.key;
ssl_session_timeout 5m;
ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;
ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
ssl_prefer_server_ciphers on;

location / {
root html;
proxy_pass http://tomcats;
index index.html index.htm;
}

}

3.httpsリダイレクト
rewrite ^(.*)$ https://$host$1 permanent;

location / {
root html;
proxy_pass http://tomcats;
index index.html index.htm;
}

4.nginx再起動
/usr/local/nginx/sbin/nginx -s reload

「Java8入門」for文で繰り返し処理のサンプル

Javaコード:
package sample;
public class Dccr {

public static void main(String[] args) {
String []cft = {“data1″,”data2″,”data3″,”data4”};
System.out.println(“output message:”);
for(String val:cft){
System.out.println(val);
}

}

}

結果
output message:
data1
data2
data3
data4

「Java入門」BigDecimalを使用して小数点以下の四捨五入のサンプル

1.Javaコード
package zhongg;

import java.math.BigDecimal;
import java.math.RoundingMode;

public class BigDecimalDemo {

public static void main(String[] args) {

Test aa = new Test();
aa.kdFunc();

}

}

class Test {
void kdFunc() {

double kdf = 21.3556;
BigDecimal cft = new BigDecimal(String.valueOf(kdf));
System.out.println(“小数点以下の四捨五入”);

// 小数第1位
BigDecimal cft1 = cft.setScale(0, RoundingMode.HALF_UP);
System.out.println(cft1.toPlainString()); // 21

// 小数第2位
BigDecimal cft2 = cft.setScale(1, RoundingMode.HALF_UP);
System.out.println(cft2.toPlainString()); // 21.4

// 小数第3位
BigDecimal cft3 = cft.setScale(2, RoundingMode.HALF_UP);
System.out.println(cft3.toPlainString()); // 21.36

// 小数第4位
BigDecimal cft4 = cft.setScale(3, RoundingMode.HALF_UP);
System.out.println(cft4.toPlainString()); // 21.356
}
}

2.結果
小数点以下の四捨五入
21
21.4
21.36
21.356

「Spring入門」form:optionをc:forEachを使用して生成するサンプル

Javaコード 

<form:select path=”cityId” id=”cityId” value=”cityVal”>

<form:option value=”defaultCityVal” label=”defaultCityVal” />

<c:if test=”xxx値”>

<c:if test=”${null != CityNameList}”>

<c:forEach var=”t” varStatus=”s” items=”${CityNameList}”>

<form:option value=”t.cityName}” label=”t.cityName” />

</c:forEach>

</c:if>

</c:if>

</form:select>