Skip to content

Repository files navigation

SimpleToDoList

พัฒนาโดย

อาจาย์พิศาล สุขขี

phisan.s@sskru.ac.th

สาขาวิทยาการคอมพิวเตอร์, คณะศิลปศาสตร์และวิทยาศาสตร์ มหาวิทยาลัยราชภัฏศรีสะเกษ

Packages we are using:

Description:

โปรแกรม Simple Todo List หรือ โปรแกรมบันทึกสิ่งที่ต้องทำอย่างง่าย ใช้การบันทึก - อ่านข้อมูลแบบ JSON แบบ Local เพื่อบันทึกข้อมูลสิ่งต่าง ๆ ที่ต้องทำเอาไว้

เป็นโปรแกรมเพื่อใช้สำหรับการสาธิตให้นักศึกษาได้เรียนรู้ และเข้าใจในเรื่องการการสร้่างข้อมูลให้อยู่ในรูปแบบโครงสร้่างของ JSON และการ อ่าน - เขียน ไฟล์ในโมบายแอบพลิเคชั่น

โมบายแอปพลิเคชั่นนี้พัฒนาขึ้นเพื่อใช้เป็นสื่อการเรียนการสอน และตัวอย่างในกรณีศึกษาการพัฒนาโมบายแอปพลิเคชั่นด้วย Flutter ในรายวิชาการพัฒนาโปรแกรมบนมือถือ

เพื่อให้นักศึกษาได้ใช้สำหรับการศึกษา ทดลองปฏิบัติตาม ให้เกิดความรู้ ความเข้าใจ และทักษะในการพัฒนาโปรแกรมบนมือถือด้วย Flutter

การอ่าน - เขียนไฟล์ด้วย Flutter

import'dart:io';
import'package:path_provider/path_provider.dart';
// Class for read/write User Todo json fileclassToDoFileProcess {
Future<String> get _localPath async {
final directory =awaitgetApplicationDocumentsDirectory();
return directory.path;
}
Future<File> get _localFile async {
final path =await _localPath;
returnFile('$path/todo.json');
}
Future<String> readTodo() async {
try {
final file =await _localFile;
String contents =await file.readAsString();
return contents.toString();
} catch (e) {
return'fail';
}
}
Future<File> writeTodo(String data) async {
final file =await _localFile;
return file.writeAsString('$data');
}
} //end class

การอ่านข้อมูลจากไฟล์

// Crate file processor objectToDoFileProcess fileProcess =ToDoFileProcess();
// Read data from fileString todoStr =await fileProcess.readTodo();
// Convert string to Json Object
jsonData = json.decode(todoStr);

การเขียนบันทึกข้อมูลลงไฟล์ในรูปแบบ JSON

  • นำข้อมูลมาใส่ในโครงสร้าง MAP
  • นำ MAP มาบรรจุไว้ใน List
  • แปลง List ให้กลายเป็น Json Object
  • แปลง Json Object ให้เป็นสตริงและเขียนลงไฟล์
List<Map> list = [];
Map<String, dynamic> existTodo = {
'id': item['id'],
'title': item['title'],
'date': item['date'],
'time': item['time'],
'status': item['status']
};
list.add(existTodo);
// Convert list to JSONvar todo =jsonEncode(list);
// Write Json to file
fileProcess.writeTodo(todo.toString());

ตัวอย่างหน้าจอ User Interface

TO_UI

About

โมบายแอบพลิเคชั่น To Do List อย่างง่ายพัฒนาด้วย Flutter และใช้ JSON เป็นคอนเทรนเนอร์เก็บข้อมูลแบบ Local

Resources

Stars

1 star

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages