การจัดการไฟล์บน LightSwitch ตอนที่ 2: การดาวน์โหลดไฟล์


บทความจาก นิตยสาร WindowsITPro (ฉบับ November – December 2012)
ได้ขออนุญาตทางบก. เรียบร้อยแล้ว

จากในตอนที่1:การอัปโหลดไฟล์
เมื่อคุณทำการอัปโหลดไฟล์เอกสารเข้าไปเก็บในฐานข้อมูลเป็นที่เรียบร้อย
เมื่อวันเวลาผ่านไป(ระยะหนึ่ง) คุณต้องการไฟล์เอกสารเหล่านั้นกลับมาใช้งานอีกครั้ง
แน่นอน คุณสามารถทำการดึงไฟล์เหล่านั้น กลับมาใช้งานได้ตามเดิม
ซึ่งเป็นเนื้อหาที่กำลังจะกล่าวในตอนที่ 2 นี้
ก่อนอื่นไปดูสิ่งที่จำเป็นในบทความ ดังนี้

สิ่งที่จำเป็น (Prerequisites)

 

โดยขั้นตอนการพัฒนาโปรแกรม มีดังนี้

ขั้นตอนการพัฒนาโปรแกรม

  • ขั้นตอนที่ 1 การสร้างหน้าจอ ดาวน์โหลดไฟล์
  • ขั้นตอนที่ 2 เพิ่มฟังก์ชัน การดาวน์โหลดไฟล์
  • ขั้นตอนที่ 3 เขียนโค้ด การดาวน์โหลดไฟล์
  • ขั้นตอนที่ 4 ทดสอบโปรแกรม

     

ขั้นตอนที่ 1 การสร้างหน้าจอ ดาวน์โหลดไฟล์

ในตอนที่สอง เราจะนำโปรเจ็กต์ในตอนแรกมาใช้ต่อ
(โดยโหลดได้ตามแหล่งข้อมูลดาวน์โหลด:โปรเจ็กต์ในตอนที่1)
จากนั้นทำการสร้างหน้าจอเพิ่มขึ้นมา โดยคลิกขวาบนเมนู Screens=>
เลือก Add Screen…
ดังรูปที่ 1


รูปที่ 1 Add Screen…

 

บนหน้าต่าง Add New Screen

=> เลือกเทมเพลตหน้าจอเป็นแบบ Search Data Screen
=> ช่อง Screen Name: ระบุชื่อหน้าจอตามต้องการ ในบทความนี้ใช้ชื่อ: SearchDocuments
=> Screen Data ให้เลือก อ็อบเจ็กต์ Document แล้วคลิก OK
ดังรูปที่ 2

 


รูปที่ 2 Add New Screen (Search Data Screen)

 

เมื่อเพิ่มหน้าจอเรียบร้อย คุณจะเข้าสู่หน้าจอ Screen Designer ของหน้าจอ SearchDocuments
ดังรูปที่ 3

 


รูปที่ 3 SearchDocuments Screen Designer

 

ขั้นตอนที่ 2 เพิ่มฟังก์ชันการดาวน์โหลดไฟล์

บนหน้าจอ Screen Designer ให้ทำการเพิ่มปุ่ม SaveDocument
ดังนี้

=> คลิกเมาส์ลงบน Command Bar (เพื่อขยาย)
=> คลิก Add => New Button…
=> บนหน้าต่าง Add Button=>
พิมพ์ชื่อปุ่มลงไปโดยใช้ชื่อ: SaveDocument แล้วกด OK
ดังรูปที่ 4


รูปที่ 4 Add New Method (SaveDocument)

 

ขั้นตอนที่ 3 เขียนโค้ดการดาวน์โหลดไฟล์

เมื่อสร้างปุ่ม SaveDocument เป็นที่เรียบร้อยแล้ว
มันยังไม่สามารถทำงานได้ด้วยตัวเอง คุณต้องใส่โค้ดมันก่อน
ดังนี้

ให้ทำการคลิกขวาบนปุ่ม SaveDocument =>
เลือกเมนู Edit Execute Code ดังรูปที่ 5 เพื่อเข้าสู่การใส่โค้ด


รูปที่ 5 Edit Execute Code

 

คุณจะกระโดดเข้าสู่หน้าจอของการใส่โค้ดโปรแกรมบนเมธอด
SaveDocument_Execute() {}
ดังรูปที่ 6


รูปที่ 6 เมธอด SaveDocument_Execute()

 

แล้วทำการใส่โค้ดในเมธอด SaveDocument_Execute() ดังนี้


ขั้นตอนที่ 4 ทดสอบโปรแกรม

เมื่อใส้โค้ดโปรแกรมเป็นที่เรียบร้อยแล้ว ทำการทดสอบ
โดยกดปุ่ม F5 เพื่อรันโปรแกรม จากนั้นรอสักครู่
คุณจะเข้าสู่โปรแกรม FileManageOnLS
ให้คลิกเมนู Search Document คุณจะได้หน้าจอ
ดังรูปที่ 7


รูปที่ 7 หน้าจอ Search Documents

ทำการกดปุ่ม Save Document หน้าต่าง Save As
จะแสดงขึ้นมาให้ทำการเลือกพาธ(ในบทความนี้เลือกพาธเป็น Desktop)
และป้อนชื่อไฟล์(ในบทความนี้ใช้ชื่อ ทดสอบ โดย ประเภทไฟล์ *.txt
จะดีฟอลต์ตามไฟล์ต้นฉบับเมื่ครั้งที่เราอัพโหลด) จากนั้นกดปุ่ม Save
ดังรูปที่ 8


รูปที่ 8 บันทึกไฟล์

เมื่อคุณไปที่หน้าจอ Desktop จะเห็นไฟล์ ทดสอบ.txt
ที่เราโหลดมาเมื่อครู่ ทำการดับเบิ้ลคลิกเพื่อเปิดมันขึ้นไปใช้งานต่อ
ดังรูปที่ 9


รูปที่ 9 เปิดไฟล์

 

ในตอนที่ 1: เมื่อคุณทำการอัปโหลดไฟล์เอกสารเข้าฐานข้อมูลเป็นที่เรียบร้อย
เมื่อเวลาผ่านไปสักระยะ คุณต้องการไฟล์เอกสาร เหล่านั้นกลับมาใช้งานอีกครั้ง
ในตอนที่ 2: และเมื่อคุณทำการปรับปรุงไฟล์ข้อมูลเรียบร้อย
ต้องการนำไฟล์ไปเก็บที่เดิม จะทำอย่างไร? ไว้เรามาคุยกันใน
ตอนที่ 3: การดีฟอลต์หน้าจอ เพิ่มแก้ไข ไฟล์เอกสาร

แหล่งข้อมูลอ้างอิง:

  • Time Leung & Yann Duran, Pro Visual Studio LightSwitch 2011 Development, Apress
  • การจัดการไฟล์บน LightSwitch ตอนที่ 1: การอัปโหลดไฟล์

แหล่งข้อมูลดาวน์โหลด:

ขอบคุณ บทความจาก นิตยสาร WindowsITPro

โดย:
Mr.Nano

  • บล็อก โปรแกรม ซอฟต์แวร์http://bit.ly/JANAWAT
  • บล็อก โปรแกรม จิต ฝึกความคิด สร้างความสุข: http://bit.ly/jNuchit
Advertisements
เกี่ยวกับ

Nuchit Atjanawat is a Microsoft MVP, GreatFriends Community Leader, WindowsITPro Columnist(Mr.Nano), Silverlight Business Application Instructor, Speaker in various Microsoft events, Author, passionate Blogger and a Software Engineer by profession. He has a very good skill over Silverlight, LightSwitch, C#, XAML & Blend. He shares his technical findings, tutorials in his technical blog. Follow his Blog and Facebook page to be updated on latest articles. - Technical Blog: https://janawat.wordpress.com - WindowsITPro Columnist(Mr.Nano): http://windowsitpro.net - The GreatFriends.Biz Community Discussion Board (nano): http://greatfriends.biz - witter: https://twitter.com/janawat - Facebook Page: https://www.facebook.com/nuchit - Instructor: http://bit.ly/GF250-01, http://bit.ly/GF150-02

เขียนใน LightSwitch

ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out / เปลี่ยนแปลง )

Connecting to %s

In Archive
%d bloggers like this: