Monthly Archives: 10月 2017

「jQuery入門」blockUI()で要素を指定するサンプル

サンプルコード:
<script>
$(function(){
$(‘#testBtn’).click(function() {
$.blockUI({
message: $(‘#cft’) ,
css: {
border: ‘none’,
padding: ’20px’,
color: ‘#fff’
});
});
$(‘#OK’).click(function() {
$.unblockUI();
//some code
});
$(‘#NG’).click(function() {
$.unblockUI();
return false;
});
});
</script>
<div id=”cft” >
<p>登録しますか?</p>
<input type=”button” id=”OK” value=”登録” />
<input type=”button” id=”NG” value=”キャンセル” />
</div>
<input type=”button” id=”testBtn” value=”テスト” /

「jQUery入門」$.blockUIの使い方

JSコード:
<script>
$(function(){
$(‘#testbtn’).click(function(){
$.blockUI({
message : ‘テストメッセージ’,
css : {
padding : ‘xxx’,
backgroundColor : ‘xxx’,
}
});
$.ajax({
type :”POST”,
async :false,
url: “xxxx”,
//some code
}).done(function() {
// …
}).always(function() {
$.unblockUI();
});
});
});
</script>
<input type=”button” id=”testbtn” value=”テスト” />

「Spring入門」@ResponseBodyを利用するサンプル

Javaコード
@Controller
@RequestMapping(value = “/address/sta”)
public class AddressController {

@RequestMapping(value=”/userList”, method=RequestMethod.GET)
@ResponseBody
public List<Employee> userList() {
return searEmployeeList();
}

「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

1 / 41234