nascent

ตัวอย่างการเขียน Java Spring-boot Reactive (WebFlux)

2019-07-30T20:15:00.000-07:00

ผมได้ทำตัวอย่างการเขียน Java Spring-boot WebFlux ซึ่งเป็นการเขียน Spring-boot แบบ Non-Blocking I/O หรือ Asynchronous หากใครสนใจสามารถเข้าไปศึกษาได้ที่

https://github.com/jittagornp/spring-boot-webflux-example

ถึงคนอ่าน Blog และผู้ติดตามทุกคนน่ะครับ

2019-06-12T19:58:00.001-07:00

Blog นี้ผมไม่ได้เขียนมาซักระยะนึงแล้ว

จริง ๆ ต้องเรียกว่านานมาก ๆ เลยแหล่ะ (เกือบ 4 ปีได้ ฮ่าๆๆๆ)

ตอนนี้ผมย้ายไปเขียนบน platform อื่น ๆ

หลัง ๆ มาก็มี เขียนบ้าง ไม่ได้เขียนบ้าง

เพราะมีหน้าที่รับผิดชอบที่เยอะขึ้น เลยไม่ค่อยได้มีเวลาเขียน Blog ครับ

บวกกับตอนนี้มีความสนใจ เรื่องใดเรื่องนึงเป็นพิเศษ เลยไม่ได้มีเวลามาทำตรงนี้

ถ้าผู้อ่าน เพื่อน ๆ พี่ ๆ น้อง ๆ คนไหนยังอยากติดตามอยู่ สามารถติดตามได้ตาม link นี้ครับ

Jittagornp.me
https://www.jittagornp.me/

ขอบคุณครับ

maven ทำ jar file ให้ double click run program ได้ : java

2015-05-25T02:17:00.002-07:00

ในที่นี้ผมจะยกตัวอย่างด้วย Netbeans IDE น่ะครับ

1. สร้าง maven project เป็น Java Application

Maven --> Java Application

ตั้งชื่อ project กำหนด location, GroupId, Version และ Package

2. สร้าง main class ที่จะ run program

เขียน code ในที่นี้ให้ show message dialog ง่ายๆ ที่มีคำว่า Hello World!

3. config pom.xml โดยการเพิ่ม plugins สำหรับ pack jar file ลงไป

***** อย่าลืมกำหนด main class ด้วย (สังเกตบรรทัดที่ 29 ในรูป)

<project>
    ....
    ....
    ....
    <build>
        <plugins>
            <plugin>
                <groupId>org.apache.maven.plugins</groupId>
                <artifactId>maven-shade-plugin</artifactId>
                <version>2.0</version>
                <executions>
                    <execution>
                        <phase>package</phase>
                        <goals>
                            <goal>shade</goal>
                        </goals>
                        <configuration>
                            <transformers>
                                <transformer implementation="org.apache.maven.plugins.shade.resource.ManifestResourceTransformer">
                                    <mainClass>com.pamarin.runjar.App</mainClass> 
                                </transformer>
                            </transformers>
                        </configuration>
                    </execution>
                </executions>
            </plugin>
        </plugins>
    </build>
</project>

4. Clean and Build project 1 ครั้ง เพื่อ load dependencies และ pack jar

5. เข้าไปที่ project directory/target แล้ว double click .jar file เพื่อ run program

หวังว่าจะเป็นประโยชน์สำหรับทุกคนที่เข้ามาอ่านน่ะครับ

# ขออภัยสำหรับรูปภาพด้วย เนื่องจากจอผมเป็นจอความละเอียดสูง ตัวหนังสือบางตัวอาจจะดูค่อนข้างเล็กครับ :)

ฝึก recursive ด้วยโจทย์ความน่าจะเป็น

2015-05-24T02:28:00.002-07:00

โจทย์นี้เป็นโจทย์ที่ผมใช้ฝึกวิธีคิด การแก้ปัญหา ซึ่งอาจมีคนคิด หรือสร้าง tools สำเร็จรูปเอาไว้แล้ว บางคนมาเห็นโพสต์นี้ อาจจะคิดว่าทำไมไม่ใช้เครื่องมือที่คนอื่นทำไว้แล้วล่ะ จะมามัวเสียเวลาสร้างเองทำไม ของคนอื่นอาจจะดีกว่าด้วยซ้ำ

ครับ!!! ผมเคยได้ยินประโยคแบบนี้มานักต่อนักล่ะ บางคนบอกว่าผมไม่รู้จักใช้เครื่องมือให้เกิดประโยชน์
คุณกำลังเข้าใจผิดกับคำว่า "การเลือกใช้เครื่องมือ" กับ "การฝึกทักษะการแก้ปัญหา"
ที่ผมเขียนเอง เพราะผมต้องการฝึก skill เพื่อให้เกิดความคล่องตัว เมื่อเราเจอโจทย์ปัญหาลักษณะนี้ เราจะแก้มันได้รึเปล่า ลองใช้ความคิดของเราดูสิ
skill มันส่งต่อผ่านประสบการณ์กันไม่ได้ ต่อให้มีคนพยายามเล่าประสบการณ์ทั้งชีวิตของเขาให้คุณฟัง คุณก็ทำแบบเขาไม่ได้ คุณต้องฝึก ฝึก ฝึก ลงมือทำด้วยตัวคุณเองครับ

ปัญหา

โดยทั่วไป การหาความน่าจะเป็นหรือความเป็นไปได้ของสมาชิกทั้งหมดภายในเซต S ซึ่งมีสมาชิกจำนวน n ตัว
คุณจะต้องวนลูปทั้งหมด n รอบ และลึก n ชั้น ถึงจะได้ค่าทั้งหมดออกมา เช่น

S = {'A', 'B', 'C'}
n = 3 ตัว
จำนวนความเป็นไปได้ทั้งหมดคือ 3 x 3 x 3 = 27 ค่า

การเขียนโปรแกรมแบบง่ายๆ จะได้

for (var i = 0; i < S.lenght; i++){
    for (var j = 0; j < S.lenght; j++){
        for (var k = 0; k < S.lenght; k++){
               print(S[i] + ',' + S[j] + ',' + S[k]);
        }
    }
}

A,A,A
A,A,B
A,A,C
A,B,A
A,B,B
...
...
...
C,B,C
C,C,A
C,C,B
C,C,C

แล้วถ้าเขาต้องการให้คุณเขียน code ที่รองรับ S ที่มี size ขนาดใดก็ได้ คุณจะเขียนยังไง?
แน่นอน loop ใช้ไม่ได้ล่ะ เพราะมัน fixed ตายตัว
แล้วอะไรที่เราเอามาใช้แทน loop ได้ แถมยังเป็นแบบ dynamic อีก

คำตอบคือ Recursive ครับ

code

function probabilityWalking(topElement, elements, index, callback){
    if (index < 0) {
        callback(topElement);
        return;
    }     

    for (var i=0; i < elements.length; i++) {
        probabilityWalking(
            (topElement ? (topElement + ',') : topElement) + elements[i],
            elements,
            index - 1,
            callback 
        );
    }
}

using

probabilityWalking('', ['A', 'B'], 1, function(el){
     console.log(el);     
});

A,A
A,B
B,A
B,B

probabilityWalking('', ['A', 'B', 'C'], 2, function(el){
     console.log(el);     
});

A,A,A
A,A,B
A,A,C
A,B,A
A,B,B
...
...
...
C,B,C
C,C,A
C,C,B
C,C,C

ตอนนี้ code เราสามารถหาความเป็นไปได้ทั้งหมดของ S ขนาดเท่าใดก็ได้ แล้วครับ :)

การนำแนวคิดไปประยุกต์ใช้
maven dependencies

<dependency>
    <groupId>org.apache.commons</groupId>
    <artifactId>commons-lang3</artifactId>
    <version>3.1</version>
    <type>jar</type>
</dependency>

<dependency>
    <groupId>junit</groupId>
    <artifactId>junit</artifactId>
    <version>4.10</version>
    <scope>test</scope>
</dependency>

Probability.java

package com.blogspot.na5cent.learning;

import java.util.ArrayList;
import java.util.Arrays;
import java.util.HashSet;
import java.util.List;
import java.util.Set;
import org.apache.commons.lang3.StringUtils;

/**
 * @author redcrow
 */
public class Probability {

    private static interface Callback {

        void call(String element);
    }

    private final List<String> elements;
    private boolean distinct = false;
    private boolean unique = false;
    private Integer size;
    private Set<String> signatures;

    private Probability(List<String> elements) {
        this.elements = elements;
    }

    public static Probability ofElements(String... elements) {
        return ofElements(Arrays.asList(elements));
    }

    public static Probability ofElements(List<String> elements) {
        return new Probability(elements);
    }

    public Probability size(int size) {
        this.size = size;
        return this;
    }

    public Probability distinct() {
        this.distinct = true;
        return this;
    }

    public Probability unique() {
        this.unique = true;
        return this;
    }

    private Set<String> getSignatures() {
        if (signatures == null) {
            signatures = new HashSet<>();
        }

        return signatures;
    }

    private boolean contains(String str, String target) {
        if (!str.isEmpty()) {
            String[] els = StringUtils.split(str, ":");
            for (String el : els) {
                if (el.equals(target)) {
                    return true;
                }
            }
        }

        return false;
    }

    private String findSignature(String str) {
        String[] els = StringUtils.split(str, ":");
        Arrays.sort(els);
        return StringUtils.join(els, ":");
    }

    private boolean has(String element) {
        String signature = findSignature(element);
        if (getSignatures().contains(signature)) {
            return true;
        }

        getSignatures().add(signature);
        return false;
    }

    private void walking(String topElement, List<String> elements, int index, Callback callback) {
        if (index < 0) {
            if (unique && has(topElement)) {
                return;
            }

            callback.call(topElement);
            return;
        }

        for (String element : elements) {
            if (distinct && contains(topElement, element)) {
                continue;
            }

            walking(
                    (topElement.isEmpty() ? topElement : topElement + ":") + element,
                    elements,
                    index - 1,
                    callback
            );
        }
    }

    public List<String> find() {
        if (size == null) {
            size = elements.size();
        }

        final List<String> results = new ArrayList<>();
        walking("", elements, size - 1, new Callback() {

            @Override
            public void call(String element) {
                results.add(element);
            }
        });

        return results;
    }
}

ลองดูวิธีการเรียกใช้และผลลัพธ์ที่ Test

ProbabilityTest.java

package com.blogspot.na5cent.learning;

import java.util.Arrays;
import java.util.List;
import org.junit.Test;
import static org.junit.Assert.*;

/**
 * @author redcrow
 */
public class ProbabilityTest {

    @Test
    public void allOf2ElementsSize2() {
        List<String> probs = Probability
                .ofElements("A", "B")
                .find();

        List<String> results = Arrays.asList(
                "A:A",
                "A:B",
                "B:A",
                "B:B"
        );

        assertEquals(probs, results);
    }

    @Test
    public void allOf3ElementsSize3() {
        List<String> probs = Probability
                .ofElements("A", "B", "C")
                .find();

        List<String> results = Arrays.asList(
                "A:A:A",
                "A:A:B",
                "A:A:C",
                "A:B:A",
                "A:B:B",
                "A:B:C",
                "A:C:A",
                "A:C:B",
                "A:C:C",
                "B:A:A",
                "B:A:B",
                "B:A:C",
                "B:B:A",
                "B:B:B",
                "B:B:C",
                "B:C:A",
                "B:C:B",
                "B:C:C",
                "C:A:A",
                "C:A:B",
                "C:A:C",
                "C:B:A",
                "C:B:B",
                "C:B:C",
                "C:C:A",
                "C:C:B",
                "C:C:C"
        );

        assertEquals(probs, results);
    }

    @Test
    public void distinctOf2ElementsSize2() {
        List<String> probs = Probability
                .ofElements("A", "B")
                .distinct() //ตัด A:A กับ B:B ออก เพราะ A กับ B ซ้ำกัน 2 ตัว
                .find();

        List<String> results = Arrays.asList(
                "A:B",
                "B:A"
        );

        assertEquals(probs, results);
    }

    @Test
    public void distinctOf3ElementsSize3() {
        List<String> probs = Probability
                .ofElements("A", "B", "C")
                .distinct()
                .find();

        List<String> results = Arrays.asList(
                "A:B:C",
                "A:C:B",
                "B:A:C",
                "B:C:A",
                "C:A:B",
                "C:B:A"
        );

        assertEquals(probs, results);
    }

    @Test
    public void distinctOf4ElementsSize2() {
        List<String> probs = Probability
                .ofElements("A", "B", "C", "D")
                .distinct()
                .size(2)
                .find();

        List<String> results = Arrays.asList(
                "A:B",
                "A:C",
                "A:D",
                "B:A",
                "B:C",
                "B:D",
                "C:A",
                "C:B",
                "C:D",
                "D:A",
                "D:B",
                "D:C"
        );

        assertEquals(probs, results);
    }

    @Test
    public void uniqueOf2ElementsSize2() {
        List<String> probs = Probability
                .ofElements("A", "B")
                .unique()
                .find();

        List<String> results = Arrays.asList(
                "A:A",
                "A:B",
                "B:B"
        );

        assertEquals(probs, results);
    }

    @Test
    public void uniqueOf3ElementsSize3() {
        List<String> probs = Probability
                .ofElements("A", "B", "C")
                .unique()
                .find();

        List<String> results = Arrays.asList(
                "A:A:A",
                "A:A:B",
                "A:A:C",
                "A:B:B",
                "A:B:C",
                "A:C:C",
                "B:B:B",
                "B:B:C",
                "B:C:C",
                "C:C:C"
        );

        assertEquals(probs, results);
    }

    @Test
    public void uniqueAndDistinctOf2ElementsSize2() {
        List<String> probs = Probability
                .ofElements("A", "B")
                .distinct() //ตัด A:A กับ B:B ออก เพราะ A กับ B ซ้ำกัน 2 ตัว
                .unique() //A:B กับ B:A ถือเป็นตัวเดียวกัน แค่สลับตำแหน่ง
                .find();

        List<String> results = Arrays.asList(
                "A:B"
        );

        assertEquals(probs, results);
    }

    @Test
    public void uniqueAndDistinctOf3ElementsSize3() {
        List<String> probs = Probability
                .ofElements("A", "B", "C")
                .distinct()
                .unique()
                .find();

        List<String> results = Arrays.asList(
                "A:B:C"
        );

        assertEquals(probs, results);
    }

    @Test
    public void uniqueAndDistinctOf3ElementsSize2() {
        List<String> probs = Probability
                .ofElements("A", "B", "C")
                .distinct()
                .unique()
                .size(2)
                .find();

        List<String> results = Arrays.asList(
                "A:B",
                "A:C",
                "B:C"
        );

        assertEquals(probs, results);
    }

    @Test
    public void uniqueAndDistinctOf4ElementsSize2() {
        List<String> probs = Probability
                .ofElements("A", "B", "C", "D")
                .distinct()
                .unique()
                .size(2)
                .find();

        List<String> results = Arrays.asList(
                "A:B",
                "A:C",
                "A:D",
                "B:C",
                "B:D",
                "C:D"
        );

        assertEquals(probs, results);
    }

    @Test
    public void uniqueAndDistinctOf4ElementsSize3() {
        List<String> probs = Probability
                .ofElements("A", "B", "C", "D")
                .distinct()
                .unique()
                .size(3)
                .find();

        List<String> results = Arrays.asList(
                "A:B:C",
                "A:B:D",
                "A:C:D",
                "B:C:D"
        );

        assertEquals(probs, results);
    }
}

code นี้เป็นส่วนนึงของโจทย์ที่ผมกำลังแก้อยู่ครับ โจทย์มีอยู่ว่า

ให้เขียนโปรแกรมเพื่อหาสมการทั้งหมดที่เป็นไปได้ โดยให้เรา
1. ใส่คำตอบที่อยากจะได้ลงไป
2. ใส่ตัวเลขอะไรก็ได้ กี่ตัวก็ได้ลงไป (ในที่นี้คือ S)
3. ใส่ operators + หรือ - หรือ * หรือ / ลงไปกี่ตัวก็ได้ ใน 4 ตัวนี้
แล้วให้โปรแกรมคืนค่าสมการที่เกิดจากการป้อน input ข้อ 1- 3 ทั้งหมดออกมาครับ

น่าสนุกน่ะ
ตอนนี้ผมเหลือเงื่อนไขวงเล็บทั้งหมดที่เป็นไปได้ ตามจำนวนสมาชิกใน S ครับ
ยังคิดไม่ออก ฮ่าๆๆๆ

angularjs enumeration : javascript

2015-04-18T09:05:00.003-07:00

Enum Factory

var mapApp = ...

myApp.factory('Enumerate', function () {

    return function (list, fnc) {

        var Enumerate = function (ctx) {
            if (angular.isObject(ctx)) {
                angular.forEach(ctx, function (val, key) {
                    this[key] = val;
                }, this);
            } else if (angular.isString(ctx)) {
                this.name = ctx;
            } else {
                throw new Error('incorrect arguments.');
            }
        };

        Enumerate.values = [];

        Enumerate.valueOf = function (ctx) {
            var obj = null;
            angular.forEach(Enumerate.values, function (item) {
                if (item.name === ctx) {
                    obj = item;
                    return false;
                }
            });

            if (!obj) {
                obj = new Enumerate(ctx);
                Enumerate.values.push(obj);
            }

            return obj;
        }

        Enumerate.prototype.toString = function () {
            return this.name;
        };

        fnc && angular.forEach(fnc, function (val, key) {
            Enumerate.prototype[key] = val;
        });

        angular.forEach(list, function (item) {
            Enumerate[
                    angular.isObject(item)
                    ? item.name
                    : item
            ] = Enumerate.valueOf(item);
        });

        return Enumerate;
    };
});

Using

myApp..factory('StandardColumn', [
    'Enumerate',
    function (Enumerate) {

        var StandardColumn = function () {

        };

        /* define enum */
        StandardColumn.Format = Enumerate([
            {name: 'STRING', description: 'ตัวหนังสือ'},
            {name: 'NUMBER', description: 'ตัวเลข'},
            {name: 'STUDENT', description: 'นักเรียน'}
        ]);

        StandardColumn.Format.fromDescription = function (desc) {
            var obj = null;
            angular.forEach(StandardColumn.Format.values, function (item) {
                if (item.description === desc) {
                    obj = item;
                    return false;
                }
            })

            return obj;
        };

        StandardColumn.Operation = Enumerate([
            'SUM',
            'AVERAGE'
        ]);

        StandardColumn.prototype = {
            id: null,
            name: null,
            sequence: 1,
            format: StandardColumn.Format.STRING,
            operation: null,
            operateWith: null
        };

        return StandardColumn;
    }
]);

พีระมิต (pyramid) : java

2015-03-09T18:16:00.002-07:00

วันนี้นั่งแย่งโจทย์น้องฝึกงานเล่นครับ

package com.blogspot.na5cent.learning;

import java.util.Scanner;

/**
 * @author redcrow
 */
public class Pyramid {

    public static void main(String[] args) {
        Scanner scanner = new Scanner(System.in);
        int n = scanner.nextInt();
        int size = n * (n + 1) / 2;
        int bigSpace = (n - 1) / 2;

        for (int i = 1; i <= size; i++) {
            int numb = i % n;
            int space = bigSpace - i / n;

            boolean star = numb > space && numb <= (n - space);
            System.out.print(star ? "*" : " ");
            System.out.print(numb == 0 ? "\n" : "");
        }
    }
}

Spring security bypass authen : java

2015-03-04T02:45:00.005-08:00

บางครั้งเราต้องการให้ระบบ bypass authen (กระโดดข้ามการ authen) ด้วย username password
เราสามารถทำแบบนี้ได้ครับ spring จะไม่ check username password เรา
เราแค่จับ ข้อมูล user (user details) ยัดเข้าไปใน spring context security เลย

ทำไมต้อง bypass

เนื่องจากการ authen แบบเดิม เราต้องรู้ username และ clean password เพื่อ authen เข้าใช้งาน
มันเกิดปัญหาว่า ระบบที่ผมทำ ผมไม่ได้เก็บ password ของผู้ใช้เป็น clean text ไว้ ผมเข้ารหัส password ไว้ตั้งแต่แรก (เพื่อความปลอดภัย) เพราะฉะนั้น ผมจึงใช้วิธี authen แบบเดิมไม่ได้ (authen แบบเดิม จะเอา password มา encrypt check กับ encrypt password ที่มีอยู่ ว่า matches กันมั้ย)

ปัญหาต่อมา คือ ผมทำระบบที่สามารถ login ด้วยบัญชีผู้ใช้ facebook แน่นอนว่ามันไม่มี password เพราะ facebook ใช้ token แล้วผมจะ authen เข้าสู่ระบบที่ผมทำยังไง?

คิดอยู่สักพัก ก็เกิดคำถามขึ้นมาในหัว เราสามารถ bypass มันได้มั้ย ?
ก็เลยเป็นที่มาของบทความวันนี้ครับ

User.java

...
...
import org.springframework.security.core.GrantedAuthority;
import org.springframework.security.core.userdetails.UserDetails;

public class User implements UserDetails {

    ....
    ....
}

BypassAuthen.java

package com.blogspot.na5cent.security;

import com.blogspot.na5cent.model.User;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.security.authentication.UsernamePasswordAuthenticationToken;
import org.springframework.security.core.Authentication;
import org.springframework.security.core.context.SecurityContext;
import org.springframework.security.core.context.SecurityContextHolder;
import org.springframework.stereotype.Component;

/**
 * @author redcrow
 */
@Component
public class BypassAuthen {

    public void login(User user) {

        SecurityContext securityContext = SecurityContextHolder.getContext();
        Authentication authentication = new UsernamePasswordAuthenticationToken(
                user,
                null,
                user.getAuthorities()
        );

        securityContext.setAuthentication(authentication);
    }

}

oracle sql order by multiple point string

2015-02-03T01:19:00.000-08:00

ปัญหา

ถ้าเรา order by string แบบธรรมดาๆ เราจะเจอปัญหาแบบนี้

การ order by string 10 จะมาก่อน 2 เพราะรหัส ASCII ของ 1 อยู่ก่อน 2

วิธีแก้

เปลี่ยนมา order by ด้วย sql function ที่ผมเขียนขึ้นมาใหม่ ได้เป็น

การแสดงผล ถูกต้อง เพราะเราแปลงมันไปเป็นตัวเลขก่อน

PL/SQL สำหรับแปลง multiple point ไปเป็นตัวเลข

CREATE OR REPLACE PACKAGE converter_pack AS

    FUNCTION pad_string(p_multiple_point VARCHAR2, p_index NUMBER) RETURN VARCHAR2;
  
    FUNCTION multiple_point2number(p_multiple_point VARCHAR2, p_point NUMBER) RETURN NUMBER;
  
END converter_pack;

/* package body */
CREATE OR REPLACE PACKAGE body converter_pack AS

    FUNCTION pad_string( p_multiple_point VARCHAR2, p_index NUMBER) RETURN VARCHAR2 AS
      l_pad VARCHAR2(255);
    BEGIN
      SELECT lpad(regexp_substr (p_multiple_point, '[^.]+', 1, p_index), 3, '0')
      INTO l_pad
      FROM dual;
      
      RETURN l_pad;
    END pad_string;
    
    FUNCTION multiple_point2number(p_multiple_point VARCHAR2, p_point NUMBER) RETURN NUMBER AS
      l_temp VARCHAR2(255);
      l_numb VARCHAR2(255);
    BEGIN
      FOR i IN 1..p_point LOOP
        l_temp   := pad_string(p_multiple_point, i);
        IF l_temp = '' OR l_temp IS NULL THEN
          l_temp := '000';
        END IF;
        l_numb := l_numb || l_temp;
      END LOOP;
      
      RETURN to_number(l_numb);
    END multiple_point2number;

END converter_pack;

การเรียกใช้

select SEQUENCE_ORDER,
       converter_pack.multiple_point2number(SEQUENCE_ORDER, 5) as numb
from MY_TABLE
order by numb

multiple_point2number(p_multiple_point VARCHAR2, p_point NUMBER)

p_multiple_point คือ String multiple point ที่เราส่งเข้าไป เช่น 1.2.3.4
p_point คือ จำนวนจุด (.) สูงสุด ที่คิดว่าจะมีใน p_multiple_point ซึ่งของผมคือ 5 (เช่น 1.2.3.4.5.6)

ทำความรู้จักกับ JWT (Json Web Token)

2015-02-01T09:46:00.000-08:00

ย้ายบทความไปไว้ที่ https://www.jittagornp.me/blog/what-is-jwt/

Oracle SQL แยกหัวข้อ ออกจากข้อความ

2015-01-29T21:42:00.001-08:00

code

select data.*,
       trim(replace(data.old_name, (numb), '')) new_name
from(
  select name old_name, 
         regexp_substr(name, '^[0-9ก-ฮ\.]+\)*\s') numb
  from MY_TABLE
) data

ทำความรู้จักกับ Java Stream

2015-01-27T20:00:00.002-08:00

ทำการย้ายบทความไปไว้ที่

https://www.jittagornp.me/blog/java-io-stream/

แก้ปัญหา multiple values sql IN : oracle

2015-01-21T20:27:00.001-08:00

คำสั่ง IN เป็นคำสั่งที่ใช้สำหรับตรวจสอบว่า ค่าที่เลือกมานั้น มีอยู่ใน IN หรือไม่ เช่น

...
...
SELECT code
FROM ...
WHERE code IN('AAA', 'BBB', 'CCC')
...
...

ซึงเราสามารถตรวจสอบได้เพียง ครั้งละ 1 ค่าเท่านั้น (single value)
ในที่นี้ field code สามารถเป็น AAA หรือ BBB หรือ CCC ได้เท่านั้น (ถึงจะ match กัน)
ไม่สามารถเป็น multiple values เช่น 'AAA, BBB' หรือ 'BBB, CCC' ได้ เพราะมันจะไม่ตรงกับตัวไหนใน IN เลย

'AAA, BBB' ไม่ match กับ 'AAA'
'AAA, BBB' ไม่ match กับ 'BBB'
'AAA, BBB' ไม่ match กับ 'CCC'

แล้วถ้าเราต้องการให้มัน match กันละ เราจะทำยังไง?
เพราะตามความเป็นจริงแล้ว 'AAA, BBB' มันควรจะ match กับทั้ง 'AAA' และ 'BBB'

มาดูแนวคิด + วิธีแก้ของผมกันครับ

sql IN เป็นคำสั่งที่ใช้ข้อมูลในแต่ละ rows มา IN
ฉะนั้น เราต้องแปลง 'AAA, BBB' ของเราให้ไปเป็น rows ก่อน จากบทความนี้ครับ Split String to rows : Oracle SQL ได้ผลลัพดังนี้

พอเราได้ rows มาแล้ว เราก็สามารถใช้ sql IN ได้
แต่! คำตอบที่ได้ออกมา มันเป็น การลด rows ลงเฉยๆ

จริงๆ ผลลัพธ์ที่เราต้องการคือ ตอบว่า match หรือไม่ match เท่านั้น (ตอบเป็น boolean หรือ 1 กับ 0)
เราจึงครอบมันด้วยการ count แล้วเช็คว่าถ้า count แล้วมากกว่า 0 ก็แสดงว่า match (ตอบ 1) แต่ถ้าเท่ากับ 0 ก็คือไม่ match (ตอบ 0)

โอเค แนวคิดนี้ใช้ได้ ท่าทางจะ work
แต่ก็ยังเจอปัญหาอยู่ดี

ตอนนี้ 'AAA, BBB, CCC' เราเป็น fixed code ถ้าเราต้องการส่งค่านี้มาจากการ select ข้างนอกล่ะ เราจะทำยังไง คำตอบคือ ไม่ได้ เพราะมันมี select count ครอบอยู่ 1 ชั้น ที่กันไม่ให้ select ชั้นนอก ส่ง field select เข้ามาได้

ชิปหายล่ะ แนวคิดได้ แต่ดันตายที่ select count กั้นอยู่ จะแก้ปัญหานี้ยังไง?
แนวทางการแก้ปัญหาของผมคือ

ทำยังไงก็ได้ ให้ select count มันอยู่ชั้นเดียวกับ 'AAA, BBB, CCC'

นั่งคิดอยู่สักพักนึงครับ โอเค ผมเกทล่ะ

แนวคิดเดิม แต่เปลี่ยนกรรมวิธีใหม่
ใช้ procedure (PL/SQL) เข้ามาช่วย รวบคำสั่ง split row to string ไปไว้ใน sql function ดังนี้
(define oracle pl/sql collection (object and table) types)

define type

CREATE OR REPLACE TYPE string_list AS TABLE OF varchar2(255);

write procedure

CREATE OR REPLACE FUNCTION split_string2list(p_string VARCHAR2) RETURN string_list AS
  l_list string_list := string_list();
BEGIN
  FOR rcd IN
  ( 
  SELECT DISTINCT str --reduce duplicate string
     FROM
     (
   SELECT trim(regexp_substr(p_string, '[^,]+', 1, LEVEL)) str
         FROM dual
         CONNECT BY LEVEL <= regexp_count(p_string, ',')+1
     )
     WHERE str IS NOT NULL
  )
  LOOP
    l_list.extend();
    l_list(l_list.last) := rcd.str;
  END LOOP;
  
  RETURN l_list;
  
  EXCEPTION WHEN OTHERS THEN
      RETURN NULL;

END split_string2list;

ลองเขียน code select ใหม่

ได้ล่ะ สั้นๆ

ตอนนี้ไม่มี select count มาครอบมันล่ะ เพราะ count อยู่ใน LEVEL เดียวกัน โอเค แก้ปัญหาได้ล่ะ

ต่อไป เราก็สามารถส่ง select field จากข้างนอก เข้ามา check ได้ว่า field นี้ match กับที่อยู่ใน IN หรือไม่ โดยสามารถส่งเข้ามาเป็น multiple values ใน column เดียวได้ครับ

หวังว่าบทความนี้จะเป็นประโยชน์สำหรับ developer ทุกคนที่เข้ามาอ่านน่ะครับ :)

Split String to rows : Oracle SQL

2015-01-19T04:58:00.000-08:00

บางครั้งเราอาจเจอโจทย์ที่ต้องแยก String ออกเป็นหลายๆ rows ครับ

SELECT trim(regexp_substr('String1,String2,String3', '[^,]+', 1, LEVEL)) str_2_tab
FROM dual
CONNECT BY LEVEL <= regexp_count('String1,String2,String3', ',')+1

thank you : http://stackoverflow.com/questions/14328621/oracle-10g-splitting-string-into-multiple-rows

แก้ปัญหา Oracle SQL LISTAGG not support

2015-01-09T02:00:00.001-08:00

LISTAGG เป็น aggregate function ที่เอาไว้ join multiple row ให้เป้น single row เช่น

ถ้าเรา run SQL นี้ไม่ได้ (เนื่องจาก version ไม่ support)

select gp, LISTAGG(name, ', ') WITHIN GROUP (ORDER BY name) name
from(
  select 'A' gp, 1 name from dual
  UNION
  select 'A' gp, 2 name from dual
  UNION
  select 'A' gp, 3 name from dual
  UNION
  select 'A' gp, 4 name from dual
   UNION
  select 'B' gp, 5 name from dual
  UNION
  select 'B' gp, 6 name from dual
  UNION
  select 'B' gp, 7 name from dual
  UNION
  select 'B' gp, 8 name from dual
)

group by gp

ลอง run แบบนี้ดูครับ

select gp, RTRIM (XMLAGG (XMLELEMENT (e, name || ', ')).EXTRACT ('//text()'), ', ') name
from(
  select 'A' gp, 1 name from dual
  UNION
  select 'A' gp, 2 name from dual
  UNION
  select 'A' gp, 3 name from dual
  UNION
  select 'A' gp, 4 name from dual
   UNION
  select 'B' gp, 5 name from dual
  UNION
  select 'B' gp, 6 name from dual
  UNION
  select 'B' gp, 7 name from dual
  UNION
  select 'B' gp, 8 name from dual
)

group by gp

ถ้าทำแล้วมันมี string ที่ซ้ำกันแล้วเราต้องการลบตัวที่ซ้ำ ใช้ ตัวนี้ช่วยครับ

...
... /* replace YOUR_STRING */
...
REGEXP_REPLACE(REGEXP_REPLACE(regexp_replace( YOUR_STRING ,'([^,]+)(, \1)+', '\1'),',{2,}',','),'^,|,$','')
...
...

Thank you : http://stackoverflow.com/questions/468990/how-can-i-combine-multiple-rows-into-a-comma-delimited-list-in-oracle

Excel Object Mapping

2015-01-06T01:25:00.005-08:00

บางครั้งเราอาจเจอโปรเจ็คที่ลูกค้าต้องการ ให้ import ข้อมูลจาก excel เข้าไปในฐานข้อมูล
แต่มันไม่ได้ง่ายขนาดที่ว่า เอา excel มายัดลงข้อมูลได้เลย เนื่องจากรูปแบบข้อมูลที่แต่ละคนกำหนดมา ไม่เหมือนกัน (วาง column ไม่ตรง pattern ข้อมูลไม่ถูกต้อง) และต้องการให้เรา validate ข้อมูลก่อนนำเข้า จึงเป็นที่มาของการเขียนโปรแกรม เพื่ออ่านข้อมูลจาก excel file ไปเป็น java object

ทำครั้งแรกครั้งที่ 2 ก็ไม่เท่าไหร่ แต่ทำซ้ำไปซ้ำมา รู้สึกว่า มันเริ่มไม่โอเคล่ะ เขียน code เดิมๆ ไม่ได้ความรู้อะไรใหม่ขึ้นมาเลย เริ่มจะไม่อยากยุ่งกับมันล่ะ ก็เลยคิดว่าทำไมเราไม่เขียนเป็น library ไว้ใช้เลยล่ะ โปรเจ็คหน้า ก็เอาตัวนี้ไปใช้ได้เลย ง่ายๆ สะดวกดี

ผมจึงตัดสินใจ เขียน lib Excel Object Mapping สำหรับ Map Excel file ไปเป็น Java Object ให้อัตโนมัติครับ โดยเราแค่ตั้งชื่อ excel แถวแรก ให้ตรงตามชื่อ column ใน java class ที่เราต้องการให้ map ไป แค่นี้มันก็ map ให้แล้วครับ

https://github.com/jittagornp/excel-object-mapping

อนาคต ผมอาจเพิ่มการ validate ข้อมูลที่ซับซ้อนขึ้นไปอีก เพื่อให้ตอบโจทย์กับสิ่งที่เรากำลังทำอยู่ :)

Primefaces SelectOneRadio change disabled

2014-11-24T04:46:00.000-08:00

/**
 * @author redcrow
 * create 24/11/2014
 * link http://na5cent.blogspot.com/2014/11/primefaces-selectoneradio-change.html
 */
(function($) {
    $(function() {
        $('[class*=change-disabled]').each(function() {
            var $redioChecked = $(this);
            var classes = $redioChecked.attr('class').split(' ');
            for (var i = 0; i < classes.length; i++) {
                if (/^(change\-disabled)/.test(classes[i])) {
                    done(
                        $redioChecked.find('input[type=radio]'),
                        replace(classes[i], /.*\:(.*?)\(.*/),
                        replace(classes[i], /.*\((.*?)\).*/)
                    );
                }
            }
        });

        function replace(str, regEx){
            return str.replace(regEx, function() {
                return arguments[1];
            });
        }

        function disabledChecked(checked, $el) {
            if (checked) {
                $el.addClass('disabled-item');
            } else {
                $el.removeClass('disabled-item');
            }
        }

        function isDisabled($radioValue, disableValue) {
            var values = disableValue.split(',');
            for (var i = 0; i < values.length; i++) {
                if ($.trim($radioValue) === $.trim(values[i])) {
                    return true;
                }
            }

            return false;
        }

        function done($oneRadio, disableValue, classes) {
            var clazz = classes.split(',');
            for (var i = 0; i < clazz.length; i++) {
                var $el = $($.trim(clazz[i]));
                disabledChecked(isDisabled(
                        $oneRadio.filter(':checked').val(),
                        disableValue
                    ), $el
                );
        
                $oneRadio.on('change', function() {
                    disabledChecked(isDisabled(
                            $(this).val(),
                            disableValue
                        ), $el
                    );
                });
            }
        }
    });
})(jQuery);

css

.disabled-item{
    position : relative;
    opacity: .30;
    filter: alpha(opacity=30);
}
.disabled-item::after { 
    content: ''; 
    display: inline-block; 
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    pointer-events: all; 
}

ตัวอย่างการใช้งาน

xhtml
กำหนด style class เป็น change-disabled:true(.clinic-a) : disabled target element (.clinic-a) เมื่อค่าตรงตามที่ตั้งไว้ (true) สามารถใส่เป็น multiple value ได้

<span>
    <p:selectOneRadio value="#{auditFormCtrl.auditForm.audit.clinicA}"
                      styleClass="change-disabled:true(.clinic-a)">
        <f:selectItem itemValue="true" itemLabel="Yes"/>
        <f:selectItem itemValue="false" itemLabel="No"/>
    </p:selectOneRadio>
</span>
<span class="clinic-a">
    วันเดือนปีที่ผู้ป่วยเริ่มมีไข้
    <p:spacer width="10"/>
    <p:inputText value="#{auditFormCtrl.auditForm.audit.clinicADate}"
                 styleClass="ic-calendar">
        <f:convertDateTime pattern="dd/MM/yyyy"/>
    </p:inputText>
</span>

แก้ปัญหา time zone ด้วยการ set JVM Time Zone : java

2014-11-22T11:20:00.000-08:00

ปัญหา

เนื่องจากผมทำการพัฒนา java web application และได้ทำการเช่า cloud server (VPS : Virtual Private Server) อยู่ที่ต่างประเทศ ปัญหาที่เจอคือเรื่องของเวลา ที่ไม่ตรงกัน ระหว่าง client (browser) และ server ทำให้การบันทึกข้อมูลลง database มีความผิดเพี้ยนไปจากความเป็นจริง

วิธีแก้

ผมลอง search หาข้อมูลเพื่อแก้ไขปัญหาดังกล่าว มีคนนึงแนะนำว่า ลอง set time zone ให้ JVM ดู น่าจะแก้ได้ ผมเลยลองทำตาม ปรากฎว่าได้จริงๆ ครับ ซึ่ง set ค่าให้ JVM ดังนี้

-Duser.timezone=Asia/Bangkok

พอดีผมใช้ Glassfish Web Application Server การ set ค่าเลยค่อนข้างง่าย เพราะมัน set ที่ GUI ได้เลย

คำถาม

แล้วเราจะรู้ได้ยังไง ว่าเราจะเอาค่า time zone id มาจากไหน

คำตอบ

วิธีการของผมคือนี่เลยครับ

for(String tz : TimeZone.getAvailableIDs()){
    LOG.debug("time zone --> {}", tz);
}

แค่นี้เราก็ได้ค่า time zone id ทั้งหมดมาแล้วครับ ซึ่งก็ขึ้นอยู่กับว่า เราจะ set time zone เป็นของอะไร
ในที่นี้ผมเลือกเป็น Asia/Bangkok

thank you : http://stackoverflow.com/questions/2493749/how-to-set-a-jvm-timezone-properly

BottomScrollFixer : javascript

2014-11-21T01:18:00.002-08:00

บางที element ของเรา อาจจะยาวมากๆ จนล้นหน้าจอ (window) แล้ว element นั้น ก็เกิด bottom overflow (overflow-x เป็น scroll หรือ auto) ด้วย

ปัญหา

ปัญหาที่เจอก็คือ เราต้องเลื่อน scroll ของ window ลงมาข้างล่างสุดของ element นั้นก่อน เราถึงจะสามารถเลื่อน scroll X ของ element นั้นได้ (เพราะ element มันล้นจอ)

วิธีแก้

ผมเลยทำการเขียน javascript ขึ้นมาเพื่อแก้ปัญหานี้ โดยให้มันทำการคำนวนและ fixed bottom scroll ให้โดยอัตโนมัติ โดยที่เราไม่ต้องเลื่อน window scroll ลงไปข้างล่าง มันจะ fixed ให้ทันทีที่เราเลื่อน scroll ไปถึง element นั้นตามขนาดที่เราได้ fixed ไว้ (withFixedHeight) โดยไม่จำเป็นต้องเลือนลงไปยังข้างล่างสุดของ element bottom scroll จะเลื่อนตามเราไปเรื่อยๆ จนกว่าจะพ้น element นั้นๆ

BottomScrollFixer.js

/**
 * @author redcrow
 * create 21/11/2014
 * link http://na5cent.blogspot.com/2014/11/bottomscrollfixer.html
 * 
 * require jQuery
 */
window.BottomScrollFixer = window.BottomScrollFixer || (function($, win) {

    var $win = $(win);

    var Fixer = function(selector) {
        this.$content = $(selector);
        this.contentHeight = this.$content.height();
        this.error = 0;
        this.fixedHeight = 200;
        this.overflowY = this.$content.css('overflow-y');
    };

    Fixer.prototype.withError = function(err) {
        this.error = err;
        return this;
    };

    Fixer.prototype.withFixedHeight = function(height) {
        this.fixedHeight = height;
        return this;
    };

    Fixer.prototype.listen = function() {
        var top = this.$content.offset().top;
        var bottom = this.contentHeight + top;
        var scrollTop = $win.scrollTop();
        var contentTop = $win.height() - this.error;
        var scroll = scrollTop + contentTop;

        var fixed = ((scroll - this.fixedHeight) > top) && (scroll < bottom);
        this.$content.css(fixed ? {
            'height': scroll - top,
            'overflow-y': 'hidden'
        } : {
            'height': 'auto',
            'overflow-y': this.overflowY
        });

        return this;
    };

    Fixer.fixedElement = function(selector) {
        return new Fixer(selector);
    };

    return Fixer;

})(jQuery, window);

ตัวอย่าง
html

<div id="myEelementFixer">
   <div>
       Element นี้ สูง 2,000px และกว้าง 2,000px <br />
       เมื่อ เลื่อน scroll ไปเท่ากับ 200px (withFixedHeight(200))<br /> 
       มันจะเกิด auto fixed bottom scroll ให้<br />
       ในกรณีที่มันไม่เกิด auto fixed scroll ลองค่อยๆ เพิ่มค่า withError(error) ดูครับ 
   </div>
</div>
js
<style>
    #myEelementFixer {
        overflow: auto;
    }
 
    #myEelementFixer > div {
        font-size : 12pt; 
        font-weight : bold;
        padding: 20px; 
        background-color: #fafafa; 
        height: 2000px; 
        width: 2000px;
    }
</style>

(function($, win, BottomScrollFixer) {
    $(function() {
        var $win = $(win);

        var fixer = BottomScrollFixer
                .fixedElement('#myEelementFixer')
                .withFixedHeight(200)
                .listen();

        $win.scroll(function() {
            fixer.listen();
        }).resize(function() {
            fixer.listen();
        });
    });
})(jQuery, window, BottomScrollFixer);

(สังเกต bottom scroll จะเลื่อนตาม)

Element นี้ สูง 2,000px และกว้าง 2,000px
เมื่อ เลื่อน scroll ไปเท่ากับ 200px (withFixedHeight(200))
มันจะเกิด auto fixed bottom scroll ให้
ในกรณีที่มันไม่เกิด auto fixed scroll ลองค่อยๆ เพิ่มค่า withError(error) ดูครับ

age computation oracle sql

2014-11-12T22:41:00.002-08:00

code

select trunc(months_between(sysdate,dob)/12) year,
    trunc(mod(months_between(sysdate,dob),12)) month,
    trunc(sysdate-add_months(dob,trunc(months_between(sysdate,dob)/12)*12+trunc(mod(months_between(sysdate,dob),12)))) day
from (
    Select to_date('15122000','DDMMYYYY') dob 
    from dual
);

output
year month day
13 10 29

เขียน Service Glassfish Server บน Linux Ubuntu

2014-10-22T10:15:00.003-07:00

server นี้ผมได้ทำการ set GLASSFISH_HOME ไว้ใน $PATH ของ file ~/.bashrc แล้วน่ะครับ จึงทำให้สามารถเรียก asadmin ได้เลย โดยไม่ต้องใช้ path เต็มครับ

1. ไปที่ /etc/init.d/ ด้วยคำสั่ง

$ cd /etc/init.d/

2. สร้าง file service glassfish ด้วยคำสั่ง

$ sudo vi glassfish

3. เขียนชุดคำสั่ง

#!/bin/sh
#

# define service function
start(){
    asadmin start-domain >/dev/null  
}

stop(){
    asadmin stop-domain >/dev/null  
}

restart(){
    asadmin restart-domain >/dev/null  
}

#detect service argument
case "$1" in
    start)
        start
    ;;
    stop)
        stop
    ;;
    restart)
        restart
    ;;
*)

echo $"Usage: $0 {start|stop|restart}"
exit 1
esac

exit 0

4. สั่งงาน

$ service glassfish start

หรือ

$ /etc/init.d/glassfish start

Mysql Connection utf8

2014-10-22T02:10:00.002-07:00

ให้เพิ่ม useUnicode=true&characterEncoding=UTF-8 ต่อท้าย connection

URL= jdbc:mysql://127.0.0.1:3306/mydatabase?useUnicode=true&characterEncoding=UTF-8

concept การเขียนและการวาง architecture java web application ของผม

2014-10-21T22:01:00.001-07:00

กำลังเขียน...

WeakHashMap ใน java

2014-09-29T09:27:00.002-07:00

ย้ายไปไว้ที่ https://www.jittagornp.me/blog/java-weakhashmap/

jsf controller view scope ใน spring component : java

2014-09-28T10:11:00.003-07:00

เท้าความ

ในการเขียน Managed bean หรือ Controller ของ JSF (JavaServer Faces) นั้น จะต้องใช้ annotation @ManagedBean และ annotation Scoped ของ faces อย่างใดอย่างหนึ่งกำหนดไว้เสมอ ได้แก่

@ApplicationScoped
@SessionScoped
@ViewScoped
@RequestScoped

ซึ่งเป็นตัวที่บ่งบอกวงจรชีวิตของ managed bean นั้นๆ ว่าจะมีชีวิตอยู่ได้นานเท่าใด

ต่อมา ผมต้องการเปลี่ยน managed bean ของ jsf ทั้งหมดที่ใช้ @ManagedBean ไปใช้ @Component ของ SpringFramework จากที่แต่ก่อน instance ของ managed bean ถูกสร้างขึ้นโดย jsf engine ก็ delegate ไปให้เป็นหน้าที่ของ spring เป็นคนสร้างให้แทน เนื่องจากต้องการให้สามารถ inject service และ component ต่างๆ ได้ง่ายขึ้น เพราะเป็น spring ด้วยกัน

ปัญหา

ปัญหาที่ผมเจอคือ การสร้าง controller ที่เป็น jsf ของ spring จะต้องควบคู่กับ annotation @Scope ซึ่งมี scope ไม่ครบตาม scope เดิมของ jsf คือยังขาด scope ที่เป็น view แล้วเราจะทำยังไงล่ะ เพราะส่วนใหญ่แล้วเราต้องการ scope ที่เป็น view ซ่ะด้วย?

คำตอบ

ก็สร้างมันขึ้นมาซ่ะสิ

วิธีการ

1. สร้าง scope ที่เป็น view ของ jsf ให้ @Scope
ในที่นี้ เราจะ custom view scope ขึ้นมาเอง โดยผนวกมันเข้ากับ FacesContext

package com.blogspot.na5cent.spring;

import java.util.Map;

import javax.faces.context.FacesContext;

import org.springframework.beans.factory.ObjectFactory;
import org.springframework.beans.factory.config.Scope;

/**
 * @author redcrow
 */
public class ViewScope implements Scope {

    private Map<String, Object> getViewMap() {
        return FacesContext.getCurrentInstance()
                .getViewRoot()
                .getViewMap();
    }

    @Override
    public Object get(String name, ObjectFactory objectFactory) {
        Map<String, Object> viewMap = getViewMap();

        if (viewMap.containsKey(name)) {
            return viewMap.get(name);
        } else {
            Object object = objectFactory.getObject();
            viewMap.put(name, object);

            return object;
        }
    }

    @Override
    public Object remove(String name) {
        return getViewMap().remove(name);
    }

    @Override
    public String getConversationId() {
        return null;
    }

    @Override
    public void registerDestructionCallback(String name, Runnable callback) {
        //Not supported
    }

    @Override
    public Object resolveContextualObject(String key) {
        return null;
    }
}

2. ที่ file applicationContext.xml (ของ spring framework) ให้ add scope เข้าไปใน component

...
...
...
    <bean class="org.springframework.beans.factory.config.CustomScopeConfigurer">
        <property name="scopes">
            <map>
                <entry key="view">
                    <bean class="com.blogspot.na5cent.spring.ViewScope"/> <!-- ***** -->
                </entry>
            </map>
        </property>
    </bean>
...
...
...

3. ใช้งาน

...
...
...
@Component
@Scope("view") //*****
public class TopicIncomeCtrl {

    private static final Logger LOG = LoggerFactory.getLogger(TopicIncomeCtrl.class);
    @Autowired
    private TopicIncomeService service;
    private TopicIncomeLazy lazy;
    private TopicIncome topic;

    @PostConstruct
    public void postContruct() {
        lazy = new TopicIncomeLazy();
    }

    public TopicIncomeLazy getLazy() {
        return lazy;
    }

    public void onCreateTopic() {
        topic = new TopicIncome();
    }

    public TopicIncome getTopic() {
        return topic;
    }

    public void setTopic(TopicIncome topic) {
        this.topic = topic;
    }
    
    public void onAddTopic(){
        service.saveTopic(topic);
    }
}

ก่อนที่จะทำตรงนี้ได้ แนะนำให้อ่าน 2 บทความนี้ก่อนครับ
http://na5cent.blogspot.com/2013/07/jsf-managedbean-can-autowire-spring.html http://na5cent.blogspot.com/2013/09/spring-session-scope.html

ที่มาของภาพ http://www.coyotecanada.ca/view_through_scope_I.jpg

wrap http servlet response ด้วย HttpServletResponseWrapper

2014-09-23T03:39:00.000-07:00

ปัญหา

อันนี้เป็นปัญหาที่ผมเจอระหว่างการพัฒนาโปรเจ็คที่ใช้ spring mvc ครับ ซึ่ง view ผมเป็น jsp
ความต้องการของผมคือ ผมต้องการ parse jsp ไปเป็น html เอง (manual parse) เพราะผมต้องการ return ผลลัพธ์กลับไปเป็น json ซึ่งห่อหุ้ม html (jsp) อีกที ก็เลยได้ลองหาข้อมูลใน google อยู่สักพัก ปรากฏว่ามันไม่น่าจะทำได้

ทุกปัญหาย่อมมีทางออก!
มันก็มีทางออกอยู่ว่า ถ้าอยาก parse template เอง ก็ต้องเปลี่ยนไปเขียน code ที่เป็นพวก template engine แทน jsp เช่น themeleaf, freemarker หรือ velocity อันนี้ได้ชัวร์ 100% แต่ผมไม่อยากเปลี่ยนนี่สิ เพราะผมต้องการ feature บางอย่างของ jsp ที่มีมากกว่า template engine พวกนี้
จนในที่สุด ผมก็พบทางออก ลืมไปเลย ว่ามันมีวิธีนี้อยู่ manual parse ไม่ได้ไม่เป็นไร งั้นห่อหุ่ม (wrap) ผลลัพธ์แทนแล้วกัน ซึ่งเป็นที่มาของบทความนี้ครับ

วิธีการ

ผมแก้ปัญหาการ manual parse ไปเป็นการห่อหุ้ม (wrap) ผลลัพธ์ที่ถูก parse แล้วแทน สรุปก็ยังใช้ jsp เหมือนเดิม แล้วให้ servlet engine parse jsp ให้จนได้ผลลัพธ์ที่เป็น html
เราค่อยเอา html นั้นมา wrap ด้วย json ตามที่เราต้องการครับ

คำถาม
แล้วเราจะ wrap มันยังไง?

คำตอบ
wrap ด้วย HttpServletResponseWrapper ผ่าน filter นั่นเอง

มาเขียนกันเลยดีกว่าครับ ซึ่งมีแค่ 2 ขั้นตอนเท่านั้น

1. สร้าง class ที่ extends HttpServletResponseWrapper เพื่อ modify response ที่ถูกส่งกลับมา ให้เป็น String ด้วยการเปลี่ยน PrintWriter ของ HttpServletResponse เดิม ไปเป็น CharArrayWritter (จริงๆ แล้วก็ไม่ได้เปลี่ยนหรอก แค้่ให้ PrintWriter มันเขียนลง CharArrayWritter แทน)

CharResponseWrapper.java

package com.blogspot.na5cent.servlet;

import java.io.CharArrayWriter;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletOutputStream;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpServletResponseWrapper;

/**
 * @author redcrow
 */
public class CharResponseWrapper extends HttpServletResponseWrapper {

    protected CharArrayWriter charWriter;

    protected PrintWriter writer;

    protected boolean getOutputStreamCalled;

    protected boolean getWriterCalled;

    public CharResponseWrapper(HttpServletResponse response) {
        super(response);
        
        charWriter = new CharArrayWriter();
    }

    @Override
    public ServletOutputStream getOutputStream() throws IOException {
        if (getWriterCalled) {
            throw new IllegalStateException("getWriter already called");
        }

        getOutputStreamCalled = true;
        return super.getOutputStream();
    }

    @Override
    public PrintWriter getWriter() throws IOException {
        if (writer != null) {
            return writer;
        }
        
        if (getOutputStreamCalled) {
            throw new IllegalStateException("getOutputStream already called");
        }
        
        getWriterCalled = true;
        writer = new PrintWriter(charWriter);
        return writer;
    }

    @Override
    public String toString() {
        String s = null;

        if (writer != null) {
            s = charWriter.toString();
        }
        
        return s;
    }
}

2. เขียน filter เพื่อเปลี่ยนและ wrap response ด้วย CharResponseWrapper จากข้อ 1 แล้ว manual json ก่อนส่งกลับไปให้ client (browser)
Jsp2JsonResponseWrapperFilter.java

package com.blogspot.na5cent.filter;

import java.io.IOException;
import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.annotation.WebFilter;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.blogspot.na5cent.servlet.CharResponseWrapper;
import com.google.gson.Gson;
import java.util.HashMap;
import java.util.Map;
import java.util.Date;

/**
 * @author redcrow
 */
@WebFilter(urlPatterns = "/*")
public class Jsp2JsonResponseWrapperFilter implements Filter {

    @Override
    public void init(FilterConfig filterConfig) throws ServletException {

    }

    private boolean isJsp2JsonRequest(HttpServletRequest request) {
        return request.getRequestURI().contains("/json/");
    }

    @Override
    public void doFilter(
            ServletRequest request,
            ServletResponse response,
            FilterChain chain
    ) throws IOException, ServletException {

        HttpServletRequest req = (HttpServletRequest) request;
        HttpServletResponse resp = (HttpServletResponse) response;

        if (!isJsp2JsonRequest(req)) {
            chain.doFilter(request, response);
            return;
        }

        ServletResponse newResponse = new CharResponseWrapper(resp); //*****
        chain.doFilter(request, newResponse);
        String html = newResponse.toString();

        if (html != null) {
            Map<String, Object> map = new HashMap<>();
            map.put("payload", html);
            map.put("timestamp", new Date().getTime());

            response.getWriter().write(new Gson().toJson(map));
            response.setContentType("application/json");
        }
    }

    @Override
    public void destroy() {

    }

}

ถ้า file .jsp เราเป็น

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<h1>hello world</h1>

ผลลัพธ์จะได้เป็น json ดังนี้

{"timestamp":1411477104056,"payload":"\u003ch1\u003ehello world\u003c/h1\u003e"}

แค่นี้ ผมก็แก้ปัญหาที่ผมต้องการได้แล้วครับ

เหตุผล

แน่นอนว่า ต้องมีคนสงสัยว่าทำไมผมต้องทำแบบนี้

ตอบ : เพราะผมต้องการ add additional data ลงไปใน response โดยไม่ให้ส่งผลกระทบต่อ html/jsp เดิมครับ รูปแบบ json เป็นอะไรที่อ่านแล้วเข้าใจง่ายที่สุด และใช้ร่วมกับ javascript ได้ดีที่สุด ผมมองถึงอนาคตที่ต้องมี additional data ต่างๆ อีกมากมาย รวมทั้งต้องการทำให้ response ทุกอย่างที่เป็น ajax มีรูปแบบเป็น json แบบเดี่ยวกันทั้งหมด เพื่อความง่ายในการ manage ครับ