extjs菜单级别权限管理系统设计

const express = require('express');
const app = express();

// 假设已经连接数据库并定义了相应的模型
const User = require('./models/User');
const Role = require('./models/Role');
const Permission = require('./models/Permission');

app.get('/api/menu', async (req, res) => {
    const userId = req.user.id; // 假设用户信息已通过中间件验证并附加到req对象上
    const userRoles = await User.findById(userId).populate('roles');
    const permissions = userRoles.roles.flatMap(role => role.permissions);
    const menuItems = generateMenu(permissions); // 根据权限生成菜单项
    res.json(menuItems);
});

function generateMenu(permissions) {
    // 根据权限列表生成菜单项的逻辑
    // 例如：如果用户有'view_dashboard'权限，则显示仪表盘菜单项
    return [
        { name: 'Dashboard', path: '/dashboard', permission: 'view_dashboard' },
        // 其他菜单项...
    ].filter(item => permissions.includes(item.permission));
}

app.listen(3000, () => {
    console.log('Server is running on port 3000');
});

Ext.define('MyApp.view.Main', {
    extend: 'Ext.panel.Panel',
    xtype: 'main',
    layout: 'fit',
    items: [{
        xtype: 'tabpanel',
        items: generateMenuItems() // 调用生成菜单项的函数
    }]
});

function generateMenuItems() {
    Ext.Ajax.request({
        url: '/api/menu',
        success: function(response) {
            const menuItems = Ext.decode(response.responseText);
            // 动态生成TabPanel的items
            Ext.create('Ext.tab.Panel', {
                items: menuItems.map(item => ({
                    title: item.name,
                    xtype: 'panel',
                    html: `<h1>${item.name}</h1>`
                }))
            });
        }
    });
}