Maison > interface Web > uni-app > le corps du texte

Comment se connecter à la base de données dans Uniapp

WBOY
Libérer: 2023-05-26 14:59:38
original
3471 Les gens l'ont consulté

Avec le développement de l'Internet mobile, la plupart des applications impliquent le stockage et la lecture de données. Avec la popularité de la technologie front-end et la demande croissante de développement cross-end, Uniapp est devenu le premier choix de plus en plus de développeurs. Si vous utilisez Uniapp pour développer des applications mobiles, vous devrez peut-être vous connecter à une base de données. Alors comment se connecter à la base de données dans Uniapp ?

  1. Sélection de la base de données

Avant de commencer à vous connecter à la base de données, la première chose à considérer est le type de base de données à choisir. Actuellement, les types de bases de données les plus populaires sur le marché incluent les bases de données relationnelles (telles que MySQL, SqlServer, Oracle, etc.) et les bases de données non relationnelles (telles que MongoDB, Redis, etc.). Ici, nous prenons MongoDB comme exemple.

  1. Installer MongoDB

Si vous n'avez pas installé MongoDB, vous devez d'abord installer le client ou le serveur MongoDB. MongoDB prend en charge plusieurs plates-formes. Vous pouvez télécharger le package d'installation correspondant sur le site officiel pour l'installer.

  1. Install Mongoose

Mongoose est un outil permettant d'exploiter MongoDB dans Node.js. Mongoose peut être installé via npm.

npm install mongoose --save
Copier après la connexion
  1. Créer une connexion à la base de données

Créez un fichier db.js sous le dossier utils du projet et ajoutez le code suivant : #🎜🎜 #

const mongoose = require('mongoose');
mongoose.connect('mongodb://localhost:27017/uniapp-demo', {useNewUrlParser: true});
Copier après la connexion

    Write data model
Créez un fichier test.js dans le dossier models du projet. Ici, nous prenons un utilisateur comme exemple : #🎜. 🎜#
const mongoose = require('mongoose');
const userSchema = mongoose.Schema({
    name: String,
    age: Number,
    gender: String
});
module.exports = mongoose.model('user', userSchema);
Copier après la connexion

Réaliser l'ajout, la suppression, la modification et la requête de données
  1. Créez un fichier test.js sous le dossier des contrôleurs et écrivez l'ajout, la suppression correspondant, méthodes de modification et de requête. Ici, nous prenons comme exemple l'ajout d'un utilisateur :
const userModel = require('../models/test');
exports.addUser = async function(params) {
    try {
        const user = new userModel({
            name: params.name,
            age: params.age,
            gender: params.gender
        });
        await user.save();
        return {
            code: 200,
            message: '添加成功'
        }
    } catch (err) {
        return {
            code: 500,
            message: '添加失败'
        }
    }
}
Copier après la connexion

Utilisez
  1. pour introduire le contrôleur correspondant dans la page, vous pouvez appeler le correspondant méthode sur la page :
import {addUser} from '../../controllers/test.js';
addUser({
  name: '张三',
  age: '23',
  gender: '男'
}).then(res => {
  console.log(res);
})
Copier après la connexion

Ce qui précède est le processus principal de connexion d'Uniapp à la base de données. J'espère que cela vous sera utile. Bien entendu, dans le développement réel, d'autres exigences plus complexes seront rencontrées et les ajustements correspondants devront être effectués en fonction de la situation réelle.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal