Rumah >hujung hadapan web >uni-app >Bagaimana untuk menyimpan data dalam uniapp

Bagaimana untuk menyimpan data dalam uniapp

PHPz
PHPzasal
2023-05-22 09:40:374722semak imbas

Dengan perkembangan pesat aplikasi mudah alih, untuk memberikan pengalaman pengguna yang lebih baik dan fungsi yang dipertingkatkan, aplikasi mudah alih juga perlu menyimpan data pengguna. Uniapp ialah rangka kerja pembangunan aplikasi mudah alih merentas platform yang membolehkan pembangun membangun sekali dan menerbitkan merentas berbilang platform dengan prestasi yang baik dan kemudahan pembangunan. Artikel ini akan memperkenalkan kaedah penyimpanan data biasa dan kaedah pelaksanaan dalam Uniapp.

1. Storan Tempatan

1.1 storan uni

storan uni ialah penyelesaian storan tempatan ringan yang disediakan oleh Uniapp, yang membolehkan pembangun menggunakan cara pasangan nilai kunci untuk menyimpan data. Sama seperti penyelesaian storan tempatan Web, storan uni menyokong localStorage, sessionStorage dan kuki. Gunakan uni-storage untuk menyimpan sejumlah kecil data dalam storan setempat, seperti pilihan pengguna, maklumat log masuk pengguna, dsb.

Sebelum menggunakan uni-storage, anda perlu menambah modul "torage":{} dalam fail manifest.json:

"modules":{
    "storage":{}
}

Dalam kod, anda boleh menggunakan uni.setStorage dan uni Kaedah .getStorage untuk menyimpan dan mendapatkan semula data. Contohnya:

uni.setStorageSync('username', 'Tom');
var username = uni.getStorageSync('username');

1.2 SQLite

SQLite ialah enjin pangkalan data percuma yang menyokong berbilang platform, termasuk Android, iOS dan Web. Tidak seperti pangkalan data hubungan lain, pangkalan data SQLite tidak memerlukan pelayan yang berasingan Ia menyimpan pangkalan data dalam fail, yang menjadikannya sesuai untuk keperluan storan tempatan aplikasi mudah alih.

Uniapp menyediakan pemalam UniSQLite, yang membolehkan pembangun menggunakan pangkalan data SQLite untuk penyimpanan data. Tambahkan kod berikut pada fail manifest.json:

"app-plus": {
    "plugins": {
        "UniSQLite": {
            "version": "1.0.0",
            "provider": "uni-app.cn"
        }
    }
}

Dalam kod, anda boleh menggunakan kod berikut untuk mencipta pangkalan data SQLite dan melaksanakan operasi berkaitan:

var db = uni.requireNativePlugin('UniSQLite');
var res = db.exec({
    dbName: 'test.db',
    statement: 'CREATE TABLE IF NOT EXISTS user (id INTEGER, name TEXT)'
});

2. Cloud Storage

Apabila aplikasi mudah alih menjadi lebih popular, storan awan menjadi semakin penting. Uniapp juga menyediakan pelbagai penyelesaian storan awan untuk memenuhi keperluan perniagaan yang berbeza.

2.1 Pangkalan Data Awan

Pangkalan Data Awan ialah perkhidmatan pangkalan data terurus sepenuhnya yang menyediakan penyelesaian pangkalan data berskala, berprestasi tinggi dan selamat. Uniapp menyediakan penyelesaian pangkalan data awan menggunakan platform uniCloud. Penyimpanan dan pengurusan data boleh dilakukan dengan mudah menggunakan pangkalan data awan, dan ia juga menyediakan pelbagai kaedah pertanyaan dan analisis data.

Sebelum menggunakan pangkalan data awan, anda perlu menambah modul "cloudfunctions":{} dalam fail manifest.json:

"modules":{
    "cloudfunctions":{}
}

Dalam kod, anda boleh menggunakan kod berikut untuk menyambung ke pangkalan data awan dan melaksanakan operasi berkaitan Operasi:

var db = uniCloud.database()
var collection = db.collection('user')
collection.add({
    name: 'Tom',
    age: 18
}).then(res => {
    console.log(res)
})

2.2 Fungsi awan

Fungsi awan ialah kod yang dilaksanakan dalam awan, yang boleh mengakses pangkalan data awan, storan objek, baris gilir mesej dan perkhidmatan lain . Uniapp menyediakan penyelesaian fungsi awan menggunakan platform uniCloud. Menggunakan fungsi awan, pengiraan dan operasi yang kompleks boleh dilakukan dalam awan, seperti analisis data, pemprosesan imej, dsb.

Sebelum menggunakan fungsi awan, anda perlu menambah modul "fungsi awan":{} dalam fail manifest.json:

"modules":{
    "cloudfunctions":{}
}

Dalam kod, anda boleh menggunakan kod berikut untuk memanggil awan fungsi:

uniCloud.callFunction({
    name: 'hello',
    data: {
        name: 'Tom'
    },
    success: res => {
        console.log(res)
    }
})

Di atas adalah kaedah penyimpanan data biasa dan kaedah pelaksanaan dalam Uniapp. Dalam pembangunan aplikasi sebenar, pembangun perlu memilih penyelesaian storan yang paling sesuai berdasarkan keperluan perniagaan yang berbeza. Melalui gabungan storan tempatan dan storan awan, pengurusan data dan fungsi storan yang lebih lengkap dan mantap boleh dicapai.

Atas ialah kandungan terperinci Bagaimana untuk menyimpan data dalam uniapp. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn