javascript - 如何在 Django 中保存 javascript 中的实现
问题描述
当我在 Django 中选择选项时，我正在实现一个代表所选选项信息的页面。编写源代码来调整数量。价格已实施根据数量变化。我想将数量和价格部分保存在数据库中。如何做到这一点？
html
<form method="POST" action="{% url 'zeronine:join_create' id=product.product_code %}">
<div class="form-group row" style="margin-top: -5px">
<label for="optionSelect" class="col-sm-6 col-form-label"><b>옵션</b></label>
<div class="col-sm-6" style="margin-left: -90px;">
<select type="text" class="form-control" name="value_code" id="optionSelect" value="{{ form.value_code }}">
<option value="none">옵션을 선택하세요.</option>
{% for option in option_object %}
{% if option.option_code.option_code.option_code == value.option_code %}
{%if option.product_code == product %}
<optgroup label="{{option.name}}">
{% for value in value_object %}
{% if value.option_code.option_code == option.option_code %}
{%if value.product_code == product %}
<option data-price="{{value.extra_cost}}"value="{{value.value_code}}">{{value.name}} (+{{value.extra_cost}}원)</option>
{% endif %}
{% endif %}
{% endfor %}
{% endif %}
{% endif %}
{% endfor %}
</optgroup>
</select>
</div>
<div id="selectOptionList" style="margin-top:10px; margin-left: 20px; margin-bottom: -10px;"></div>
</div>
脚本
<script>
$().ready(function() {
$("#optionSelect").change(function() {
var checkValue = $("#optionSelect").val();
var checkText = $("#optionSelect option:selected").text();
var product = $("#productname").text();
var price = parseInt($("#price").text());
var test = parseInt($(this).find(':selected').data('price'));
var hapgae = price + test
if (checkValue != "no") {
var whtml =
" <div class=\"cart_table\">\n" +
" <hr style='width: 300px; margin-bottom: 30px;'>" +
" <p style='font-size: 17px;'>" + product + "</p>" +
"<p style='font-size: 13px; margin-top: -10px; margin-bottom: 20px;'>" + checkText + "</p>" +
" <span class=\"del_li_btn\" style='float: right; margin-right: 30px;'><img src=\"https://tictoc-web.s3.ap-northeast-2.amazonaws.com/web/img/icon/btn_del_circle.svg\" style='width: 80%;'></span>\n" +
" <ul class=\"cart_list\">\n" +
" <li style='list-style:none; margin-left: -38px;'>\n" +
" <div class=\"opt_info\">\n" +
" <strong style='display: none' class=\"price_unit\">" + hapgae + "</strong>\n" +
" <div class=\"price_btn\">\n" +
" <input type=\"button\" value=\"-\" class=\"minus_btn\">\n" +
" <input style='width: 15%;' type=\"text\" value=\"0\" class=\"number\">\n" +
" <input type=\"button\" value=\"+\" class=\"plus_btn\">\n" +
" </div>\n" +
" <div class=\"total_p\" style='margin-top:30px; margin-left: -2px;'>\n" +
" <p style=\"font-size: 18px;\">가격<strong class=\"price_amount\" style=\"font-size: 18px; color: #849160; margin-left: 180px;\">" + 0 + "</strong>원\n" +
" </div>\n" +
" </div>\n" +
" </li>\n" +
" </ul>" +
" </div>" +
"\n" +
"\n" +
" </div>"
;
$("#selectOptionList").append(whtml)
}
$(document).ready(function () {
$('.price_btn input[type="button"]').on('click', function () {
var $ths = $(this);
var $par = $ths.parent().parent();
var $obj = $par.find('input[type="text"]');
var val = $obj.val();
if ($ths.val() == '-') {
if (val > 1)
$obj.val(--val);
} else if ($ths.val() == '+') {
if (val < 30)
$obj.val(++val);
}
//수량 변경
var unit_amount = $par.find('.price_unit').text().replace(/[^0-9]/g, "");
var quantity = val;
pay_unit_func($par, unit_amount, quantity);
pay_total_func();
});
function pay_unit_func($par, unit_amount, quantity) {
//1번 단
var unit_total_amount = $par.find('.price_amount').text((unit_amount * quantity).toLocaleString());
}
function pay_total_func() {
//2번 단
var amount_total = 0;
var converse_unit = 0;
$('.cart_list li').each(function () {
converse_unit = $(this).find('.price_amount').text().replace(/[^0-9]/g, "");
amount_total = amount_total + (parseInt(converse_unit) || 0);
});
var total_amount_money = $('.cart_total_price').children().find('.item_price').text(amount_total.toLocaleString());
var total_total_price = $('.cart_total_price').children().find('.total_price').text(total_price.toLocaleString());
}
//개별 아이템 삭제
$(document).ready(function() {
$('.del_li_btn').on('click', function () {
var recent_delete_cnt = $('.del_btn .num').text();
var check_delete_ck = $(this).parent().find('div[class="price_btn"]');
if (check_delete_ck == true) {
recent_delete_cnt = recent_delete_cnt - 1;
$('.del_btn .num').text(recent_delete_cnt);
}
$(this).parent().remove();
pay_total_func();
});
});
});
});
});
</script>
表格.py
class ElementForm(forms.Form):
value_code = forms.ModelChoiceField(error_messages={'required': "옵션을 선택하세요."}, label="옵션", queryset=Value.objects.all())
class JoindetailForm(forms.Form):
quantity = forms.IntegerField(error_messages={'required': "1개 이상 선택 시 참여가 가능합니다."}, label="수량")
price = forms.IntegerField(error_messages={'required': "1개 이상 선택 시 참여가 가능합니다."}, label="가격")
视图.py
def join_create(request, id):
current_category = None
designated = Designated.objects.all()
designated_object = Designated.objects.filter(rep_price='True')
value_p = Value.extra_cost
element = Element.objects.all()
join_detail = JoinDetail.objects.all()
value_object = Value.objects.all()
categories = Category.objects.all()
products = Product.objects.all()
if not request.user.is_authenticated:
return HttpResponseRedirect(reverse('zeronine:login'))
if request.method == "POST":
product = Product.objects.get(product_code=id)
join = Join()
join.product_code = product
join.username = request.user
join.save()
if request.method == "POST":
form = ElementForm(request.POST)
if form.is_valid():
element = Element()
element.designated_code = Designated.objects.get(product_code=id)
element.value_code = form.cleaned_data['value_code']
element.save()
else:
element = Element()
element.designated_code = Designated.objects.get(product_code=id)
element.value_code = None
element.save()
if request.method == "POST":
form = JoindetailForm(request.POST)
if form.is_valid():
join_detail = JoinDetail()
join_detail.join_code = join
join_detail.designated_code = Designated.objects.get(product_code=id)
join_detail.price = form.cleaned_data['price']
join_detail.save()
return render(request, 'zeronine/list.html', {'products': 'products',
'current_category': current_category,
'products': products,
'join_detail':join_detail,
'categories': categories,
'designated': designated})
return render(request, 'zeronine/list.html', {'products':'products',
'current_category': current_category,
'products': products,
'join_detail':join_detail,
'categories': categories,
'designated': designated})
return render(request, 'zeronine/detail.html', {'product':'product',
'designated': designated,
'element': element,
'join_detail':join_detail,
'value_p':value_p,
'designated_object':designated_object,
'value_object': value_object})
模型.py
class Product(models.Model):
product_code = models.AutoField(primary_key=True)
username = models.ForeignKey(Member, on_delete=models.CASCADE, db_column='username')
category_code = models.ForeignKey(Category, on_delete=models.SET_NULL, null=True, related_name='products')
name = models.CharField(max_length=200, db_index=True)
slug = models.SlugField(max_length=200, db_index=True, unique=False, allow_unicode=True)
image = models.ImageField(upload_to='products/%Y/%m/%d', blank=True)
benefit = models.TextField()
detail = models.TextField()
target_price = models.IntegerField()
start_date = models.DateField()
due_date = models.DateField()
created_at = models.DateTimeField(auto_now_add=True)
class Meta:
ordering = ['product_code']
index_together = [['product_code', 'slug']]
def __str__(self):
return self.name
def get_absolute_url(self):
return reverse('zeronine:product_detail', args=[self.product_code, self.slug])
# 옵션(옵션코드, 옵션명, 상품코드(fk))
class Option(models.Model):
option_code = models.AutoField(primary_key=True)
name = models.CharField(max_length=32)
product_code = models.ForeignKey(Product, on_delete=models.CASCADE, db_column='product_code')
def __str__(self):
return self.name
class Meta:
ordering = ['option_code']
# 옵션값(옵션값코드, 옵션값명, 옵션코드(fk), 상품코드(fk))
class Value(models.Model):
value_code = models.AutoField(primary_key=True)
option_code = models.ForeignKey(Option, on_delete=models.CASCADE, db_column='option_code')
product_code = models.ForeignKey(Product, on_delete=models.CASCADE, db_column='product_code')
name = models.CharField(max_length=32)
extra_cost = models.IntegerField()
def __str__(self):
return self.name
class Meta:
ordering = ['value_code']
# 옵션지정상품(옵션지정상품코드, 상품코드(fk), 가격, 참여수량)
class Designated(models.Model):
designated_code = models.AutoField(primary_key=True)
product_code = models.ForeignKey(Product, on_delete=models.CASCADE, db_column='product_code')
price = models.IntegerField()
rep_price = models.BooleanField(default=True)
class Meta:
ordering = ['designated_code']
def __str__(self):
return str(self.designated_code)
# 상품옵션구성(상품옵션구성코드, 옵션지정상품코드, 옵션값코드)
class Element(models.Model):
element_code = models.AutoField(primary_key=True)
designated_code = models.ForeignKey(Designated, on_delete=models.CASCADE, db_column='designated_code')
value_code = models.ForeignKey(Value, on_delete=models.CASCADE, db_column='value_code', null=True, blank=True)
class Meta:
ordering = ['element_code']
def __str__(self):
return str(self.element_code)
# 참여(참여코드, 아이디(fk), 상품코드(fk), 수량)
class Join(models.Model):
join_code = models.AutoField(primary_key=True)
username = models.ForeignKey(Member, on_delete=models.CASCADE, db_column='username')
product_code = models.ForeignKey(Product, on_delete=models.CASCADE, db_column='product_code')
part_date = models.DateTimeField(auto_now_add=True)
def __str__(self):
return str(self.join_code)
class Meta:
ordering = ['join_code']
#참여상세(참여상세코드, 수량, 가격, 참여코드, 옵션지정상품코드)
class JoinDetail(models.Model):
joindetail_code = models.AutoField(primary_key=True)
join_code = models.ForeignKey(Join, on_delete=models.CASCADE, db_column='join_code')
designated_code = models.ForeignKey(Designated, on_delete=models.CASCADE, null=True, blank=True, db_column='designated_code')
quantity = models.IntegerField()
price = models.IntegerField()
def __str__(self):
return str(self.joindetail_code)
class Meta:
ordering = ['joindetail_code']
解决方案
我认为您可以使用request.POST.get('')，因为在您的 html 中，我看不到JoindetailForm您的form = JoindetailForm(request.POST)意志 Null 值，您可以试试这个：
你可以添加你unit_amount * quantity的输入值和类型是隐藏的：
<input type="hidden" name="price" value="">
在视图中用于request.POST.get('')获取隐藏值：
price = request.POST.get('price')
并使用 objects.create 比 Form() 更好：
JoinDetail.objects.create(price=price, quantity=quantity)
if request.method == "POST":如果是 POST ，那么您必须首先进行许多操作，所以它request.method会是 POST，所以第一次离开会很好并且易于调试。
推荐阅读
- c++ - QComboBox 或 QListWidget 中选定元素的样式文本？
- angular - 如何从父组件输入的对象中获取数据。
- python-3.x - Windows 10 中的 anaconda 环境中缺少 bin 目录
- visual-studio-2017 - 文件未出现在解决方案资源管理器中
- excel - Excel for mac 表单按钮未运行宏
- r - 标题的 R Markdown 索引
- android - Flutter 和 Firebase 谷歌登录
- qt - 在 QPushButton 中放置一个图标
- r - 在 R 中一次导入大的 CSV 文件
- automapper - 定义重复映射时 AutoMapper 会做什么？