仿乐优商城后台管理-前端vue+后端thinkphp5.1+数据库mysql项目开发----前端第二天

仿乐优电商前端后台管理开发第二天


目录

文章目录

  • 一、功能实现
    • 1、主框架分析实现
    • 2、左侧菜单
    • 3、商品管理
      • 3.1、品牌管理
        • 3.1.1、分析
        • 3.1.2、品牌列表展示
        • 3.1.3、品牌新增
          • 3.1.3.1、简单分析:
          • 3.1.3.2、使用vuetify组件或者自定义组件
          • 3.1.3.3、效果图示
          • 3.1.3.4、源代码
          • 3.1.3.5、品牌新增组件使用详解
        • 3.1.4、品牌修改
          • 3.1.4.1、与品牌新增差异
          • 3.1.4.2、初始化
        • 3.1.5、品牌删除
          • 3.1.5.1、结构
          • 3.1.5.2、确认提示框
    • 4、后记


内容

一、功能实现

1、主框架分析实现

  • 布局分析

    • header : 头部
    • left-navagator: 左侧导航菜单
    • main: 内容主体
  • 适用UI组件:

    • header; v-app-bar
    • left-navagator: v-navigation-drawer
    • main: v-content
      • 面包屑功能标题: v-breadcrumbs
      • 具体功能子组件 :
  • 实现代码