DEV Community: slumboy

How to fixed Warning Version pom.xml

slumboy — Tue, 23 Jul 2019 10:42:33 +0000

<!--$NO-MVN-MAN-VER$-->

How to configure console color (asni) Spring-boot

slumboy — Fri, 19 Jul 2019 04:50:36 +0000

In application.yml file.

spring:
  output:
    ansi:
      enabled:  always

ชำแหละ [(ngModel)]

slumboy — Tue, 12 Feb 2019 04:40:57 +0000

สวัสดี สวีดัส หลังจากที่หายหน้าหายตากันไปนานแสนนาน (ช่วงงานเยอะ กราบขอภัย _/_ ทุกๆท่าน)

เอาละเพื่อไม่ให้เป็นการเสียนาฬิกา เห๊ย เวล๊าา!!! ฮิฮิ

เอาละเราเข้าเรื่องกันละมา
[(ngModel)] ที่เราใช้เขาอยู่ทุกวี่ทุกวัน และยังทำงานเป็น two-way binding แล้วยังไงต่อนะ มันจะมีประโยชน์อะไรถ้าเราไม่สามารถนำความสามารถนี้ของ ngModel ไปต่อยอดได่
ณ ตอนนี้ วันนี้ เราเลยจะมาแยกชิ้นส่วนของเขากัน ว่าจริงๆแล้ว มันมีความหมายอะไร และทำอะไรได้บ้าง
เพื่อไม่ให้เป็นการพร่ำเพื่อ (อันที่จริงนี้ก็พร่ำเพื่อสุดๆละนะ -__-)
รูปเดิม : [(ngModel)] = ทำงานเป็น two-way (properties+$event)
แยกส่วน : [ngModel] = ทำงานเป็น ตัวแปร properties
แยกส่วน : (ngModelChange) = ทำงานเป็น ตัวแปร $event

จริงๆแล้ว [ngModel] พอเราเขียนแบบนี้ มันก็คือ one-way binding นั้นละครับ แต่ในบทความอันเล็กๆนี้เราจะไม่ขอพูดถึงละกัน (เดี๋ยวไม่จบ ฮ่าๆๆ)
เอาละพอเราแยกมันออกเขียนแบบนี้เเล้ว มันดียังไง ทำไรได้ บอกเลยว่า

เราสามารถใช้ pipe ที่เราเขียนขึ้นเอง ได้
เราสามารถแปลงค่า ทุกๆสิ่งอย่างได้
เราสามารถให้มันแสดงผลตามที่เราต้องการได้
และอื่นๆอีกมากมาย ดังตัวอย่างเล็กๆน้อยๆ

<input [ngModel]="item.value | useMyPipeToFormatThatValue" 
      (ngModelChange)="item.value=$event" name="inputField" type="text" />

** หากผิดพลาดประการใด ก็ขออภัยไว้ ณ ที่นี้ด้วยนะครับ

JPA Code example (Ep.1)

slumboy — Wed, 11 Jul 2018 12:37:38 +0000

เกริ่นไปเรื่อย

บทนี้อาจจะดูวุ่นวายนิดหน่อยครับ แต่ไม่ปัญหาที่เราจะติดอะไร เพราะบทนี้จะใช้พื้นฐาน ในการสร้าง สรา้ง

class
method
getter
setter

เราจะเริ่มต่อจากบทที่เเล้ว ที่เราเตรียมไว้นะครับ

สิ่งที่เราต้องสร้างไว้ มีตามนี้ครับ

Entity หรือ POJO 1 ตัวครับ คือตัวที่เอาไว้ทำการ map กับ table ใน Database

Employee.java

Service เอาไว้ทำเกี่ยวกับพวก create ,update ,find ,delete

CreateEmployee.java
DeleteEmployee.java
FindEmployee.java
UpdateEmployee.java

Persistence คือ เราจะเรียกให้เข้าง่าย ๆ วันมันคือไฟล์ที่เอาใช้ config สิ่งต่างๆ คล้ายๆไฟล์ poperties โดยปกติจะมีอยู่แล้วใน META-INF

Persistence.xml

จะได้หน้าตา ประมาณนี้

วิธีสร้าง

ความจริงเราสร้างตามที่ตัวเองถนัดได้เลยนะ แต่ถ้าเอาตามผม ก็ดูตัวอย่างตามด้านล่างนี้ครับ
1.สร้าง Pacakage ขึ้นมาก่อน

คลิกขวาที่ src -> new --> Package

2.ตั้งชื่อ package
ตัวอย่าง com.ชื่อโปรเจค.ชื่อสำหรับบอกการใช้งาน เป็น pattern ของผมเอง แต่มันไม่ได้ตายตัวนะ เราสามารถสร้างตามที่เราเข้าใจ ได้เลย มันก็จะได้น่าตาประมาณนี้

สร้าง class คลิกขวาที่ ชื่อ package ที่เราสร้างไว้ -> new --> class

สังเกตดู

Package : มันจะชี้ไปที่ๆเราสร้างไว้ เพื่อบอกว่า class ที่เรากำลังสร้างอยู่ตอนนี้จะอยู่ภายใต้ package นี้
Name : คือชื่อ class ที่เราจะตั้ง

4.เหลือ Package สำหรับ Service ละในนั้นก็จะมี 4 class ตามรูปภาพด้านล่างนี้ เราลองสร้างกันดูเองนะ

set Enviroment JPA แบบบ้านๆ

slumboy — Mon, 09 Jul 2018 17:33:50 +0000

เกริ่นพอเข้าใจ

บทนี้เป็นการ เตรียมทรัพยากรต่าง ๆ เพื่อที่เราจะเริ่มทำความเข้าใจกับพื้นฐานของคุณ JPA มากขึ้นเพื่อต่อยอดได้นะครับ
( ความจริง เราสามารถสร้างพร้อมกับ สร้างโปรเจคได้เลย ตามตัวอย่าง spring-boot + jpa ที่มีเยอะแยะตามเว็บครับ) ในบทนี้เลยจะแยกเอามาแต่ JPA เพียวๆ ( เขียน code java บ้างนิดหน่อยครับ )

สิ่งที่ความ set ไว้ให้เรียบร้อย

JAVA_HOME
Link driver connect mysql

1 สร้างโปรเจคใหม่ขึ้นมาครับ (น่าจะไม่ยากนะครับ ^_^)

2 ทำตามรูปภาพเลยนะครับ (ถ้าติดปัญหา comment มาถามได้ครับ)

*1 : ตั้งชื่อ project ครับ
*2 : เลือกตัวรันครับ ของผมใช้ jre1.8
*3 : กด next

3 จากขั้นตอนที่ 2 ถ้าไม่มีปัญหาอะไรก็จะได้ หน้าเเบบนี้ครับ

4 หากเราไม่มีตัว library เขาก็จะไม่ยอมให้เราผ่าน เราก็ไปโหลดมาครับ กดปุ่มเล็กๆ ตามรูปครับ

5 เลือก version ตามที่สะดวกครับ ส่วนตัวผมเลือก `ล่าสุด`ครับ

6 เหมือนกับติดตั้งโปรแกรมปกติครับ ติก accept (โกหกว่าอ่านจบและยอมรับบาป เพื่อไปต่อ^_^ )

*1 : ยอมรับบาปทุก กรณี
*2 : ฉันได้สิ่งที่ต้องการ เราจบกัน

7 อาจจะยังมีเยื่อใย แต่เราจบกันได้ครับ (เริ่มนอกเรื่อง เอาเป็นว่าทำตามรูปนะครับ)

*1 เราเลิกกัน ฉันดีเกินคน เชอะ~!

8 ถ้ามาถึงขั้นตอนนี้แล้วมียังเยื่อใย อ้าว ¬ _ ¬ `warning !!` ไม่เป็นไรครับ

9 ต่อมา เราก็ไป add mysql connector เข้ามาครับ เพื่อจะทำอะไรสักอย่างเกี่ยวกับ DB

10 ให้รูปภาพ ทำงานบ้าง

*1 : เลือกแท็ป Java Build path
*2 : เลือกแท็ป library ดูให้ดีๆนะครับ หลายครั้งที่เรามักเข้าใจผิด เเล้วหาไม่เจอ
*3 : เลือก Add External JARs ที่เลือกตรงนี้ เพราะว่าเรา ไปโหลด mysql connector .jar มาเก็บไว้ที่เครื่องครับ
Add คือ เพิ่ม
External คือ จากเครื่องเราเอง
Jars คือ ไฟล์นามสกุล .jar

11 เลือกไฟล์ MySql Connector ที่เราโหลดมา

*1 : ตอนโหลดมา เก็บไว้ที่ไหนก็ชี้ไปที่นั้นละครับ แตกไฟล์ก่อนด้วยนะ
*2 : แล้วก็เลือกซะ

พื้นฐาน JPA[ ep.2 ]

slumboy — Sat, 07 Jul 2018 12:34:20 +0000

เกริ่นไปเรื่อย

การเขียนโปรแกรมติดต่อฐานข้อมูลด้วยภาษา Java ส่วนใหญ่พื้นฐานเราจะใช้ JDBC ในการติดต่อ นอกจาก JDBC แล้วบางคนก็อาจจะใช้ Framework หรือ API ประเภท ORM (Object Relation Mapping) ถึงตรงนี้แล้วบางคนอาจสงสัยว่า ORM คืออะไร เอาง่ายๆ เลยนะคับ ORM คือเครื่องมือที่ช่วยให้เราสามารถมองฐานข้อมูลเป็น Object ถ้าเราแก้ไขข้อมูลใน Object ก็จะท าให้ข้อมูลในฐานข้อมูลมีการเปลี่ยนแปลง เหมือนกับการใช้ SQL Command ตรงๆ

ยกตัวอย่างเช่น เรามีตารางฐานข้อมูล เก็บข้อมูลลูกค้าตามรูปข้างล่าง(1) หากเรามองเป็น Object เรามักจะเขียน Code (2) ประมาณนี้

ซึ่งถ้าเป็น ORM เราสามารถสร้าง Record ใหม่ด้วยการ New Instance ของ Object Employee และสั่งให้ Framework หรือ API ทำการสร้าง Record ได้เลย โดยที่ไม่ต้องเขียน Statement Insert เหมือนใน JDBC ที่พูดมายืดยาวก็เพื่อให้พอเห็นภาพของ ORM โดยเจ้าตัว ORM นี้ใน Java ก็มีด้วยกันหลายตัวเช่น Hibernate , JPA (Java Persistence API) , … etc.

สำหรับในวันนี้จะขอพูดถือตัว JPA

JPA ย่อมาจาก Java Persistence API เป็น API มาตรฐานตัวหนึ่งที่อยู่ใน Technology Java EE ใช้สำหรับการทำ ORM วิธีการสร้างหรือการใช้งานก็ไม่ยุ่งยาก โดยขอแบ่งเป็นขั้นตอนง่ายๆ ดังนี้

ทำการสร้าง Object เพื่อ Mapping ตารางหรือ Field ต่างๆ ในฐานข้อมูล
ทำการเขียน Configuration ไฟล์สำหรับการเชื่อมฐานข้อมูลในไฟล์ persistence.xml
ใช้งาน Object ผ่านทาง Entity Manager

ทำการสร้ำง Object เพื่อ Mapping ตารางหรือ Field ต่างๆ ในฐานข้อมูล ขั้นตอนการทำ Object Mapping คือการที่เราเอาทำการเขียน Object ให้มีความสัมพันธ์กับฐานข้อมูลโดยมีรายละเอียดดังนี้

@Entity
ใช้สำหรับกำหนด Class ที่จะ Map กับตารางในฐานข้อมูล

*กรณีไม่กำหนดชื่อตาราง ชื่อ Entity นั้นๆ จะหมายถึงชื่อตารางในฐานข้อมูล

@Table
ใช้สำหรับกำหนดชื่อตารางฐานข้อมูลที่ Map กับ Class ที่เราสร้าง

@id และ @GeneratedValue
ใช้สำหรับกำหนด Field ที่เป็น Primary Key กรณีที่เป็น id ประเภท Auto Generate จะใช้ @GeneratedValue

@Column
ใช้สำหรับกำหนดชนิดของ column ของฐานข้อมูล เช่น

พื้นฐาน JPA

slumboy — Fri, 06 Jul 2018 09:28:10 +0000

หลักการสร้าง Entity Class

เป็น java class ตั้งชื่อว่าอะไรก็ได้ (ให้สื่อกับความหมายนั้นๆ)
implements Serializable
มี annotation @Entiry อยู่บน class
Entity Class ต้องมี default constructor ที่ไม่มี parameter เท่านั้น เช่น
```
public Category(){ }
```
ในกรณีที่ต้องการกำหนดค่าบางอย่างของ Table ให้ใช้ annotation @Table เช่น
- การกำหนดชื่อให้ table จะใช้ attribute name
- แต่ถ้าไม่ได้กำหนดชื่อ default table name จะเป็นชื่อของ entity class นั้นๆ
- การตั้งชื่อ table ให้ระวังเรื่อง reserve word ของ database แต่ละเจ้า
กำหนด attribute จะต้องมี attribute อย่างน้อย 1 attribute ที่มี annotation @Id เพื่อบอกว่าเป็น primary key
มี method getter และ setter เพื่อ get และ set ค่าให้กับแต่ละ attribute
ในการกำหนดค่า แต่ละ attribute หรือแต่ละ column ให้ใช้ annotation @Colum อยู่บน attribute นั้นๆ
การ map relationship ให้สร้าง attribute ที่มี data type เป็น Entity Class ที่ต้องการ map ด้วย จากนั้นก็ใส่ annotation Mapping ต่างๆ ไว้บน attribute นั้นๆ เช่น
```
@OneToOne
@OneToMany
@ManyToOne
@ManyToMany
```

หลักการคร่าวๆ มีประมาณนี้

Update npm && node

slumboy — Mon, 28 May 2018 14:04:20 +0000

`i'm use deepin os`

`1.sudo npm cache clean -f && npm install -g n`

`2.sudo n stable`

`3.wait a minute`

`4. Check node -v && npm -v`

Bonus

you can check enviroment node and npm

npm doctor

Hello Dev.to

slumboy — Sun, 20 May 2018 17:22:12 +0000

DEV Community: slumboy

How to fixed Warning Version pom.xml

How to configure console color (asni) Spring-boot

ชำแหละ [(ngModel)]

สวัสดี สวีดัส หลังจากที่หายหน้าหายตากันไปนานแสนนาน (ช่วงงานเยอะ กราบขอภัย _/_ ทุกๆท่าน)

เอาละเพื่อไม่ให้เป็นการเสียนาฬิกา เห๊ย เวล๊าา!!! ฮิฮิ

JPA Code example (Ep.1)

เกริ่นไปเรื่อย

สิ่งที่เราต้องสร้างไว้ มีตามนี้ครับ

จะได้หน้าตา ประมาณนี้

วิธีสร้าง

สังเกตดู

set Enviroment JPA แบบบ้านๆ

เกริ่นพอเข้าใจ

สิ่งที่ความ set ไว้ให้เรียบร้อย

1 สร้างโปรเจคใหม่ขึ้นมาครับ (น่าจะไม่ยากนะครับ ^_^)

2 ทำตามรูปภาพเลยนะครับ (ถ้าติดปัญหา comment มาถามได้ครับ)

3 จากขั้นตอนที่ 2 ถ้าไม่มีปัญหาอะไรก็จะได้ หน้าเเบบนี้ครับ

4 หากเราไม่มีตัว library เขาก็จะไม่ยอมให้เราผ่าน เราก็ไปโหลดมาครับ กดปุ่มเล็กๆ ตามรูปครับ

5 เลือก version ตามที่สะดวกครับ ส่วนตัวผมเลือก ล่าสุดครับ

6 เหมือนกับติดตั้งโปรแกรมปกติครับ ติก accept (โกหกว่าอ่านจบและยอมรับบาป เพื่อไปต่อ^_^ )

7 อาจจะยังมีเยื่อใย แต่เราจบกันได้ครับ (เริ่มนอกเรื่อง เอาเป็นว่าทำตามรูปนะครับ)

8 ถ้ามาถึงขั้นตอนนี้แล้วมียังเยื่อใย อ้าว ¬ _ ¬ warning !! ไม่เป็นไรครับ

9 ต่อมา เราก็ไป add mysql connector เข้ามาครับ เพื่อจะทำอะไรสักอย่างเกี่ยวกับ DB

10 ให้รูปภาพ ทำงานบ้าง

11 เลือกไฟล์ MySql Connector ที่เราโหลดมา

พื้นฐาน JPA[ ep.2 ]

เกริ่นไปเรื่อย

สำหรับในวันนี้จะขอพูดถือตัว JPA

พื้นฐาน JPA

หลักการสร้าง Entity Class

Update npm && node

i'm use deepin os

1.sudo npm cache clean -f && npm install -g n

2.sudo n stable

3.wait a minute

4. Check node -v && npm -v

you can check enviroment node and npm

npm doctor

Hello Dev.to

5 เลือก version ตามที่สะดวกครับ ส่วนตัวผมเลือก `ล่าสุด`ครับ

8 ถ้ามาถึงขั้นตอนนี้แล้วมียังเยื่อใย อ้าว ¬ _ ¬ `warning !!` ไม่เป็นไรครับ

`i'm use deepin os`

`1.sudo npm cache clean -f && npm install -g n`

`2.sudo n stable`

`3.wait a minute`

`4. Check node -v && npm -v`