Преобразовать десятичное значение в бинарный продукт для IoT с Vue.js

Я только что сделал недавний продукт Интернета вещей для компании, использующей Raspberry Pi. Это безопасный шкафчик, который открывается с правильным десятичным номером. Мой клиент хотел преобразовать десятичное значение в двоичный номер, а затем сохранить его в базу данных. Когда пользователь отправляет запрос, чтобы изменить пароль, сервер должен преобразовать двоичный в десятичный цвет и показать его пользователю для обновления.

Я использовал Bcrypt ранее, но это был новый опыт для меня. Тем не менее, мне удалось найти код для преобразования десятичных знаков в бинарный онлайн Но я должен внести много изменений в коде, чтобы он правильно работал для больших чисел.

Для этого приложения я использовал vue.js на переднем и node.js для соединения на заднем и IoT. Большая часть кода ваниль. Vue.js и Node.js предназначены только для нескольких операций.

Для десятичного до двоичного и снова двоичного в десятичное преобразование я использовал vue.js и axios для отправки данных в бэк-энд. Вот код:

Десятичный до двоичного кода:

var xx = document.getElementById("input").value;
var xy = parseInt(xx);
  var xz = xy.toString(2);
    document.getElementById("demo").innerHTML = xz;

Я нашел приведенный выше код онлайн, этот код возвращает правильный ответ только для 16 символов. В случае, если вы вставляете вход, который длиннее 16 символов, тогда вы получаете неправильный ответ.

Чтобы решить эту проблему, я использовал bignumber.js. Это отличная библиотека JavaScript для более точного выполнения арифметических операций. Чтобы получить правильные ответы для более чем 16 символов, вам нужно использовать bignumber.js. Вот код:

Vue.js код с bignumber.js:

dectobin() {
      var x = new BigNumber(this.text_value, 10)
    var dectobin = x.toString(2);
    this.ans = dectobin;
            },

В приведенном выше коде функция dectobin () вызывается в событии Click на кнопке. Кроме того, это. TEXT_VALUE используется для получения значения от пользовательского ввода. ToString-это встроенная функция JavaScript, чтобы получить двоичное значение числа.

Vue.js код для бинарного до десятичного десятичного

bintodec() {
      var cc = new BigNumber(this.text_value, 2);
       this.ans = cc;
     },

Как и приведенная выше операция, функция Bintodec () также вызывается на событии Click от пользователя. Опять же, Text_Value – это значение, обновленное пользователем.

Таким образом, выше – простой код для десятичного к бинарному преобразованию. Я провожу почти один день, чтобы понять концепцию разбивания и бинарных чисел. Если вы также имеете дело с такими цифрами, я надеюсь, что этот код поможет вам! Демо

Оригинал: “https://dev.to/bryanvieta/convert-decimal-to-binary-for-iot-product-with-vue-js-5f62”