Алгоритм расчета стоимости услуг

@Terat · Регистрация: 18.12.2014

Студворк — интернет-сервис помощи студентам

Доброго времени суток! Такая вот интересная задачка (для меня).

Что имеем: интернет магазин услуг по изготовлению изделий на заказ.
Есть цены, зависимость такая:

Размер/тип	Тип 1	Тип 2	Тип 3
10*10	100	150	200
20*20	200	250	300
30*30	300	350	400

Задача: разработать форму заказа с подсчетом окончательной цены, т.е. два выпадающий списка где пользователь выбирает размер и тип, рядом отображается информация о стоимости.
Пример: человек выбрал в первом выпадающем списке тип2, во втором размер 20*20, рядом, в текстовом поле, отображена цена (250).

Далее абсолютно свободный полет фантазии, я думаю прям подключать базу данных для только вот этого смысла нет, можно подобный массив где-то отобразить, и далее делать поиск нужного значения. Прошу помощи, как этому придать жизнь?

@tarasalk · 17.09.2019, 20:33

На JS ловите событие изменения select и показываете цену в зависимости от выбранных значений. С Jquery тут работы на 5 минут.

@Terat · 18.09.2019, 04:18 **[ТС]**

Не силен к сожалению. Можно пример?

@amr-now · 18.09.2019, 08:31

Доброго времени суток!

Сообщение от Terat

Можно пример?

Если задача обеспечить совместимость с InternetExplorer 11, то используем древний синтаксис ES5 и jQuery:

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.1/jquery.validate.min.js"></script>
    <style>
        .error {
            color: red;
        }
    </style>
</head>
<body>
    <form method="POST" action="send.php" id="order">
        <label>Размер: </label>
        <select name="size">
            <option></option>
        </select><br />
        <label>Тип: </label>
        <select name="type">
            <option></option>
        </select><br />
        <label id="price">Цена: </label><br />
        <input type="submit" value="Заказать">
    </form>
    <script>
        $("#order").validate({
            rules: {
                size: {
                    required: true
                },
                type: {
                    required: true
                }
            },
            messages: {
                size: {
                    required: "Не выбран размер."
                },
                type: {
                    required: "Не выбран тип."
                }
            }
        });
        var sizes = [{ id: 1, value: "10*10" }, { id: 2, value: "20*20" }, { id: 3, value: "30*30" }];
        var types = [{ id: 1, value: "Тип 1" }, { id: 2, value: "Тип 2" }, { id: 3, value: "Тип 3" },];
        var prices = [
            { id: 1, sizeId: 1, typeId: 1, value: 100 }, { id: 2, sizeId: 1, typeId: 2, value: 150 }, { id: 3, sizeId: 1, typeId: 3, value: 200 },
            { id: 4, sizeId: 2, typeId: 1, value: 200 }, { id: 5, sizeId: 2, typeId: 2, value: 250 }, { id: 6, sizeId: 2, typeId: 3, value: 300 },
            { id: 7, sizeId: 3, typeId: 1, value: 300 }, { id: 8, sizeId: 3, typeId: 2, value: 350 }, { id: 9, sizeId: 3, typeId: 3, value: 400 },
        ];
        var sizeEl = $("#order")[0]["size"],
            typeEl = $("#order")[0]["type"];
        for (var i = 0; i < sizes.length; i++)
            sizeEl.add(new Option(sizes[i].value, sizes[i].id));
        for (var i = 0; i < types.length; i++)
            typeEl.add(new Option(types[i].value, types[i].id));
 
        sizeEl.onchange = calculatePrice;
        typeEl.onchange = calculatePrice;
 
        function calculatePrice() {
            var e = prices.find(function (e) { return e.sizeId == sizeEl.value && e.typeId == typeEl.value; });
            $("#price").text("Цена: " + (e ? e.value : ""));
        }
    </script>
</body>
</html>

Если сайт ориентируется на MS Edge, Firefox и Chrome полугодовой старости, то можно накуралесить значительно веселей и без jQuery.
----
Сейчас кстати пошла тенденция обеспечивать совместимость MS Edge, Firefox и Chrome полугодовой старости.
GitHub перестал поддерживать Internet Explorer 11...

@Terat · 18.09.2019, 17:01 **[ТС]**

Спасибо! Веселей в плане проще?

Добавлено через 12 минут
Спасибо! Веселей в плане проще?

@amr-now · 18.09.2019, 18:37

Сообщение от Terat

Веселей в плане проще?

Можно применить async/await, LINQ и коллекции Map. То есть программировать, даже не замечая, что пишешь на JavaScript.

Добавлено через 10 минут
------
Вот это было жёстко. Изящно умотали.

JavaScript
1
2
3
4
let obj = {};
for (let [key, value] of map) {
  obj[key] = value;
}

@Terat · 23.09.2019, 13:51 **[ТС]**

И добавил я еще 2 параметра, и начал идти по тому же принципу, и где-то в после 3-го указания цены, я понял, что-то идет не так, решил примерно прикинуть количество вариантов и мне по плохело, очнулся, вот пишу.

Выбрал я конечно первый вариант, т.к. он более понятен мне.

Я даже не знаю как вопрос задать. Вот код:

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.1/jquery.validate.min.js"></script>
    <style>
        .error {
            color: red;
        }
    </style>
</head>
<body>
    <form method="POST" action="send.php" id="order">
        <label>Размер: </label>
        <select name="size">
            <option></option>
        </select><br />
        <label>Тип: </label>
        <select name="type">
            <option></option>
        </select><br />
        <label>рамка: </label>
        <select name="ramka">
            <option></option>
        </select><br />
        <label>упаковка: </label>
        <select name="upakovka">
            <option></option>
        </select><br />     
        <label id="price">Цена: </label><br />
        <input type="submit" value="Заказать">
    </form>
    <script>
        $("#order").validate({
            rules: {
                size: {
                    required: true
                },
                type: {
                    required: true
                }
                ramka: {
                    required: true
                },
                upakovka: {
                    required: true
                }
            },
            messages: {
                size: {
                    required: "Не выбран размер."
                },
                type: {
                    required: "Не выбран тип."
                }
                ramka: {
                    required: "Не выбрана рамка."
                },
                upakovka: {
                    required: "Не выбрана упаковка."
                }               
            }
        });
        var sizes = [{ id: 1, value: "10*10" }, { id: 2, value: "20*20" }, { id: 3, value: "30*30" }];
        var types = [{ id: 1, value: "Тип 1" }, { id: 2, value: "Тип 2" }, { id: 3, value: "Тип 3" },];
        var ramka = [{ id: 1, value: "Рамка 1" }, { id: 2, value: "рамка 2" }, { id: 3, value: "Рамка 3" },];
        var upakovka = [{ id: 1, value: "Упаковка 1" }, { id: 2, value: "Упаковка 2" }, { id: 3, value: "Упаковка 3" },];       
        var prices = [
            { id: 1, sizeId: 1, typeId: 1, value: 100 }, { id: 2, sizeId: 1, typeId: 2, value: 150 }, { id: 3, sizeId: 1, typeId: 3, value: 200 },
            { id: 4, sizeId: 2, typeId: 1, value: 200 }, { id: 5, sizeId: 2, typeId: 2, value: 250 }, { id: 6, sizeId: 2, typeId: 3, value: 300 },
            { id: 7, sizeId: 3, typeId: 1, value: 300 }, { id: 8, sizeId: 3, typeId: 2, value: 350 }, { id: 9, sizeId: 3, typeId: 3, value: 400 },
        ];
        var sizeEl = $("#order")[0]["size"],
            typeEl = $("#order")[0]["type"];
        for (var i = 0; i < sizes.length; i++)
            sizeEl.add(new Option(sizes[i].value, sizes[i].id));
        for (var i = 0; i < types.length; i++)
            typeEl.add(new Option(types[i].value, types[i].id));
 
        sizeEl.onchange = calculatePrice;
        typeEl.onchange = calculatePrice;
 
        function calculatePrice() {
            var e = prices.find(function (e) { return e.sizeId == sizeEl.value && e.typeId == typeEl.value; });
            $("#price").text("Цена: " + (e ? e.value : ""));
        }
    </script>
</body>
</html>

Задачу можно упросить, цена зависит от размера (и рамка и упаковка). Как можно сделать так, чтобы не переплюнуть по количеству символов Л.Н. Толстого ?

@amr-now · 23.09.2019, 15:24

Сообщение от Terat

Задачу можно упросить, цена зависит от размера (и рамка и упаковка).

Прежде чем ваять программу, надо обсудить на пальцах и на бумаге порядок расчета цены.
Цена обычно рассчитывается по формуле.
Вот и придумайте сначала формулу. Когда формула готова, то легко переносится в программу.

Добавлено через 5 минут
----------
Те же самые размер и тип.
Изделие одного размера и одного типа имеет просто собственный артикул, и цена на него назначается волюнтаристски волевым усилием?
Или цена на изделие рассчитывается по формуле от размера и типа?

Все мелочи надо знать ДО составления программы.

@Terat · 23.09.2019, 15:39 **[ТС]**

Изначально было проще, рамка и упаковка будет в не зависимости от размеров, одна (стоимость не особо влияет на размеры, и чтобы проще было считать - решено было так, но появились возможности делать выпуск с разной упаковкой и рамкой у которых разбег может доходить до половины цены самого изделия

)

Формула расчета цены: уже к полученному значению из таблицы плюсуется значение рамки и упаковки, зависят от размера.

Проще говоря:

При размере 10*10, цена рамки 200, цена упаковки 150, при размере 20*20, цена рамки 300 цена упаковки 250 и 30*30, цена рамки - 400, цена упаковки - 350.

@amr-now · 23.09.2019, 17:47

Сообщение от Terat

При размере 10*10, цена рамки 200, цена упаковки 150, при размере 20*20, цена рамки 300 цена упаковки 250 и 30*30, цена рамки - 400, цена упаковки - 350.

Вот это деловой разговор.

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.1/jquery.validate.min.js"></script>
    <style>
        .error {
            color: red;
        }
    </style>
</head>
<body>
    <form method="POST" action="send.php" id="order">
        <label>Размер: </label>
        <select name="size">
            <option selected></option>
        </select><br />
        <label>Тип: </label>
        <select name="type">
            <option selected></option>
        </select><br />
        <label id="price">Цена: </label><br />
        <input type="submit" value="Заказать">
    </form>
    <script>
        $("#order").validate({
            rules: {
                size: {
                    required: true
                },
                type: {
                    required: true
                }
            },
            messages: {
                size: {
                    required: "Не выбран размер."
                },
                type: {
                    required: "Не выбран тип."
                }
            }
        });
        var sizes = [{ id: 1, value: "10*10" }, { id: 2, value: "20*20" }, { id: 3, value: "30*30" }];
        var types = [{ id: 1, value: "Тип 1" }, { id: 2, value: "Тип 2" }, { id: 3, value: "Тип 3" },];
        var prices = [
            { id: 1, sizeId: 1, typeId: 1, value: 100 }, { id: 2, sizeId: 1, typeId: 2, value: 150 }, { id: 3, sizeId: 1, typeId: 3, value: 200 },
            { id: 4, sizeId: 2, typeId: 1, value: 200 }, { id: 5, sizeId: 2, typeId: 2, value: 250 }, { id: 6, sizeId: 2, typeId: 3, value: 300 },
            { id: 7, sizeId: 3, typeId: 1, value: 300 }, { id: 8, sizeId: 3, typeId: 2, value: 350 }, { id: 9, sizeId: 3, typeId: 3, value: 400 },
        ];
        var borders = [{ sizeId: 1, border: 200, pack: 150 }, { sizeId: 2, border: 300, pack: 250 }, { sizeId: 3, border: 400, pack: 350 }];
 
        var sizeEl = $("#order")[0]["size"],
            typeEl = $("#order")[0]["type"];
        for (var i = 0; i < sizes.length; i++)
            sizeEl.add(new Option(sizes[i].value, sizes[i].id));
        for (var i = 0; i < types.length; i++)
            typeEl.add(new Option(types[i].value, types[i].id));
 
        sizeEl.onchange = calculatePrice;
        typeEl.onchange = calculatePrice;
 
        function calculatePrice() {
            var e = prices.find(function (e) { return e.sizeId == sizeEl.value && e.typeId == typeEl.value; });
            var s;
            if (e) {
                var borderPack = borders.find(function (e) { return e.sizeId == sizeEl.value });
                s = "Цена изделия: " + e.value + "<br />Цена рамки: " + borderPack.border
                    + "<br />Цена упаковки: " + borderPack.pack
                    + "<br />Итого: " + (e.value + borderPack.border + borderPack.pack);
            }
            else s = "";
            $("#price").html(s);
        }
    </script>
</body>
</html>

Рамка и упаковка обязательны?

@Terat · 23.09.2019, 19:41 **[ТС]**

Примерно так и хотел сделать изначально. Как бы я не пытался, через расширение массива, всегда приходил к тому что появляется бесчисленное множество вариантов.

Загвоздка вся в том что

Сообщение от Terat

появились возможности делать выпуск с разной упаковкой и рамкой

Да и принуждать людей не стоит.

Можно упаковку и рамку сделать в виде селектов?
ну т.е. вот так:
Упаковка
- Без упаковки - 0
- Упаковка - 100
Рамка
- Без рамки - 0
- Пластиковая рамка - 100

Да и в дальнейшем когда будут появляться новые виды, можно было докидывать в код, в селекты это сделать проще.

@amr-now · 23.09.2019, 22:03

Terat, у вас задача перерастает в создание комплектов из нескольких предметов.
Попробуйте найти в интернете что-нибудь по созданию блюд из рецептов в собственном производстве.
Для общего развития.
Здесь задача не в программировании, а именно в полном понимании, как создаются комплекты.

Добавлено через 4 минуты
--------
Упаковка
- Без упаковки - 0
- Упаковка - 100
Рамка
- Без рамки - 0
- Пластиковая рамка - 100

Причём заметьте, для каждого артикула своя рамка и упаковка. Ещё и заменяемые. Явно ассоциация с рецептом из взаимозаменяющихся ингредиентов.

@Terat · 24.09.2019, 05:16 **[ТС]**

Сообщение от amr-now

Попробуйте найти в интернете что-нибудь по созданию блюд из рецептов в собственном производстве.
Для общего развития.

Искал, ищу, того что могло бы помочь - нечего.

В принципе да, с рецептами можно найти общее.

Это услуга, т.е. товар изготавливается на заказ, и каждый раз разный, общее только размер и тип, от сюда и цена, рамка, упаковка и зависит только от размера, и это дополнительно. Пока рамка и упаковка в одном варианте, все просто, как только появляется возможность выбора - тут беда.

Вот тут пришла такая мысль:

Если вставить обычный 2 чек бокса, с вопросами "нужна рамка?" и "нужна упаковка?"
человек отмечает, ниже появляется (аяксом или с hidden) список с рамками или упаковками (пусть цена будет одна, т.е. и металлическая и пластиковая рамка без разницы, но зависит только от размера)

Не идеал конечно

Т.к. себестоимость может и будет отличаться у упаковок и рамок. Но тут даже мыслей нет как реализовать.

@Terat · 27.09.2019, 05:58 **[ТС]**

Можно ли как-то добавить свойство или в перечислении?

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
        var sizes = [{ id: 1, value: "10*10" }, { id: 2, value: "20*20" }, { id: 3, value: "30*30" }];
        var types = [{ id: 1, value: "Тип 1" }, { id: 2, value: "Тип 2" }, { id: 3, value: "Тип 3" },];
        var ramka = [{ id: 1, value: "Рамка 1" }, { id: 2, value: "рамка 2" }, { id: 3, value: "Рамка 3" },];
        var upakovka = [{ id: 1, value: "Упаковка 1" }, { id: 2, value: "Упаковка 2" }, { id: 3, value: "Упаковка 3" },];       
        var prices = [
            { id: 1, sizeId: 1, typeId: 1, value: 100 }, { id: 2, sizeId: 1, typeId: 2, value: 150 }, { id: 3, sizeId: 1, typeId: 3, value: 200 },
            { id: 4, sizeId: 2, typeId: 1, value: 200 }, { id: 5, sizeId: 2, typeId: 2, value: 250 }, { id: 6, sizeId: 2, typeId: 3, value: 300 },
            { id: 7, sizeId: 3, typeId: 1, value: 300 }, { id: 8, sizeId: 3, typeId: 2, value: 350 }, { id: 9, sizeId: 3, typeId: 3, value: 400 },
        ];
        var priceramka = [
            { id: 1, sizeId: 1 || 2 || 3, ramkaId: 1, value: 0 }, { id: 2, sizeId: 2, ramkaId: 2 || 3, value: 20 }, { id: 3, sizeId: 3, ramkaId: 2 || 3 value: 30 },
        ];

Т.е. есть селект sizeid 1 и 2 и 3, и ramkaid 1 и 2 и 3, если пользователь выбирает sizeid 1 или 2 или 3, то значение по итогу должно быть 0, выводится число 0 только при селекте на sizeid 1,а с остальными пусто. И так с остальными, т.е. он доходит до значения в массиве и останавливается, я думаю, может цикл какой сюда можно вставить? тогда будет проще и не придется мне писать десятки вариантов вроде "{ id: 1, sizeId: 1, typeId: 1, value: 100 }".

вот если через || или && смотреть, то считает так: просто доходит до значения опеределенного и выводит, а если я в селектах

Новые блоги и статьи Все статьи Все блоги /
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Символьное дифференцирование igorrr37 13.02.2026 / * Программа принимает математическое выражение в виде строки и выдаёт его производную в виде строки и вычисляет значение производной при заданном х Логарифм записывается как: (x-2)log(x^2+2) -. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .

@tarasalk 1992 / 1216 / 440 Регистрация: 13.06.2013 Сообщений: 4,115
	17.09.2019, 20:33
	На JS ловите событие изменения select и показываете цену в зависимости от выбранных значений. С Jquery тут работы на 5 минут. 1

@Terat 1 / 1 / 1 Регистрация: 18.12.2014 Сообщений: 46
	18.09.2019, 04:18 [ТС]
	Не силен к сожалению. Можно пример? 0

@Terat 1 / 1 / 1 Регистрация: 18.12.2014 Сообщений: 46
	18.09.2019, 17:01 [ТС]
	Спасибо! Веселей в плане проще? Добавлено через 12 минут Спасибо! Веселей в плане проще? 0

@Terat 1 / 1 / 1 Регистрация: 18.12.2014 Сообщений: 46
	23.09.2019, 15:39 [ТС]
	Изначально было проще, рамка и упаковка будет в не зависимости от размеров, одна (стоимость не особо влияет на размеры, и чтобы проще было считать - решено было так, но появились возможности делать выпуск с разной упаковкой и рамкой у которых разбег может доходить до половины цены самого изделия ) Формула расчета цены: уже к полученному значению из таблицы плюсуется значение рамки и упаковки, зависят от размера. Проще говоря: При размере 1010, цена рамки 200, цена упаковки 150, при размере 2020, цена рамки 300 цена упаковки 250 и 30*30, цена рамки - 400, цена упаковки - 350. 0

@amr-now 6496 / 3907 / 2006 Регистрация: 14.06.2018 Сообщений: 6,781
	23.09.2019, 22:03
	Terat, у вас задача перерастает в создание комплектов из нескольких предметов. Попробуйте найти в интернете что-нибудь по созданию блюд из рецептов в собственном производстве. Для общего развития. Здесь задача не в программировании, а именно в полном понимании, как создаются комплекты. Добавлено через 4 минуты -------- Упаковка - Без упаковки - 0 - Упаковка - 100 Рамка - Без рамки - 0 - Пластиковая рамка - 100 Причём заметьте, для каждого артикула своя рамка и упаковка. Ещё и заменяемые. Явно ассоциация с рецептом из взаимозаменяющихся ингредиентов. 0