跳到主要内容

我的订单页面实现

上一节课实现了订单接口，本节将介绍如何在前端实现一个“我的订单”页面。我们将涵盖以下内容：

  • 路由配置和权限设置
  • 页面结构和布局
  • 发送请求获取订单数据
  • 实现分页功能
  • 根据订单状态筛选订单

路由配置和权限设置​

首先，在全局路由文件中配置一个名为"orders"的路由，并设置它需要登录才能访问。例如：

frontend/src/router/index.js
import Orders from '../views/Orders.vue'

  {
    path: '/orders',
    name: 'Orders',
    component: Orders,
    meta: {
      requireLogin: true
    }
  },

页面结构和布局​

🔒 试读结束

继续阅读完整内容

以上为免费预览。前往「Django + Vue 全栈课程」，查看后续完整讲解、案例演示和配套资料。

查看课程详情