我的 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 更多的是输入两次验证,这很好。
最佳答案
我通读了您的解决方案方案。我使用 Django-reactjs。为了让自己变得简单,。
使用这个模板 https://github.com/Frojd/django-react-templatetags
您提到了模型类参数。它可以作为后缀,因为您有兴趣将模型参数传递给前端。
另一种选择是:React 在 Webpack(模块捆绑器)和 Babel(转译器)的帮助下,将您的 Javascript 打包并转译成单个或多个文件,这些文件将放置在入口 HTML 页面中。学习 Webpack、Babel、Javascript 以及 React 和 Redux(一个状态容器)。我相信你不会使用 Django 模板,但是
而是允许 React 渲染前端。
如果您还有其他问题,请告诉我
关于django rest框架和表单: How to do,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47496635/