django rest框架和表单: How to do

Question

我的 Django App 中有一个模型，如下所示。我使用 ReactJs 作为前端并使用 Django Rest Framework 传递数据。

class Ingredient(models.Model):
    MUNITS_CHOICES = (
        ('kg', 'Kilogram'),
        ('ltr', 'Liter'),
        ('pcs', 'Pieces'),
    )

    name = models.CharField(max_length=200,unique=True,null=False)
    slug = models.SlugField(unique=True)
    munit = models.CharField(max_length=10,choices=MUNITS_CHOICES,default=KILOGRAM)
    rate = models.DecimalField(max_digits=19, decimal_places=2,validators=[MinValueValidator(0)],default=0)
    typeofingredient = models.ForeignKey(TypeOfIngredient, related_name='typeof_ingredient',null=True, blank=True,on_delete=models.PROTECT)
    density_kg_per_lt = models.DecimalField(max_digits=19, decimal_places=2,verbose_name='Density (kg/lt)',null=True,blank=True,validators=[MinValueValidator(0)])
    updated = models.DateTimeField(auto_now=True, auto_now_add=False)
    timestamp = models.DateTimeField(auto_now=False, auto_now_add=True)

如您所见，模型字段有很多参数，例如 max_length、choices、ForeignKey(也是一种选择)、DecimalField、CharField、DateTimeField 等

我正在使用 Django Forms 创建和呈现表单。验证也是在 Form 类中完成的。
这样做的好处是使用 {{ form }} 可以很容易地将表单插入到模板中。它处理所有参数，如 max_length、选择、字段类型等。我们还可以验证表单并将错误发送回等。所以大部分工作都是自动完成的。

但是由于我使用的是 DRF，所以我创建了一个序列化程序类来创建或更新:

class IngredientCreateUpdateSerializer(ModelSerializer):
    class Meta:
        model = Ingredient
        fields = [
            'name',
            'munit',
            'rate',
            'typeofingredient',
            'density_kg_per_lt',
        ]

在这里，我必须再次编写我在表单中完成的验证逻辑。

现在要在 reactjs 中创建 HTML 表单，我必须手动查看每个表单参数(如字段类型、必需等)并创建表单，然后链接 api 端点以在提交按钮上创建/更新。
此外，选择字段的选择必须作为单独的端点传递。

Solution 1 Needed: Create form api

那么是否有一个表单 api 可以将所有字段及其参数(如 max_length、必需、选择字段的选择、外部字段的选择)传递给 reactjs。这样我就得到了一些蓝图来在 reactJs 中创建表单。稍后即使我更改模型或参数，一切都可以由 api 处理。

Solution 2 Needed: Can validation logic be common for serializer and forms

我是否还必须为序列化程序类编写验证代码，或者有一种方法可以链接到我已经使用过的表单类。

I am mainly looking for Solution 1

:因为解决方案 2 更多的是输入两次验证，这很好。

Answer 1

我通读了您的解决方案方案。我使用 Django-reactjs。为了让自己变得简单，。

使用这个模板 https://github.com/Frojd/django-react-templatetags

您提到了模型类参数。它可以作为后缀，因为您有兴趣将模型参数传递给前端。

另一种选择是:React 在 Webpack(模块捆绑器)和 Babel(转译器)的帮助下，将您的 Javascript 打包并转译成单个或多个文件，这些文件将放置在入口 HTML 页面中。学习 Webpack、Babel、Javascript 以及 React 和 Redux(一个状态容器)。我相信你不会使用 Django 模板，但是
而是允许 React 渲染前端。

如果您还有其他问题，请告诉我