Flutter后台管理插件flutter_admin的使用

Flutter应用程序的后台管理面板
此包正在开发中

功能 #

目前，flutter_admin插件提供了以下功能：

• 用户管理
• 权限管理
• 数据表展示

开始使用 #

首先，确保您的项目已经配置了Flutter环境。然后，在pubspec.yaml文件中添加flutter_admin依赖。

dependencies:
  flutter_admin: ^0.1.0

运行flutter pub get以安装该依赖。

使用方法 #

在你的Flutter应用中引入flutter_admin，并创建一个基本的管理面板。

import 'package:flutter/material.dart';
import 'package:flutter_admin/flutter_admin.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: AdminPanel(),
    );
  }
}

class AdminPanel extends StatefulWidget {
  [@override](/user/override)
  _AdminPanelState createState() => _AdminPanelState();
}

class _AdminPanelState extends State<AdminPanel> {
  // 用户列表
  List<Map> users = [
    {'id': 1, 'name': 'Alice', 'email': 'alice@example.com'},
    {'id': 2, 'name': 'Bob', 'email': 'bob@example.com'}
  ];

  // 权限列表
  List<String> permissions = ['read', 'write', 'delete'];

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('后台管理面板'),
      ),
      body: Column(
        children: <Widget>[
          // 用户管理
          ListTile(
            title: Text('用户管理'),
            onTap: () {
              Navigator.push(
                context,
                MaterialPageRoute(builder: (context) => UserList(users)),
              );
            },
          ),
          // 权限管理
          ListTile(
            title: Text('权限管理'),
            onTap: () {
              Navigator.push(
                context,
                MaterialPageRoute(builder: (context) => PermissionList(permissions)),
              );
            },
          ),
          // 数据表展示
          Expanded(
            child: DataTable(
              columns: [
                DataColumn(label: Text('ID')),
                DataColumn(label: Text('Name')),
                DataColumn(label: Text('Email')),
              ],
              rows: users.map((user) =>
                  DataRow(cells: [
                    DataCell(Text('${user['id']}')),
                    DataCell(Text(user['name'])),
                    DataCell(Text(user['email'])),
                  ])
              ).toList(),
            ),
          ),
        ],
      ),
    );
  }
}

// 用户列表页面
class UserList extends StatelessWidget {
  final List<Map> users;

  UserList(this.users);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('用户列表'),
      ),
      body: ListView.builder(
        itemCount: users.length,
        itemBuilder: (context, index) {
          return ListTile(
            title: Text(users[index]['name']),
            subtitle: Text(users[index]['email']),
          );
        },
      ),
    );
  }
}

// 权限列表页面
class PermissionList extends StatelessWidget {
  final List<String> permissions;

  PermissionList(this.permissions);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('权限列表'),
      ),
      body: ListView.builder(
        itemCount: permissions.length,
        itemBuilder: (context, index) {
          return ListTile(
            title: Text(permissions[index]),
          );
        },
      ),
    );
  }
}

其他信息 #

当前版本的flutter_admin还在积极开发中，更多功能将会逐步加入。如果您有任何问题或建议，欢迎提交Issue。