🧝🏿 🐣 🌷 फ़्लटर में SQLite का उपयोग करना ⛑️ 👺 👌🏿

नमस्कार, हेब्र! हम आपके लेख में प्रस्तुत करते हैं "फ्लटर में SQLite का उपयोग" ।

डेटा सहेजना उपयोगकर्ताओं के लिए बहुत महत्वपूर्ण है, क्योंकि यह समान डेटा को नेटवर्क से लोड करना अव्यावहारिक है। उन्हें स्थानीय स्तर पर बचाना समझदारी होगी।

इस लेख में, मैं यह प्रदर्शित करूँगा कि फ्लटर-ई में SQLite का उपयोग कैसे करें

SQLite क्यों?

SQLite मोबाइल उपकरणों पर डेटा स्टोर करने का सबसे लोकप्रिय तरीका है। इस लेख में, हम SQLite का उपयोग करने के लिए sqflite पैकेज का उपयोग करेंगे। Sqflite SQLite डेटाबेस को फ़्लटर से जोड़ने के लिए सबसे अधिक बार उपयोग किए जाने वाले और प्रासंगिक पुस्तकालयों में से एक है।

1. निर्भरता जोड़ें

हमारी परियोजना में, pubspec.yaml फ़ाइल खोलें। निर्भरता के तहत, sqflite और path_provider का नवीनतम संस्करण जोड़ें।

dependencies: flutter: sdk: flutter sqflite: any path_provider: any

2. DB क्लाइंट बनाएं

अब एक नया Database.dart फ़ाइल बनाएँ। इसमें, एक सिंगलटन बनाएं।

हमें एक सिंगलटन की आवश्यकता क्यों है: हम इस पैटर्न का उपयोग यह सुनिश्चित करने के लिए करते हैं कि हमारे पास केवल एक वर्ग इकाई है और इसमें एक वैश्विक प्रवेश बिंदु प्रदान किया जाए।

1. एक निजी कंस्ट्रक्टर बनाएं जिसका उपयोग केवल इस वर्ग के अंदर ही किया जा सकता है।

 class DBProvider { DBProvider._(); static final DBProvider db = DBProvider._(); }

2. डेटाबेस सेट करें

अगला कदम डेटाबेस ऑब्जेक्ट बनाना है और एक गेट्टर प्रदान करना है जहां हम डेटाबेस ऑब्जेक्ट बनाएंगे यदि यह अभी तक नहीं बनाया गया है (आलसीकरण)

 static Database _database; Future<Database> get database async { if (_database != null) return _database; // if _database is null we instantiate it _database = await initDB(); return _database; }

यदि डेटाबेस को कोई ऑब्जेक्ट असाइन नहीं किया गया है, तो हम डेटाबेस बनाने के लिए initDB फ़ंक्शन को कॉल करेंगे। इस फ़ंक्शन में, हमें डेटाबेस को बचाने और वांछित तालिकाओं को बनाने का मार्ग मिलता है

 initDB() async { Directory documentsDirectory = await getApplicationDocumentsDirectory(); String path = join(documentsDirectory.path, "TestDB.db"); return await openDatabase(path, version: 1, onOpen: (db) { }, onCreate: (Database db, int version) async { await db.execute("CREATE TABLE Client (" "id INTEGER PRIMARY KEY," "first_name TEXT," "last_name TEXT," "blocked BIT" ")"); }); }

3. एक मॉडल वर्ग बनाएँ

डेटाबेस के अंदर डेटा को डार्ट मैप में बदल दिया जाएगा। हमें toMap और fromMap विधियों के साथ मॉडल कक्षाएं बनाने की आवश्यकता है।

मॉडल कक्षाएं बनाने के लिए, मैं इस साइट का उपयोग करने जा रहा हूं

हमारा मॉडल:

 /// ClientModel.dart import 'dart:convert'; Client clientFromJson(String str) { final jsonData = json.decode(str); return Client.fromJson(jsonData); } String clientToJson(Client data) { final dyn = data.toJson(); return json.encode(dyn); } class Client { int id; String firstName; String lastName; bool blocked; Client({ this.id, this.firstName, this.lastName, this.blocked, }); factory Client.fromJson(Map<String, dynamic> json) => new Client( id: json["id"], firstName: json["first_name"], lastName: json["last_name"], blocked: json["blocked"], ); Map<String, dynamic> toJson() => { "id": id, "first_name": firstName, "last_name": lastName, "blocked": blocked, }; }

4. CRUD ऑपरेशन

बनाएं

कच्ची वस्तु का उपयोग करना:

 newClient(Client newClient) async { final db = await database; var res = await db.rawInsert( "INSERT Into Client (id,first_name)" " VALUES (${newClient.id},${newClient.firstName})"); return res; }

डालने का उपयोग:

 newClient(Client newClient) async { final db = await database; var res = await db.insert("Client", newClient.toMap()); return res; }

एक नई आईडी के रूप में एक बड़ी आईडी का उपयोग कर एक और उदाहरण

 newClient(Client newClient) async { final db = await database; //get the biggest id in the table var table = await db.rawQuery("SELECT MAX(id)+1 as id FROM Client"); int id = table.first["id"]; //insert to the table using the new id var raw = await db.rawInsert( "INSERT Into Client (id,first_name,last_name,blocked)" " VALUES (?,?,?,?)", [id, newClient.firstName, newClient.lastName, newClient.blocked]); return raw; }

पढ़ें

आईडी द्वारा ग्राहक प्राप्त करें

 getClient(int id) async { final db = await database; var res =await db.query("Client", where: "id = ?", whereArgs: [id]); return res.isNotEmpty ? Client.fromMap(res.first) : Null ; }

एक शर्त के साथ सभी ग्राहक प्राप्त करें

 getAllClients() async { final db = await database; var res = await db.query("Client"); List<Client> list = res.isNotEmpty ? res.map((c) => Client.fromMap(c)).toList() : []; return list; }

केवल अवरुद्ध ग्राहक प्राप्त करें

 getBlockedClients() async { final db = await database; var res = await db.rawQuery("SELECT * FROM Client WHERE blocked=1"); List<Client> list = res.isNotEmpty ? res.toList().map((c) => Client.fromMap(c)) : null; return list; }

अद्यतन

किसी मौजूदा क्लाइंट को अपडेट करें

 updateClient(Client newClient) async { final db = await database; var res = await db.update("Client", newClient.toMap(), where: "id = ?", whereArgs: [newClient.id]); return res; }

क्लाइंट लॉक / अनलॉक

 blockOrUnblock(Client client) async { final db = await database; Client blocked = Client( id: client.id, firstName: client.firstName, lastName: client.lastName, blocked: !client.blocked); var res = await db.update("Client", blocked.toMap(), where: "id = ?", whereArgs: [client.id]); return res; }

हटाएं

एक ग्राहक हटाएं

 deleteClient(int id) async { final db = await database; db.delete("Client", where: "id = ?", whereArgs: [id]); }

सभी ग्राहक हटाएं

 deleteAll() async { final db = await database; db.rawDelete("Delete * from Client"); }

डेमो

हमारे डेमो के लिए, हम एक सरल एप्लिकेशन बनाएंगे जो हमारे डेटाबेस को प्रदर्शित करता है।

पहले हम स्क्रीन बनाते हैं

 Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text("Flutter SQLite")), body: FutureBuilder<List<Client>>( future: DBProvider.db.getAllClients(), builder: (BuildContext context, AsyncSnapshot<List<Client>> snapshot) { if (snapshot.hasData) { return ListView.builder( itemCount: snapshot.data.length, itemBuilder: (BuildContext context, int index) { Client item = snapshot.data[index]; return ListTile( title: Text(item.lastName), leading: Text(item.id.toString()), trailing: Checkbox( onChanged: (bool value) { DBProvider.db.blockClient(item); setState(() {}); }, value: item.blocked, ), ); }, ); } else { return Center(child: CircularProgressIndicator()); } }, ), floatingActionButton: FloatingActionButton( child: Icon(Icons.add), onPressed: () async { Client rnd = testClients[math.Random().nextInt(testClients.length)]; await DBProvider.db.newClient(rnd); setState(() {}); }, ), ); }

नोट:

1. FutureBuilder का उपयोग डेटाबेस से डेटा प्राप्त करने के लिए किया जाता है

2. परीक्षण ग्राहकों को इनिशियलाइज़ करने के लिए FAB

 List<Client> testClients = [ Client(firstName: "Raouf", lastName: "Rahiche", blocked: false), Client(firstName: "Zaki", lastName: "oun", blocked: true), Client(firstName: "oussama", lastName: "ali", blocked: false), ];

3. जब कोई डेटा नहीं है, तो CircularProgressIndicator को दिखाया जाता है।

4. जब उपयोगकर्ता चेकबॉक्स पर क्लिक करता है, तो क्लाइंट अवरुद्ध / अनलॉक हो जाता है

अब नई सुविधाओं को जोड़ना बहुत आसान है, उदाहरण के लिए, यदि हम ग्राहक को स्वाइप करने पर हटाना चाहते हैं, तो बस लिस्टटाइल को इस तरह डिसमिसिव विजेट में लपेटें:

 return Dismissible( key: UniqueKey(), background: Container(color: Colors.red), onDismissed: (direction) { DBProvider.db.deleteClient(item.id); }, child: ListTile(...), );

एक बीएलओसी पैटर्न का उपयोग करने के लिए रिफैक्टरिंग

हमने इस लेख में बहुत कुछ किया है, लेकिन वास्तविक दुनिया के अनुप्रयोगों में, यूआई परत में राज्यों को शुरू करना एक अच्छा विचार नहीं है। यूआई से तर्क को अलग करें।

स्पंदन में कई पैटर्न हैं, लेकिन हम BLoC का उपयोग करेंगे क्योंकि यह अनुकूलन के लिए सबसे अधिक लचीला है।

बीएलओसी बनाएं

 class ClientsBloc { ClientsBloc() { getClients(); } final _clientController = StreamController<List<Client>>.broadcast(); get clients => _clientController.stream; dispose() { _clientController.close(); } getClients() async { _clientController.sink.add(await DBProvider.db.getAllClients()); } }

नोट:
नोट्स:

1. getClients डेटाबेस (क्लाइंट टेबल) से अतुल्यकालिक रूप से डेटा प्राप्त करता है। जब भी हमें तालिका को अपडेट करने की आवश्यकता होती है, तो हम इस पद्धति का उपयोग करेंगे, इसलिए यह कंस्ट्रक्टर के शरीर में रखने लायक है।

2. हमने एक से अधिक बार प्रसारण की घटनाओं को सुनने के लिए StreamController.broadcast बनाया। हमारे उदाहरण में, यह वास्तव में मायने नहीं रखता है, क्योंकि हम केवल उन्हें एक बार सुनते हैं, लेकिन भविष्य के लिए इसे लागू करना अच्छा होगा।

3. धागे बंद करने के लिए मत भूलना। इस तरह हम स्मारक रोकेंगे। हमारे उदाहरण में, हम स्टेटफुलवेट में डिस्पोजल विधि का उपयोग करके उन्हें बंद कर देते हैं

अब कोड को देखें

 blockUnblock(Client client) { DBProvider.db.blockOrUnblock(client); getClients(); } delete(int id) { DBProvider.db.deleteClient(id); getClients(); } add(Client client) { DBProvider.db.newClient(client); getClients(); }

और अंत में अंतिम परिणाम

सूत्र यहां मिल सकते हैं - जीथूब

फ़्लटर में SQLite का उपयोग करना