AdminJSを使用して「Node.js」マネージャパネルを提供

9714 ワード
node.js JavaScript adminJS テキストリンク

AdminJS


AdminJSは3つのフレームワークをサポート
  • Express
  • Hapi
  • Koajs

    • インストールに必要な依存項目

    npm i adminjs @adminjs/express -S
npm i express express-formidable -S

    app.jsでのAdminJSの設定

  • 完全コード
    app.js 
    • 
const express = require('express');
const AdminJS = require('adminjs');
const AdminJSExpress = require('@adminjs/express');
const app = express();
const port = 3000;


const adminJs = new AdminJS({
    databases: [],
    rootPath: '/admin',
})

const router = AdminJSExpress.buildRouter(adminJs);

app.use(adminJs.options.rootPath, router);
app.listen(port, () => {
    console.log(`listening at http://localhost:${port}`);
});
    localhost:3000/admin接続

    管理パネルがよく表示されているのが見えます!

    AdminJSとSequelizeの接続


    インストールに必要な依存項目

    npm i @adminjs/sequelize -S

    app.jsでの設定

  • 完全コード
    • app.js
    const express = require('express');
const AdminJS = require('adminjs');
const AdminJSExpress = require('@adminjs/express');
const AdminJSSequelize = require('@adminjs/sequelize'); // 추가
const app = express();
const port = 3000;


const adminJS = new AdminJS({
    databases: [],
    rootPath: '/admin',
})

AdminJS.registerAdapter(AdminJSSequelize); // 추가


const router = AdminJSExpress.buildRouter(adminJS);

app.use(adminJS.options.rootPath, router);
app.listen(port, () => {
    console.log(`listening at http://localhost:${port}`);
});
    実行方法
    npm run sequelize db:create
    をクリックして実行します.

    このようなエラーが発生した場合、package.jsonでは、スクリプトセクション
    "sequelize": "sequelize"
    npm run sequelize db:createを加えればいいです
    複数の画像のループ表示
    Valid Palindrome [leetcode]