美多后台添加商品

最新推荐文章于 2021-11-21 18:08:09 发布

༼¥༽289

最新推荐文章于 2021-11-21 18:08:09 发布

阅读量119

点赞数

文章标签： django python html

本文链接：https://blog.csdn.net/python_zhifu/article/details/120048248

版权

本文介绍如何在Django后端结合Python技术，通过序列化器处理数据，实现与Vue.js前端页面交互，完成商品的添加功能。

摘要由CSDN通过智能技术生成

List item

美多后台的添加

美多页面

添加商品

在这里插入图片描述

django中序列化器添加
在这里插入图片描述
vue页面

  <el-container>
    <el-header class="md-header">
      <!-- 商品增加 开始 -->
      <div style="text-align: left">

        <el-button type="danger" plain @click="dialogFormVisible = true">增加商品</el-button>

        <el-dialog title="添加商品" :visible.sync="dialogFormVisible">
          <el-form :model="form">
            <el-form-item label="商品名称" :label-width="formLabelWidth">
              <el-input  v-model="form.name" autocomplete="off"></el-input>
            </el-form-item>

            <el-form-item label="商品价格" :label-width="formLabelWidth">
              <el-input v-model="form.price" autocomplete="off"></el-input>
            </el-form-item>
            <el-form-item label="商品等级" :label-width="formLabelWidth">
              <el-input v-model="form.level" autocomplete="off"></el-input>
            </el-form-item>
            <el-form-item label="商品等级" :label-width="formLabelWidth">
              <el-input v-model="form.topid" autocomplete="off"></el-input>
            </el-form-item>

            <el-form-item label="商品库存" :label-width="formLabelWidth">
              <el-input v-model="form.store" autocomplete="off"></el-input>
            </el-form-item>
            <el-form-item label="商品销量" :label-width="formLabelWidth">
              <el-input v-model="form.sales" autocomplete="off"></el-input>
            </el-form-item>
            <el-form-item label="商品service" :label-width="formLabelWidth">
              <el-input v-model="form.service" autocomplete="off"></el-input>
            </el-form-item>
            <el-form-item label="商品spu" :label-width="formLabelWidth">
              <el-input v-model="form.spu" autocomplete="off