วันศุกร์ที่ 12 ธันวาคม พ.ศ. 2557

iOS / iPhone สร้างตาราง Table บน Mobile Services และการ Insert ข้อมูล

Register Register Member Login Member Login Member Login Forgot Password ??
PHP ASP ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
  
 

Registered : 97,400

 
 
HOME > Windows Azure > Windows Azure (Mobile Services) and iOS (iPhone , iPad) > ตอนที่ 5 : iOS / iPhone สร้างตาราง Table บน Mobile Services และการ Insert ข้อมูล

ตอนที่ 5 : iOS / iPhone สร้างตาราง Table บน Mobile Services และการ Insert ข้อมูล

 
 


ขับเคลื่อนโดย แปลภาษา
Bookmark.    
    
ตอนที่ 5 : iOS / iPhone สร้างตาราง Table บน Mobile Services และการ Insert ข้อมูล บทความนี้ขอต่อจากตอนที่แล้ว ซึ่งจะเป็นการสร้าง Table ไว้สำหรับจัดเก็บข้อมูลบน Mobile Services และ การเขียน iOS App เพื่อ สร้าง Column หรือฟิวด์ พร้อม ๆ กับการส่งข้อมูลจาก iOS แล้วนำไปจัดเก็บ Insert ไว้ใน Table ของ Mobile Services บน Windows Azure

iOS/iPhone Mobile Services Create Table

ตอนนี้เรามี Mobile Services อยู่ 1 ตัว

iOS/iPhone Mobile Services Create Table

เลือก iOS

iOS/iPhone Mobile Services Create Table

ในหน้า Get Started จะแสดงรายละเอียดของการเชื่อมต่อ และได้อธิบายไว้ในบทความก่อน ๆ หน้านี้แล้ว ในขั้นตอนนี้ยังไม่ต้องทำอะไร

ขั้นตอนการสร้าง Table หรือตาราง

iOS/iPhone Mobile Services Create Table

คลิกที่ DATA และเลือก CREATE

iOS/iPhone Mobile Services Create Table

ใส่ชื่อตารางในที่นี้จะใส่เป็น MyMember

iOS/iPhone Mobile Services Create Table

ได้ตารางขึ้นมา 1 รายการชื่อว่า MyMember

iOS/iPhone Mobile Services Create Table

ให้คลิกเข้าไปใน Table (ตาราง) ซึ่งตอนนี้ยังไม่มี Column และ Rows

iOS/iPhone Mobile Services Create Table

เมนู SCRIPT เป็นพวก Script ที่ไว้ทำหน้าที่รับข้อมูลจาก iOS แล้ว Insert ลงใน Table การทำงานคล้าย ๆ กับ Stored Procedureซึ่งเราสามารถเขียน Script เพิ่มเติมได้ แต่ตอนนี้แนะนำให้กำหนดเป็นค่า Default ซะก่อน

iOS/iPhone Mobile Services Create Table

หลัก ๆ จะมีอยู่ 4 ตัวคือ Insert , Update , Delete , Read

กลับมาบน Project ของ iOS บน Xcode

iOS/iPhone Mobile Services Create Table

ตอนนี้ Project ของเรายังไม่มีอะไร เป็นเพียงโครงสร้างเปล่า ๆ ที่ประกอบด้วย xib, .h และ .m จำนวน 1 ชุด และมีการเรียกใช้Framework ของ WindowsAzureMobileServices.framework (วิธี Import ดูได้จากบทความก่อนหน้านี้)

ในการเขียน iOS ติดต่อกับ Table ที่อยู่บน Mobile Services เราจะสร้าง Class ไว้สำหรับการจัดการกับ Table นั้น ๆ โดยให้เราสร้างClass ที่เป็น .h และ .m ขึ้นมา 1 ชุด (ไม่ต้องใช้ .xib)

iOS/iPhone Mobile Services Create Table

คลิกขวาที่ Project -> New File... 

iOS/iPhone Mobile Services Create Table

เลือก Objective-C Class

iOS/iPhone Mobile Services Create Table

เนื่องจาก Table ใน Mobile Services ชื่อว่า MyMember เลยตั้งชื่อว่า MyMemberService และเลือก Subclass เป็น NSObject (สามารถตั้งเป็นชื่ออะไรก็ได้)

iOS/iPhone Mobile Services Create Table

ได้ Class ไฟล์ชื่อ MyMemberService.h และ MyMemberService.m ขึ้นมา 1 ชุด และมีคำสั่งต่าง ๆ ดังนี้

MyMemberService.h
01.//
02.//  MyMemberService.h
03.//  myAppMobileService
04.//
05.//  Created by Weerachai on 7/21/56 BE.
06.//  Copyright (c) 2556 Weerachai. All rights reserved.
07.//
08. 
09.#import <WindowsAzureMobileServices/WindowsAzureMobileServices.h>
10.#import <Foundation/Foundation.h>
11. 
12. 
13.typedef void (^QSCompletionBlock) ();
14.typedef void (^QSBusyUpdateBlock) (BOOL busy);
15. 
16. 
17.@interface MyMemberService : NSObject
18. 
19.@property (nonatomic, strong)   NSArray *items;
20.@property (nonatomic, strong)   MSClient *client;
21.@property (nonatomiccopy)     QSBusyUpdateBlock busyUpdate;
22. 
23. 
24.+ (MyMemberService *)defaultService;
25. 
26. 
27.- (void)addItem:(NSDictionary *)item
28.completion:(QSCompletionBlock)completion;
29. 
30.- (void)handleRequest:(NSURLRequest *)request
31.next:(MSFilterNextBlock)next
32.response:(MSFilterResponseBlock)response;
33. 
34.@end


MyMemberService.m
001.//
002.//  MyMemberService.m
003.//  myAppMobileService
004.//
005.//  Created by Weerachai on 7/21/56 BE.
006.//  Copyright (c) 2556 Weerachai. All rights reserved.
007.//
008. 
009.#import "MyMemberService.h"
010.#import <WindowsAzureMobileServices/WindowsAzureMobileServices.h>
011. 
012. 
013.@interface MyMemberService() <MSFilter>
014. 
015.@property (nonatomic, strong)   MSTable *table;
016.@property (nonatomic)           NSInteger busyCount;
017. 
018.@end
019. 
020.@implementation MyMemberService
021. 
022.@synthesize items;
023. 
024. 
025.+ (MyMemberService *)defaultService
026.{
027.// Create a singleton instance of MyMemberService
028.static MyMemberService* service;
029.static dispatch_once_t onceToken;
030.dispatch_once(&onceToken, ^{
031.service = [[MyMemberService alloc] init];
032.});
033. 
034.return service;
035.}
036. 
037.-(MyMemberService *)init
038.{
039.self = [super init];
040. 
041.if (self)
042.{
043.// Initialize the Mobile Service client with your URL and key
044.MSClient *client = [MSClient clientWithApplicationURLString:@"https://thaicreate.azure-mobile.net/"
045.applicationKey:@"uJPAhkAkcTBuTyCNxaOSnDKFzkoYqB49"];
046. 
047.// Add a Mobile Service filter to enable the busy indicator
048.self.client = [client clientWithFilter:self];
049. 
050.// Create an MSTable instance to allow us to work with the TodoItem table
051.self.table = [_client tableWithName:@"MyMember"];
052. 
053.self.items = [[NSMutableArray alloc] init];
054.self.busyCount = 0;
055.}
056. 
057.return self;
058.}
059. 
060. 
061. 
062.-(void)addItem:(NSDictionary *)item completion:(QSCompletionBlock)completion
063.{
064.// Insert the item into the TodoItem table and add to the items array on completion
065.[self.table insert:item completion:^(NSDictionary *result, NSError *error)
066.{
067.[self logErrorIfNotNil:error];
068. 
069.NSUInteger index = [items count];
070.[(NSMutableArray *)items insertObject:result atIndex:index];
071. 
072.// Let the caller know that we finished
073.completion();
074.}];
075.}
076. 
077.- (void)busy:(BOOL)busy
078.{
079.// assumes always executes on UI thread
080.if (busy)
081.{
082.if (self.busyCount == 0 && self.busyUpdate != nil)
083.{
084.self.busyUpdate(YES);
085.}
086.self.busyCount ++;
087.}
088.else
089.{
090.if (self.busyCount == 1 && self.busyUpdate != nil)
091.{
092.self.busyUpdate(FALSE);
093.}
094.self.busyCount--;
095.}
096.}
097. 
098.- (void)logErrorIfNotNil:(NSError *) error
099.{
100.if (error)
101.{
102.NSLog(@"ERROR %@", error);
103.}
104.}
105. 
106. 
107.- (void)handleRequest:(NSURLRequest *)request
108.next:(MSFilterNextBlock)next
109.response:(MSFilterResponseBlock)response
110.{
111.// A wrapped response block that decrements the busy counter
112.MSFilterResponseBlock wrappedResponse = ^(NSHTTPURLResponse *innerResponse, NSData *data, NSError*error)
113.{
114.[self busy:NO];
115.response(innerResponse, data, error);
116.};
117. 
118.// Increment the busy counter before sending the request
119.[self busy:YES];
120.next(request, wrappedResponse);
121.}
122. 
123.@end

Class เหล่านี้ผมทำการ Apply มาจากตัวอย่าง Demo ของ Windows Azure ฉะนั้น มันสามารถทำงานได้เป็นอย่างดี และโครงสร้างนี้เป็น มาตรฐาน สามารถนำไป Apply ได้กับการเขียนในรูปแบบต่าง ๆ โดยเราแค่เขียน function / method เพิ่มตามที่ต้องการเท่านั้น

ประเด็นสำคัญจะอยู่ที่

01.-(MyMemberService *)init
02.{
03.self = [super init];
04. 
05.if (self)
06.{
07.// Initialize the Mobile Service client with your URL and key
08.MSClient *client = [MSClient clientWithApplicationURLString:@"https://thaicreate.azure-mobile.net/"
09.applicationKey:@"uJPAhkAkcTBuTyCNxaOSnDKFzkoYqB49"];
10. 
11.// Add a Mobile Service filter to enable the busy indicator
12.self.client = [client clientWithFilter:self];
13. 
14.// Create an MSTable instance to allow us to work with the TodoItem table
15.self.table = [_client tableWithName:@"MyMember"];
16. 
17.self.items = [[NSMutableArray alloc] init];
18.self.busyCount = 0;
19.}
20. 
21.return self;
22.}

อันนี้เป็นการกำหนด App URL และ App Key ที่อยู่ใน Mobile Services ของเรา และที่สำคัญคือชื่อ Table

01.-(void)addItem:(NSDictionary *)item completion:(QSCompletionBlock)completion
02.{
03.// Insert the item into the TodoItem table and add to the items array on completion
04.[self.table insert:item completion:^(NSDictionary *result, NSError *error)
05.{
06.[self logErrorIfNotNil:error];
07. 
08.NSUInteger index = [items count];
09.[(NSMutableArray *)items insertObject:result atIndex:index];
10. 
11.// Let the caller know that we finished
12.completion();
13.}];
14.}

เป็น method สำหรับการ Insert ข้อมูล

iOS/iPhone Mobile Services Create Table

กลับมายังหน้า View ของ App ให้ทำการสร้าง Label ดังรูป เพื่อไว้แสดงข้อความเมื่อทำการ Insert ข้อมูลเรียบร้อย โดยทำการเชื่อมIBOutlet

ให้เรียบร้อยด้วย จากนั้นในไฟล์ ViewController.h และ ViewController.m ขียนคำสั่งดังนี้

ViewController.h
01.//
02.//  ViewController.h
03.//  myAppMobileService
04.//
05.//  Created by Weerachai on 5/12/56 BE.
06.//  Copyright (c) 2556 Weerachai. All rights reserved.
07.//
08. 
09.#import <UIKit/UIKit.h>
10. 
11.@interface ViewController : UIViewController
12.{
13.IBOutlet UILabel *lblStatus;
14.}
15. 
16.@end


ViewController.m
01.//
02.//  ViewController.m
03.//  myAppMobileService
04.//
05.//  Created by Weerachai on 5/12/56 BE.
06.//  Copyright (c) 2556 Weerachai. All rights reserved.
07.//
08. 
09.#import <WindowsAzureMobileServices/WindowsAzureMobileServices.h>
10.#import "MyMemberService.h"
11. 
12.#import "ViewController.h"
13. 
14.@interface ViewController ()
15. 
16.// Private properties
17.@property (strong, nonatomic)   MyMemberService   *memberService;
18. 
19.@end
20. 
21. 
22.@implementation ViewController
23. 
24.@synthesize memberService;
25. 
26. 
27.- (void)viewDidLoad
28.{
29.[super viewDidLoad];
30. 
31.// Start Service
32.self.memberService = [MyMemberService defaultService];
33. 
34.// Add Data Table Service
35.NSDictionary *item = @{ @"name":@"Win", @"email":@"win@thaicreate.com" };
36.[self.memberService addItem:item completion:^
37.{
38.lblStatus.text = @"Insert Data Successfully.";
39.}];
40.}
41. 
42.- (void)didReceiveMemoryWarning
43.{
44.[super didReceiveMemoryWarning];
45.// Dispose of any resources that can be recreated.
46.}
47. 
48.- (void)dealloc {
49.[lblStatus release];
50.[super dealloc];
51.}
52.@end


เป็นการเรียกใช้งาน Class สำหรับการ Insert ข้อมูลไปไว้บน Mobile Services ของ Windows Azure โดยประเด็นสำคัญอยู่ที่

// Start Service self.memberService = [MyMemberService defaultService]; // Add Data Table Service NSDictionary *item = @{ @"name":@"Win", @"email":@"win@thaicreate.com" }; [self.memberService addItem:item completion:^ { lblStatus.text = @"Insert Data Successfully."; }];

คำสั่งนี้จะเป็นการ Insert ข้อมูลไปจัดเก็บไว้ที่ Table ของ Mobile Services และเราจะเห็นว่า ตั้งแต่เราสร้าง Table เรายังไม่มีการสร้าง Column หรือฟิวด์เลย เพราะเราไม่จำเป็ฯจะต้องสร้าง เพราะเมื่อมีการ Insert ข้อมูลเข้าไปใหม่ ถ้าฟิวด์ไหนไม่มี จะมีการสร้างขึ้นใหม่ให้

อัตโนมัติ และในตัวอย่างนี้เรามีอยู่ 2 ฟิวด์คือ name และ email

iOS/iPhone Mobile Services Create Table

ทดสอบการรัน App

iOS/iPhone Mobile Services Create Table

เมื่อกลับไปดูที่ Data บน Mobile Services ข้อมูลจะถูก Insert เข้า ซึ่งเราจะเห็นว่ามี Column ชื่อ id ด้วย เพราะ Column นี้จำเป็นที่ระบบจะสร้างให้อัตโนัติ และเราสามารถเรียกมันใช้งานได้เช่นกัน

ดาวน์โหลดได้จากข้างล่างของบทความ


บทความถัดไปที่แนะนำให้อ่าน


บทความที่เกี่ยวข้อง

www.Stats.in.th
  
Hate it
Don't like it
It's ok
Like it
Love it
Total Votes: 1Overall Rating: 4 / 5
Share


Property & Method (Others Related)

How to read data in Mobile Services - iOS / iPhone (Windows Azure)
How to insert data to Mobile Services - iOS / iPhone (Windows Azure)
How to update data to Mobile Services - iOS / iPhone (Windows Azure)
How to delete data in Mobile Services - iOS / iPhone (Windows Azure)
 ช่วยกันสนับสนุนรักษาเว็บไซต์ความรู้แห่งนี้ไว้ด้วยการสนับสนุน Source Code 2.0 ของทีมงานไทยครีเอท

ลองใช้ค้นหาข้อมูล

    
 By :สงวนลิขสิทธิ์นำไปเผยแพร่เฉพาะผู้ที่ได้รับอนุญาติเท่านั้น (สนับสนุนแหล่งข้อมูลโดย Windows Azure)
 Score Rating : 
 Create/Update Date :2013-06-15 19:50:17 / 2013-07-24 14:53:50
 Download :Download  ตอนที่ 5 : iOS / iPhone สร้างตาราง Table บน Mobile Services และการ Insert ข้อมูล
Sponsored Links
 
 
081-987-6107!
 
081-987-6107!
 Sponsored Links / Related
 
ตอนที่ 1 : รู้จัก iOS กับ Mobile Services บน Windows Azure คืออะไร 
Rating :    
 
ตอนที่ 2 : เตรียมความพร้อมของ iOS / iPhone ก่อนที่จะเขียนบน Mobile Services 
Rating :    
 
ตอนที่ 3 : การสร้าง iOS / iPhone กับ Mobile Services และการเรียกใช้งานแบบง่าย ๆ 
Rating :     
 
ตอนที่ 4 : สร้าง Project iOS / iPhone และการเชื่อมต่อกับ Library ของ Mobile Services 
Rating :    
 
ตอนที่ 6 : iOS / iPhone อ่าน Data จาก Table ของ Mobile Service และแสดงผลบน App 
Rating :    
 
ตอนที่ 7 : อ่านข้อมูล Mobile Services แบบมีเงื่อนไข Where และแสดงผล iOS / iPhone 
Rating :    
 
ตอนที่ 8 : การทำ Authentication in Azure Mobile Services ด้วย iOS / iPhone 
Rating :    
 
ตอนที่ 9 : การทำ Push Notifications in Mobile Services ด้วย iOS / iPhone 
Rating :    
 
ตอนที่ 10 : การทำ Validate และ Modify data in Mobile Services บน iOS / iPhone 
Rating :    
 
ตอนที่ 11 : การทำ Refine Mobile Services queries with paging บน iOS / iPhone 
Rating :    
 
ตอนที่ 12 : การเขียน Scripts to authorize users in Mobile Services บน iOS / iPhone 
Rating :    
 
ตอนที่ 13 : Show Case 1 : Register Form (iOS / iPhone and Mobile Services) 
Rating :    
 
ตอนที่ 14 : Show Case 2 : Login User Password (iOS / iPhone and Mobile Services) 
Rating :    
 
ตอนที่ 15 : Show Case 3 : Update Data (iOS / iPhone and Mobile Services) 
Rating :    
 
ตอนที่ 16 : Show Case 4 : Delete Data (iOS / iPhone and Mobile Services) 
Rating :    
 
ตอนที่ 17 : บทความอื่น ๆ เกี่ยวกับ iOS / iPhone Mobile Services บน Windows Azure 
Rating :    


ThaiCreate.Com Forum
 
Comunity ForumFree Web Script
Jobs FreelanceFree Uploads
Free Web HostingFree Tools

สอน PHP ผ่าน Youtube ฟรี
สอน Android การเขียนโปรแกรม Android
สอน Windows Phone การเขียนโปรแกรม Windows Phone 7 และ 8
สอน iOS การเขียนโปรแกรม iPhone, iPad
สอน Java การเขียนโปรแกรม ภาษา Java
สอน Java GUI การเขียนโปรแกรม ภาษา Java GUI
สอน JSP การเขียนโปรแกรม ภาษา Java
สอน Struts การเขียนโปรแกรม Java Struts Framework
สอน jQuery การเขียนโปรแกรม ภาษา jQuery
สอน Yii  Framework การเขียนโปรแกรม ภาษา PHP กับ Yii
สอน .Net การเขียนโปรแกรม ภาษา .Net

Free Tutorial
สอน Android
สอน Java เขียน Java
Java GUI Swing
สอน JSP (Web App)
iOS (iPhone,iPad)
Windows Phone
Windows Azure
Windows Store
Laravel Framework
Yii PHP Framework
สอน jQuery
สอน jQuery กับ Ajax
สอน PHP OOP (Vdo)
Ajax Tutorials
SQL Tutorials
สอน SQL (Part 2)
JavaScript Tutorial
Javascript Tips
Microsoft Access
MySQL Tutorials
MariaDB Database
SQL Server Tutorial
SQL Server 2005
SQL Server 2008
SQL Server 2012
Oracle Tutorial
แนวทางการทำ SEO
ปรับแต่งเว็บให้โหลดเร็ว
สุดยอด Source Code V2.0
 
 
แจ้งชำระเงิน/โอนเงิน
 

Hit Link
   




Acc : thaicreate@hotmail.com

 Load balance : Server TC-00
ThaiCreate.Com Logo
Thailand Web Stat © www.ThaiCreate.Com. 2003-2013 All Rights Reserved.
for Contact Us :  [Conditions Privacy Statementติดต่อโฆษณา 081-987-6107 , 084-715-5121 อัตราราคา คลิกที่นี่

ไม่มีความคิดเห็น:

แสดงความคิดเห็น