Advertisement

Vue的电商后台管理系统的开发与优化(2)

阅读量:

Vue的电商后台管理系统(2)

上一节已完成该系统的登录界面、路由配置、登录与退出操作以及导航守卫功能的开发,本期将重点拓展以下系统功能:从前端获取后端提供的后台列表数据并将其展示在前端页面中,同时实现用户列表的展示、编辑、删除及新增操作。

1.后台首页基本布局

本系统后台页面将运用Element UI框架中的Container组件作为布局容器。

基本结构

在这里插入图片描述
复制代码
    <el-container>
      <el-header>Header</el-header>
      <el-container>
    <el-aside width="200px">Aside</el-aside>
    <el-main>Main</el-main>
      </el-container>
    </el-container>
    
    
      
      
      
      
      
      
      
    

侧边栏布局

侧边栏所包含的目录结构设计依托于Element UI组件

全部评论 (0)

还没有任何评论哟~