用element ui写一个后台管理系统

好的，下面是一个简单的后台管理系统的代码示例：

<template>
  <el-container>
    <el-header>Header</el-header>
    <el-container>
      <el-aside width="200px">Aside</el-aside>
      <el-main>Main</el-main>
    </el-container>
    <el-footer>Footer</el-footer>
  </el-container>
</template>

<script>
export default {
  name: 'Admin',
  data() {
    return {
      activeIndex: '1',
      menuList: [{
        index: '1',
        title: 'Dashboard'
      }, {
        index: '2',
        title: 'User Management'
      }, {
        index: '3',
        title: 'Product Management'
      }]
    }
  }
}
</script>

在上面的代码中，我们使用了`el-container`、`el-header`、`el-aside`、`el-main`和`el-footer`等Element UI的组件来构建后台管理系统的页面布局。

在`data`中，我们定义了一个`menuList`数组，用于存储系统的菜单列表。在`template`中，我们使用`v-for`指令循环渲染菜单列表，并将菜单的`index`属性绑定到`activeIndex`变量上，以便在用户点击菜单时自动切换到相应的页面。

除此之外，我们还可以使用Element UI的其他组件，如表格、表单、按钮、对话框等来实现后台管理系统的各种功能。