Devahoy Logo
PublishedAt

Android

ตัวอย่างการใช้งาน SQLite บน Android ตอนที่ 2

ตัวอย่างการใช้งาน SQLite บน Android ตอนที่ 2
Update! สำหรับคนที่สงสัยเกี่ยวกับการเรียกดูข้อมูลในฐานข้อมูลได้อย่างไร ติดตามอ่านบทความได้ที่นี่ครับ วิธีการเรียกดูข้อมูล SQLite จาก Emulator

มาต่อบทความเรื่องฐานข้อมูลบน Android ด้วย SQLite กันต่อครับ หลังจาก Part 1 นำเสนอ วิธีการใช้งาน SQLite เบื้องต้น การสร้างฐานข้อมูลและการ Query ไปแล้ว บทความนี้จะมาต่อเรื่องการใช้ INSERT, UPDATE, DELETE ครับ

Step 1 : INSERT

ต่อมาเราจะทำหน้า AddFriendActivity ต่อครับ หน้านี้มีไว้สำหรับกรอกรายละเอียดต่างๆ เพื่อเพิ่มลงฐานข้อมูล เริ่มแรกก็สร้างเลเอาท์ของมันก่อน โดยจะให้มีหน้าตาประมาณนี้้

Add Friend Layout

ตั้งชื่อว่า activity_addfriend.xml เซฟไว้ใน res/layout/

1
<?xml version="1.0" encoding="utf-8"?>
2
3
<LinearLayout
4
xmlns:android="http://schemas.android.com/apk/res/android"
5
android:orientation="horizontal"
6
android:layout_width="match_parent"
7
android:layout_height="match_parent"
8
android:gravity="center">
9
10
<LinearLayout
11
android:layout_width="match_parent"
12
android:layout_height="wrap_content"
13
android:orientation="vertical"
14
android:layout_margin="20dp" >
15
16
<LinearLayout
17
android:layout_width="match_parent"
18
android:layout_height="wrap_content"
19
android:orientation="horizontal" >
20
21
<TextView
22
android:layout_width="wrap_content"
23
android:layout_height="wrap_content"
24
android:text="@string/friend_first_name"
25
android:textSize="24sp" />
26
27
<EditText
28
android:id="@+id/add_first_name"
29
android:layout_width="match_parent"
30
android:layout_height="wrap_content"
31
android:textSize="24sp"
32
android:singleLine="true" />
33
34
</LinearLayout>
35
36
<LinearLayout
37
android:layout_width="match_parent"
38
android:layout_height="wrap_content"
39
android:orientation="horizontal" >
40
41
<TextView
42
android:layout_width="wrap_content"
43
android:layout_height="wrap_content"
44
android:text="@string/friend_last_name"
45
android:textSize="24sp" />
46
47
<EditText
48
android:id="@+id/add_last_name"
49
android:layout_width="match_parent"
50
android:layout_height="wrap_content"
51
android:textSize="24sp"
52
android:singleLine="true" />
53
54
</LinearLayout>
55
56
<LinearLayout
57
android:layout_width="match_parent"
58
android:layout_height="wrap_content"
59
android:orientation="horizontal" >
60
61
<TextView
62
android:layout_width="wrap_content"
63
android:layout_height="wrap_content"
64
android:text="@string/friend_tel"
65
android:textSize="24sp" />
66
67
<EditText
68
android:id="@+id/add_tel"
69
android:layout_width="match_parent"
70
android:layout_height="wrap_content"
71
android:textSize="24sp"
72
android:singleLine="true" />
73
74
</LinearLayout>
75
76
<LinearLayout
77
android:layout_width="match_parent"
78
android:layout_height="wrap_content"
79
android:orientation="horizontal" >
80
81
<TextView
82
android:layout_width="wrap_content"
83
android:layout_height="wrap_content"
84
android:text="@string/friend_email"
85
android:textSize="24sp" />
86
87
<EditText
88
android:id="@+id/add_email"
89
android:layout_width="match_parent"
90
android:layout_height="wrap_content"
91
android:textSize="24sp"
92
android:singleLine="true" />
93
94
</LinearLayout>
95
96
<LinearLayout
97
android:layout_width="match_parent"
98
android:layout_height="wrap_content"
99
android:orientation="vertical" >
100
101
<TextView
102
android:layout_width="wrap_content"
103
android:layout_height="wrap_content"
104
android:text="@string/friend_description"
105
android:textSize="24sp" />
106
107
<EditText
108
android:id="@+id/add_description"
109
android:layout_width="match_parent"
110
android:layout_height="wrap_content"
111
android:textSize="24sp"
112
android:singleLine="false" />
113
114
</LinearLayout>
115
116
<Button
117
android:id="@+id/button_submit"
118
android:layout_width="100dp"
119
android:layout_height="wrap_content"
120
android:layout_gravity="center"
121
android:padding="15dp"
122
123
android:layout_marginTop="20dp"
124
android:text="@android:string/ok" />
125
126
</LinearLayout>
127
128
</LinearLayout>

สำหรับไฟล์ String ใน res/values/strings.xml เผื่อบางคนขี้เกียจตั้งชื่อเอง

1
<?xml version="1.0" encoding="utf-8"?>
2
<resources>
3
4
<string name="app_name">AhoySQLite</string>
5
6
<string name="friend_first_name">FirstName</string>
7
<string name="friend_last_name">LastName</string>
8
<string name="friend_tel">Tel</string>
9
<string name="friend_email">Email</string>
10
<string name="friend_description">Description</string>
11
12
<string name="action_delete">Delete</string>
13
<string name="action_edit">Edit</string>
14
<string name="action_add">Add</string>
15
16
<string name="alert_title">Delete this friend?</string>
17
<string name="alert_message">Are you sure to delete this friend?</string>
18
19
<string name="add_data_title">Add this friend?</string>
20
<string name="add_data_message">Are you sure to add this friend?</string>
21
22
</resources>

เมื่อได้เลเอาท์แล้ว ต่อมาเราจะมาสร้างเมธอดที่ DBHelper เพื่อทำการ Insert ลงฐานข้อมูลกัน

เปิด DBHelper ขึ้นมา เพิ่มเมธอด addFriend(Friend) ลงไป

1
public void addFriend(Friend friend) {
2
sqLiteDatabase = this.getWritableDatabase();
3
4
ContentValues values = new ContentValues();
5
//values.put(Friend.Column.ID, friend.getId());
6
values.put(Friend.Column.FIRST_NAME, friend.getFirstName());
7
values.put(Friend.Column.LAST_NAME, friend.getLastName());
8
values.put(Friend.Column.TEL, friend.getTel());
9
values.put(Friend.Column.EMAIL, friend.getEmail());
10
values.put(Friend.Column.DESCRIPTION, friend.getDescription());
11
12
sqLiteDatabase.insert(Friend.TABLE, null, values);
13
14
sqLiteDatabase.close();
15
}

เมธอดนี้ต้องการ Model Friend หรือคลาส Friend ที่เราได้สร้างไว้นั่นเอง ภายในเมธอดก็เรียก getWritableDatabase() เพื่อขอสิทธิ์การเขียนฐานข้อมูล จากนั้นก็ใช้ ContentValues put ค่า Key, Value โดย Key ก็คือชื่อ Column ต่างๆ ที่ได้ประกาศเป็น static final ไว้ ส่วน Value ก็คือค่าของ firstName, LastName, tel, .. เป็นต้น จะเห็นว่าเราไม่ต้องทำการส่งค่า id ลงไปด้วย เนื่องจาก SQLite จะกำหนดให้ column แรกเป็น _id ให้อัตโนมัติอยู่แล้ว

เมื่อได้เมธอดที่ไว้จัดการฐานข้อมูลแล้ว ต่อมาก็สร้างคลาส Activity ใหม่ชื่อว่า AddFriendActivity จากนั้นก็ทำการเชื่อม View ต่างๆ กับเลเอาท์ซะ จะได้ประมาณนี้

1
package com.devahoy.sample.ahoysqlite;
2
3
import android.app.Activity;
4
import android.app.AlertDialog;
5
import android.content.DialogInterface;
6
import android.os.Bundle;
7
import android.view.MenuItem;
8
import android.view.View;
9
import android.widget.Button;
10
import android.widget.EditText;
11
12
import com.devahoy.sample.ahoysqlite.model.Friend;
13
import com.devahoy.sample.ahoysqlite.utils.DBHelper;
14
15
16
public class AddFriendActivity extends Activity {
17
18
private EditText mFirstName;
19
private EditText mLastName;
20
private EditText mTel;
21
private EditText mEmail;
22
private EditText mDescription;
23
private Button mButtonOK;
24
25
private DBHelper mHelper;
26
27
private int ID = -1;
28
29
@Override
30
protected void onCreate(Bundle savedInstanceState) {
31
super.onCreate(savedInstanceState);
32
33
setContentView(R.layout.activity_addfriend);
34
35
mFirstName = (EditText) findViewById(R.id.add_first_name);
36
mLastName = (EditText) findViewById(R.id.add_last_name);
37
mTel = (EditText) findViewById(R.id.add_tel);
38
mEmail = (EditText) findViewById(R.id.add_email);
39
mDescription = (EditText) findViewById(R.id.add_description);
40
mButtonOK = (Button) findViewById(R.id.button_submit);
41
42
}
43
44
}

ลองจินตนาการหน้านี้คือหน้าใส่ข้อมูล จากนั้นกดปุ่ม Add เพื่อบันทึกค่า ฉะนั้น mButtonOK ก็้ต้อง setOnClickListener() ให้มันเพื่อเมื่อคลิ๊กแล้ว ก็ให้นำค่าใน EditText ต่างๆ ไปบันทึกในฐานข้อมูล ก็จะได้โค๊ดประมาณนี้

1
mHelper = new DBHelper(this);
2
3
mButtonOK.setOnClickListener(new View.OnClickListener() {
4
@Override
5
public void onClick(View v) {
6
7
AlertDialog.Builder builder =
8
new AlertDialog.Builder(AddFriendActivity.this);
9
builder.setTitle(getString(R.string.add_data_title));
10
builder.setMessage(getString(R.string.add_data_message));
11
12
builder.setPositiveButton(getString(android.R.string.ok),
13
new DialogInterface.OnClickListener() {
14
@Override
15
public void onClick(DialogInterface dialog, int which) {
16
Friend friend = new Friend();
17
friend.setFirstName(mFirstName.getText().toString());
18
friend.setLastName(mLastName.getText().toString());
19
friend.setTel(mTel.getText().toString());
20
friend.setEmail(mEmail.getText().toString());
21
friend.setDescription(mDescription.getText().toString());
22
23
if (ID == -1) {
24
mHelper.addFriend(friend);
25
} else {
26
friend.setId(ID);
27
//mHelper.updateFriend(friend);
28
}
29
finish();
30
}
31
});
32
33
builder.setNegativeButton(getString(android.R.string.cancel),
34
new DialogInterface.OnClickListener() {
35
@Override
36
public void onClick(DialogInterface dialog, int which) {
37
dialog.cancel();
38
}
39
});
40
41
42
builder.show();
43
}
44
});

จากโค๊ดด้านบน ก็ทำการสร้าง new instance ของ DBHelper ขึ้นมาเพื่อจะเรียกใช้เมธอด addFriend() จากนั้นจะเห็นได้ว่าใน setOnClickListener() มีการโชว์ Dialog ขึ้นมาก่อน ว่ายืนยันที่จะบันทึกลงฐานข้อมูลหรือไม่ ถ้าหากยืนยัน ก็จะ get ค่าจาก EditText บันทึกใส่ model Friend จากนั้น ก็ ส่งไปที่ addFriend(friend)

ตรงส่วน mHelper.updateFriend() ตรงส่วนนี้ยังไม่ต้องสนใจนะครับ ข้ามไปก่อน พอดีว่า หน้าเลเอาท์อันนี้มันจะใช้ด้วยกันสองส่วนคือ ตอนที่เราเพิ่มข้อมูลใหม่เลย กับตอนจะแก้ไขข้อมูล ฉะนั้นเลยต้องมีเงื่อนไข แยกไว้ครับ

หน้า เพิ่มข้อมูลก็เสร็จแล้ว แต่…เดี๋ยวก่อน มีหน้าเพิ่มข้อมูล แต่ว่าเรายังไม่มีปุ่มที่จะกดมาหน้านี้เลย นี่นา?

ตามที่ตั้งไว้ คือปุ่มเพิ่ม จะอยู่บน ActionBar ขวามือบนที่หน้าแรก MainActivity ครับ ฉะนั้นก็ไปเพิ่ม menu ที่หน้า MainActivity

เพิ่มไฟล์ menu ที่โฟลเดอร์ /res/menu/main.xml ข้างในประกอบไปด้วยโค๊ดแบบนี้

1
<menu xmlns:android="http://schemas.android.com/apk/res/android" >
2
3
<item
4
android:id="@+id/action_add"
5
android:orderInCategory="100"
6
android:showAsAction="always"
7
android:icon="@android:drawable/ic_menu_add"/>
8
</menu>

ต่อมาก็เพิ่มโค๊ดนี้ลงไปที่ MainActivity เพื่อสร้างปุ่มเมนู และเมื่อคลิ๊กที่ปุ่มเมนู ก็จะทำการไปยัง AddFriendActivity ครับ

1
@Override
2
public boolean onCreateOptionsMenu(Menu menu) {
3
getMenuInflater().inflate(R.menu.main, menu);
4
return true;
5
}
6
7
@Override
8
public boolean onOptionsItemSelected(MenuItem item) {
9
int id = item.getItemId();
10
if (id == R.id.action_add) {
11
Intent addFriend = new Intent(this, AddFriendActivity.class);
12
13
startActivity(addFriend);
14
overridePendingTransition(android.R.anim.fade_in,
15
android.R.anim.fade_out);
16
}
17
return super.onOptionsItemSelected(item);
18
}

overridePendingTransition(android.R.anim.fade_in, android.R.anim.fade_out); อันนี้เอาไว้เพิ่ม Animation เวลาข้าม Activity ครับ คือมีการ fade_in และ fade_out

ทดสอบลองรันโปรแกรมใหม่ กดปุ่ม Add เข้าหน้า AddFriendActivity และทำการเพิ่มข้อมูลลงไปเลยครับ จะได้หน้าตาประมาณนี้

Add friend Add friend2

เมื่ออยู่หน้า AddFriendActivity จะกดกลับไปหน้า MainActivity ยังไง นอกจากปุ่ม Back?

ในคลาส AddFriendActivity ต้องเพิ่ม โค๊ดนี้ที่เมธอด onCreate() ก่อน setContentView()

1
getActionBar().setDisplayHomeAsUpEnabled(true);

จากนั้นทำการ override เมธอดนี้ เพื่อเมื่อกดปุ่ม Back Home ก็สั่ง activity#finish() และกลับไปหน้า MainActivity

1
@Override
2
public boolean onOptionsItemSelected(MenuItem item) {
3
finish();
4
overridePendingTransition(android.R.anim.fade_in,
5
android.R.anim.fade_out);
6
7
return super.onOptionsItemSelected(item);
8
}

Step 2: READ

ต่อมาเราจะทำการเพิ่มหน้า Detail เวลาที่เราจะดูข้อมูลของเพื่อนคนนั้นๆ เช่น เมื่อเราเลือกรายชื่อเพื่อนจาก ListView ใน MainActivity ก็จะมาหน้า Detail ฉะนั้น หน้านี้ก็จะออกแบบหน้าตาประมาณนี้

Detail Layout

ทำการสร้างไฟล์ acitivity_detail.xml ที่ res/layout/

1
<?xml version="1.0" encoding="utf-8"?>
2
3
<LinearLayout
4
xmlns:android="http://schemas.android.com/apk/res/android"
5
android:layout_width="match_parent"
6
android:layout_height="match_parent"
7
android:orientation="vertical"
8
9
android:padding="20dp">
10
11
12
<TextView
13
android:id="@+id/detail_first_name"
14
android:layout_width="wrap_content"
15
android:layout_height="wrap_content"
16
android:text="@string/friend_first_name"
17
android:textSize="24sp"/>
18
19
<TextView
20
android:id="@+id/detail_last_name"
21
android:layout_width="wrap_content"
22
android:layout_height="wrap_content"
23
android:layout_marginTop="20dp"
24
android:text="@string/friend_last_name"
25
android:textSize="24sp"/>
26
27
<TextView
28
android:id="@+id/detail_tel"
29
android:layout_width="wrap_content"
30
android:layout_height="wrap_content"
31
android:layout_marginTop="20dp"
32
android:text="@string/friend_tel"
33
android:textSize="24sp"/>
34
35
36
<TextView
37
android:id="@+id/detail_email"
38
android:layout_width="wrap_content"
39
android:layout_height="wrap_content"
40
android:layout_marginTop="20dp"
41
android:text="@string/friend_email"
42
android:textSize="24sp"/>
43
44
45
<TextView
46
android:id="@+id/detail_description"
47
android:layout_width="wrap_content"
48
android:layout_height="wrap_content"
49
android:layout_marginTop="20dp"
50
android:text="@string/friend_description"
51
android:textSize="24sp"/>
52
53
<LinearLayout
54
android:layout_width="match_parent"
55
android:layout_height="match_parent"
56
android:gravity="center"
57
android:orientation="horizontal"
58
android:padding="20dp">
59
60
<Button
61
android:id="@+id/button_edit"
62
android:layout_width="wrap_content"
63
android:layout_height="wrap_content"
64
android:text="@string/action_edit"
65
/>
66
67
<Button
68
android:id="@+id/button_delete"
69
android:layout_width="wrap_content"
70
android:layout_height="wrap_content"
71
android:text="@string/action_delete"
72
/>
73
74
</LinearLayout>
75
76
77
</LinearLayout>

เมื่อได้หน้าเลเอาท์แล้ว ต่อมาก็มาจัดการเพิ่มเมธอด สำหรับ Query รายละเอียดเพื่อน ใน DBHelper กัน จากทีแรก เรามีเมธอด ที่สำหรับ Query รายชื่อทั้งหมดแล้ว แต่ว่าตอนนี้เราจะทำการเพิ่มเมธอด สำหรับ Query เพื่อนเพียงคนเดียว โดยมีเงื่อนไข Where เข้ามาช่วย

เปิดไฟล์ DBHelper เพิ่มเมธอด getFriend(id) ลงไป

1
public Friend getFriend(String id) {
2
3
sqLiteDatabase = this.getReadableDatabase();
4
5
Cursor cursor = sqLiteDatabase.query( Friend.TABLE,
6
null,
7
Friend.Column.ID + " = ? ",
8
new String[] { id },
9
null,
10
null,
11
null,
12
null);
13
14
15
if (cursor != null) {
16
cursor.moveToFirst();
17
}
18
19
Friend friend = new Friend();
20
21
friend.setId((int) cursor.getLong(0));
22
friend.setFirstName(cursor.getString(1));
23
friend.setLastName(cursor.getString(2));
24
friend.setTel(cursor.getString(3));
25
friend.setEmail(cursor.getString(4));
26
friend.setDescription(cursor.getString(5));
27
28
return friend;
29
}

จะเห็นว่าเมธอดนี้รับค่า id ซึ่งจะไม่ซ้ำกันเลย เพื่อเอาไว้ Query หาข้อมูลที่ id มีค่าเท่านี้นะ ภายในเมธอดก็สั่ง getReadableDatabase() เพื่อขออนุญาตอ่านค่าฐานข้อมูลเช่นเดิม จากนั้นจะใช้ Cursor เพื่อทำการ Query ฐานข้อมูล Cursor.getXXXX() นั้นจะเหมือนกับในส่วนตอน Query รายชื่อเพื่อนทั้งหมดเลย แต่ต่างกันที่ SQL Statement จากแต่ก่อน เราเรียก SELECT * FROM friend โดยไม่มีเงือนไขอะไรเพิ่ม แต่ว่าเมธอดนี้ เราจะใช้ SQLiteDatabase#query เพื่อทำการ Query แบบกำหนดเงื่อนไข

สำหรับรายละเอียดเชิงลึก เกี่ยวกับ query หรือ rawQuery จะไม่พูดถึงในบทความนี้นะครับ เอาไว้แยกออกไปละกัน มาดูคร่าวๆกันก่อนดีกว่า ว่าแต่ละ parameter ที่ส่งไปนั้นมีอะไรบ้าง

1
sqLiteDatabase.query( Friend.TABLE,
2
null,
3
COL_ID + " = ? ",
4
new String[] { id },
5
null,
6
null,
7
null,
8
null);
  • ตัวแรกเป็น Friend.TABLE คือ ชื่อ Table ที่เราจะ query นั่นเอง
  • ตัวสอง null คือ column ที่เราจะ select ใส่ null เพื่อต้องการทั้งหมด (เหมือนกับ SELECT *)
  • ตัวสาม คือ เงื่อนไขที่เราจะใส่ไป (เหมือนกับ where id = ?)
  • ตัวสี่ คือ ค่า argument ที่มันจะเอาไปใส่แทนเครื่องหมาย ? อันข้างบน หากค่านี้เป็น 10 มันก็จะเท่ากับ (where id = 10)
  • ตัว 5 - 8 เป็น groupBy, Having, orderBy และก็ Limit ตามลำดับ ซึ่งไม่ต้องการใช้ ก็ใส่ null ไป

หวังว่าจะเข้าใจบ้างนะครับ ไว้เดี๋ยวผมหาโอกาสทำบทความเรื่องนี้โดยเฉพาะทีหลังครับ :D

เมื่อได้เมธอดสำหรับ Query เพื่อนจาก id แล้ว ก็ไปสร้างคลาส Detail ซะ ตั้้งชื่อว่า DetailActivity จากนั้นก็เชื่อม View กับเลเอาท์ซะ

1
public class DetailActivity extends Activity {
2
DBHelper mHelper;
3
4
private TextView mFirstName;
5
private TextView mLastName;
6
private TextView mTel;
7
private TextView mEmail;
8
private TextView mDescription;
9
private String id = "";
10
11
private Button mButtonEdit;
12
private Button mButtonDelete;
13
14
private Friend mFriend;
15
16
@Override
17
protected void onCreate(Bundle savedInstanceState) {
18
super.onCreate(savedInstanceState);
19
20
getActionBar().setDisplayHomeAsUpEnabled(true);
21
22
mHelper = new DBHelper(this);
23
24
Bundle bundle = getIntent().getExtras();
25
26
if (bundle != null) {
27
id = bundle.getString(Friend.Column.ID);
28
}
29
30
setContentView(R.layout.acitivity_detail);
31
32
mFirstName = (TextView) findViewById(R.id.detail_first_name);
33
mLastName = (TextView) findViewById(R.id.detail_last_name);
34
mTel = (TextView) findViewById(R.id.detail_tel);
35
mEmail = (TextView) findViewById(R.id.detail_email);
36
mDescription = (TextView) findViewById(R.id.detail_description);
37
mButtonDelete = (Button) findViewById(R.id.button_delete);
38
mButtonEdit = (Button) findViewById(R.id.button_edit);
39
}
40
41
}

สังเกตว่าผมมีการส่ง Bundle มาด้วย อันนี้จะส่งมาจาก MainActivity เพื่อจะเอาค่า id ไป Query นั่นเอง เลยประกาศไว้ก่อน จากนั้นก็ใช้ id นี้แหละ ไป Query ก็จะได้ข้อมูลมาใส่ใน TextView

1
mFriend = mHelper.getFriend(id);
2
3
mFirstName.setText(mFriend.getFirstName());
4
mLastName.setText(mFriend.getLastName());
5
mTel.setText(mFriend.getTel());
6
mEmail.setText(mFriend.getEmail());
7
mDescription.setText(mFriend.getDescription());

จากนั้นกลับไปที่ MainActivity ทำการเพิ่มเงื่อนไข เมื่อกดที่ ListView ให้ส่ง Activity มาที่หน้า DetailActivity เนื่องจาก MainActivity นั่น extends ListActivity อยู่ ทำให้เราสามารถ override เมธอดได้เลย ดังนี้

1
@Override
2
protected void onListItemClick(ListView l, View v, int position, long id) {
3
super.onListItemClick(l, v, position, id);
4
5
Intent detail = new Intent(this, DetailActivity.class);
6
String listName = friends.get(position);
7
int index = listName.indexOf(" ");
8
String columnId = listName.substring(0, index);
9
10
detail.putExtra(Friend.Column.ID, columnId);
11
startActivity(detail);
12
overridePendingTransition(android.R.anim.fade_in,
13
android.R.anim.fade_out);
14
15
}

จากโค๊ดไม่มีอะไรมาก ผมแค่ทำการเลือก Friend จากตำแหน่งที่ position ของ ListView จากนั้นก็ทำการ ตัด String เอาแต่ค่า id ส่งไปผ่าน putExtra เพื่อเอาไว้ Query โดย DetailActivity ก็ได้ getExtra ไว้รอแล้ว ตามโค๊ดด้านบน

Step 3: Update

ต่อจะเห็นว่า DetailActivity ผมยังมีอีก 2 ปุ่ม คือ ปุ่ม Edit และปุ่ม Delete จะเอาไว้สำหรับแก้ไขข้อมูลและลบข้อมูล ในส่วน แก้ไขข้อมูล ก็คือใช้หน้าเดียวกับการเพิ่มข้อมูลเลย แต่จะต่างกันที่แก้ไขข้อมูล จะส่ง id ไปด้วย ทำให้เรารู้ว่าเราจะแก้ไข id นี้ ในขณะที่ตอนเพิ่มข้อมูลใหม่ เราไม่มี id

ฉะนั้น mButtonEdit เพื่อจะเอาไว้แก้ไขข้อมูล หรือก็คือการ update ฐานข้อมูลนั่นเอง โค๊ด ก็จะเป็นแบบนี้

1
mButtonEdit.setOnClickListener(new View.OnClickListener() {
2
@Override
3
public void onClick(View v) {
4
Intent updateIntent = new Intent(DetailActivity.this,
5
AddFriendActivity.class);
6
7
updateIntent.putExtra(Friend.Column.ID, mFriend.getId());
8
updateIntent.putExtra(Friend.Column.FIRST_NAME, mFriend.getFirstName());
9
updateIntent.putExtra(Friend.Column.LAST_NAME, mFriend.getLastName());
10
updateIntent.putExtra(Friend.Column.TEL, mFriend.getTel());
11
updateIntent.putExtra(Friend.Column.EMAIL, mFriend.getEmail());
12
updateIntent.putExtra(Friend.Column.DESCRIPTION, mFriend.getDescription());
13
14
startActivity(updateIntent);
15
overridePendingTransition(android.R.anim.fade_in,
16
android.R.anim.fade_out);
17
}
18
});

จะเห็นว่าส่งค่าโดยใช้ putExtra() ไปหลายค่ามาก ฉะนั้น ตรง AddFriendActivity ก็ต้องไปรับค่า Extra ที่ส่งไปด้วย กลับไปแก้ไขไฟล์ AddFriendActivity โดยเพิ่มนี้ลงไปที่เมธอด onCreate() หลัง setContentView()

1
Bundle bundle = getIntent().getExtras();
2
3
if (bundle != null) {
4
ID = bundle.getInt(Friend.Column.ID);
5
String firstName = bundle.getString(Friend.Column.FIRST_NAME);
6
String lastName = bundle.getString(Friend.Column.LAST_NAME);
7
String tel = bundle.getString(Friend.Column.TEL);
8
String email = bundle.getString(Friend.Column.EMAIL);
9
String description = bundle.getString(Friend.Column.DESCRIPTION);
10
11
mFirstName.setText(firstName);
12
mLastName.setText(lastName);
13
mTel.setText(tel);
14
mEmail.setText(email);
15
mDescription.setText(description);
16
}

หากเรากดมาจากหน้า Detail ข้อมูลใน EditText มันก็จะเอาค่า detail มาใส่ ในขณะที่เรากดจากหน้า MainActivity มันก็จะไม่มีค่าอะไร ต้องกรอกใหม่ (คิดว่าน่าจะเห็นความต่างนะครับ) สุดท้ายเอา comment ตรง mButtonOk ออกซะ

1
mHelper.updateFriend(friend);

แล้วก็ไปทำการเพิ่มเมธอด updateFriend() ที่คลาส DBHelper

1
public void updateFriend(Friend friend) {
2
3
sqLiteDatabase = this.getWritableDatabase();
4
5
ContentValues values = new ContentValues();
6
values.put(Friend.Column.ID, friend.getId());
7
values.put(Friend.Column.FIRST_NAME, friend.getFirstName());
8
values.put(Friend.Column.LAST_NAME, friend.getLastName());
9
values.put(Friend.Column.EMAIL, friend.getEmail());
10
values.put(Friend.Column.DESCRIPTION, friend.getDescription());
11
12
int row = sqLiteDatabase.update(Friend.TABLE,
13
values,
14
Friend.Column.ID + " = ? ",
15
new String[] { String.valueOf(friend.getId()) });
16
17
sqLiteDatabase.close();
18
}

จะเห็นว่า โครงสร้างมันก็คล้ายๆเดิมละคือมีการเรียก getWritableDatabase() เพื่อขอการเขียนลงฐานข้อมูล ใช้ ContentValues และ put ค่าลงฐานข้อมูล โดยใช้ SQLiteDatabase#update ส่ง argement โดยมีเงื่อนไขคือ id = Friend.getId() นั่นเอง

ตอนนี้ก็ได้ CREATE, INSERT, UPDATE ไปแล้ว ทดลองรันโปรแกรม กดจาก ListView ไปหน้า Detail กด Edit แก้ไขข้อมูล เป็นอันเรียบร้อย :D

Detail

Edit

Step 4: DELETE

สุดท้ายการลบข้อมูลนั่นเอง เพิ่มเมธอด deleteFriend() ที่คลาส DBHelper ดังนี้

1
public void deleteFriend(String id) {
2
3
sqLiteDatabase = this.getWritableDatabase();
4
5
/*sqLiteDatabase.delete(Friend.TABLE, Friend.Column.ID + " = ? ",
6
new String[] { String.valueOf(friend.getId()) });*/
7
sqLiteDatabase.delete(Friend.TABLE, Friend.Column.ID + " = " + id, null);
8
9
sqLiteDatabase.close();
10
}

ในส่วนของการ delete ข้อมูลนั้น เราก็ใช้เมธอด SQLiteDatabase#delete() จากนั้นก็ส่ง argument เป็น ชื่อฐานข้อมูล ชื่อ column ที่ต้องการลบ และเงื่อนไข โดยการกำหนดเงื่อนไขทำได้สองแบบคือ ใส่ไปโต้งๆ เป็น Statement ไปเลย หรืออีกแบบ ใช้เป็นแบบ selector และ selectorArgr แบบที่ comment ไว้นั่นเอง จริงๆตรงส่วน query หรือ insert, update มันก็เลือกได้เหมือนกัน ว่าจะใช้แบบไหน

สุดท้าย ปุ่มที่เราจะทำการลบข้อมูลนั้นอยู่ในหน้า DetailActivity ตรงปุ่ม mButtonDelete ก็ setListener() ให้มันซะ แบบนี้

1
mButtonDelete.setOnClickListener(new View.OnClickListener() {
2
@Override
3
public void onClick(View v) {
4
5
AlertDialog.Builder builder =
6
new AlertDialog.Builder(DetailActivity.this);
7
builder.setTitle(getString(R.string.alert_title));
8
builder.setMessage(getString(R.string.alert_message));
9
10
builder.setPositiveButton(getString(android.R.string.ok),
11
new DialogInterface.OnClickListener() {
12
@Override
13
public void onClick(DialogInterface dialog, int which) {
14
mHelper.deleteFriend(id);
15
16
Toast.makeText(getApplication(),
17
"Deleted", Toast.LENGTH_LONG).show();
18
finish();
19
}
20
});
21
22
builder.setNegativeButton(getString(android.R.string.cancel), null);
23
24
builder.show();
25
26
}
27
});

เวลากด Delete ก็จะได้แบบนี้

Delete

สรุป

จบไปละครับ สำหรับบทความ Android SQLite ทั้งสองตอน ต้องบอกเลยว่าใช้เวลาเขียนนานมาก กว่าจะมีเวลาว่างเขียน จริงๆก็ทำโปรเจ็คตัวอย่างเสร็จไปนานแล้วด้วย ตัวอย่างอันนี้เป็นแค่ตัวอย่างคร่าวๆนะครับ ไม่มีการเช็คเงื่อนไขต่างๆ ไม่มีการเช็ค Field ของ EditText ว่าถูกต้องหรือไม่ แค่ให้เห็นภาพการ CRUD ฐานข้อมูลครับ

ในส่วนบทความ อาจจะมีขาดตกบกพร่องไปบ้างนะครับ เพราะผมพยายามนำโค๊ดแต่ละส่วน ค่อยๆ นำมาอธิบาย จากโค๊ดที่มันสมบูรณ์แล้ว ทำให้อาจจะมีบางจุดที่ลืมอธิบาย หรือลืมนำโค๊ดมาใส่ ในบทความด้วย ก็เลยทำอัพโปรเจ็คลง Github เอาไว้ clone กันได้เต็มที่ครับ

เอาไว้ดู ไว้อ้างอิงกันครับ ตัวโปรเจ็คผมเป็น Android Studio นะครับ ถ้าใช้ Eclipse หรือ ADT Bundle แนะนำให้ลง plugin ชื่อว่า Gradle ครับ ไม่งั้นก็ต้องใช้วิธี import ด้วยมือเอา ^^

Authors
avatar

Chai Phonbopit

เป็น Web Dev ในบริษัทแห่งหนึ่ง ทำงานมา 10 ปีกว่าๆ ด้วยภาษาและเทคโนโลยี เช่น JavaScript, Node.js, React, Vue และปัจจุบันกำลังสนใจในเรื่องของ Blockchain และ Crypto กำลังหัดเรียนภาษา Rust

Related Posts