Home Web Front-end uni-app How to connect to the database in uniapp

How to connect to the database in uniapp

May 26, 2023 pm 02:59 PM

With the development of mobile Internet, most applications involve the storage and reading of data. With the popularity of front-end technology and the increasing demand for cross-end development, Uniapp has become the first choice for more and more developers. If you are using Uniapp to develop mobile applications, you may encounter the need to connect to a database. So how to connect to the database in Uniapp?

  1. Selection of database

Before you start connecting to the database, the first thing you need to consider is which type of database to choose. Currently, the more popular database types on the market include relational databases (such as MySQL, SqlServer, Oracle, etc.) and non-relational databases (such as MongoDB, Redis, etc.). Here we take MongoDB as an example.

  1. Install MongoDB

If you have not installed MongoDB, you need to install the MongoDB client or server first. MongoDB supports multiple platforms. You can download the corresponding installation package from the official website to install it.

  1. Installing Mongoose

Mongoose is a tool for operating MongoDB in Node.js. Mongoose can be installed via npm.

npm install mongoose --save
Copy after login
  1. Create database connection

Create a db.js file under the utils folder in the project and add the following code:

const mongoose = require('mongoose');
mongoose.connect('mongodb://localhost:27017/uniapp-demo', {useNewUrlParser: true});
Copy after login
  1. Write data model

Create a test.js file under the models folder in the project. Here we take a user as an example:

const mongoose = require('mongoose');
const userSchema = mongoose.Schema({
    name: String,
    age: Number,
    gender: String
});
module.exports = mongoose.model('user', userSchema);
Copy after login
  1. To achieve data growth Delete, modify and check

Create a test.js file in the controllers folder and write the corresponding method of adding, deleting, modifying and checking. Here we take adding a user as an example:

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: '添加失败'
        }
    }
}
Copy after login
  1. Use

in the page to introduce the corresponding controller to the page, and you can call the corresponding method in the page :

import {addUser} from '../../controllers/test.js';
addUser({
  name: '张三',
  age: '23',
  gender: '男'
}).then(res => {
  console.log(res);
})
Copy after login

The above is the main process for Uniapp to connect to the database. I hope it will be helpful to you. Of course, in actual development, other more complex requirements will be encountered, and corresponding adjustments need to be made based on the actual situation.

The above is the detailed content of How to connect to the database in uniapp. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Hot Topics

Java Tutorial
1662
14
PHP Tutorial
1261
29
C# Tutorial
1234
24