ホームページ > ウェブフロントエンド > uni-app > uniappでデータベースに接続する方法

uniappでデータベースに接続する方法

WBOY
リリース: 2023-05-26 14:59:38
オリジナル
3511 人が閲覧しました

モバイル インターネットの発展に伴い、ほとんどのアプリケーションでデータの保存と読み取りが行われるようになりました。フロントエンド テクノロジーの人気とクロスエンド開発の需要の高まりにより、Uniapp はますます多くの開発者にとって最初の選択肢となりました。 Uniapp を使用してモバイル アプリケーションを開発している場合、データベースへの接続が必要になる場合があります。では、Uniapp でデータベースに接続するにはどうすればよいでしょうか?

  1. データベースの選択

データベースへの接続を開始する前に、最初に考慮する必要があるのは、どのタイプのデータベースを選択するかです。現在、市場で一般的なデータベースの種類には、リレーショナル データベース (MySQL、SqlServer、Oracle など) と非リレーショナル データベース (MongoDB、Redis など) があります。ここではMongoDBを例として取り上げます。

  1. MongoDB のインストール

MongoDB をインストールしていない場合は、最初に MongoDB クライアントまたはサーバーをインストールする必要があります。 MongoDB はマルチプラットフォームに対応しており、公式 Web サイトから対応するインストールパッケージをダウンロードしてインストールできます。

  1. Mongooseのインストール

MongooseはNode.jsでMongoDBを操作するためのツールです。 Mongoose は npm 経由でインストールできます。

npm install mongoose --save
ログイン後にコピー
  1. データベース接続の作成

プロジェクトの utils フォルダーに db.js ファイルを作成し、次のコードを追加します:

const mongoose = require('mongoose');
mongoose.connect('mongodb://localhost:27017/uniapp-demo', {useNewUrlParser: true});
ログイン後にコピー
  1. データ モデルの書き込み

プロジェクトのモデル フォルダーの下に test.js ファイルを作成します。ここではユーザーを例として取り上げます:

const mongoose = require('mongoose');
const userSchema = mongoose.Schema({
    name: String,
    age: Number,
    gender: String
});
module.exports = mongoose.model('user', userSchema);
ログイン後にコピー
  1. データの増大を達成するには削除、変更、確認

controllers フォルダーに test.js ファイルを作成し、追加、削除、変更、確認の対応するメソッドを記述します。ここでは例としてユーザーを追加します。

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: '添加失败'
        }
    }
}
ログイン後にコピー
  1. ページ内で

を使用して、対応するコントローラーをページに導入します。これにより、対応するメソッドを呼び出すことができます。ページ :

import {addUser} from '../../controllers/test.js';
addUser({
  name: '张三',
  age: '23',
  gender: '男'
}).then(res => {
  console.log(res);
})
ログイン後にコピー

上記は、Uniapp がデータベースに接続するための主なプロセスです。もちろん、実際の開発では、他のより複雑な要件が発生するため、実際の状況に基づいて対応する調整を行う必要があります。

以上がuniappでデータベースに接続する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート