Когда вы начинаете с Усиком, вы можете чувствовать, как и я, что сила не сильна с вами. Это нормально. Это большой скачок от ванильного Javascript к node, а затем добавление Mustache поверх всего этого. Но чтобы лучше понять, как сделать страницы более динамичными с помощью Усов, я снова обратился к самому Темному Лорду Усов, Дарту Вейдеру.

Как я упоминал в своем последнем посте, одна вещь, которая действительно поддерживала Империю у власти, была их организация. И что может быть лучше, чтобы оставаться организованным, чем составить «Список дел». И не просто какой-нибудь «Список дел», а такой, который можно было бы обновлять на лету, с ноутбука Дарта или мобильного устройства.

Чтобы помочь Империи с этой важной задачей, мы могли бы настроить стандартный экспресс-файл узла с добавленным модулем усов. Использование Mustache — отличный способ перебирать данные, а затем заполнять эти данные в HTML-коде. Однако создание динамического и обновляемого списка, подобного этому, также потребует ввода, а затем способа удерживать и вставлять этот ввод в HTML.

Я обнаружил, что проще всего начать с файла index.js и использовать data.js для хранения моего массива входных данных. Вы также можете просто создать константу в своем index.js, но для больших битов данных я предпочитаю просто хранить их в виде отдельных файлов, чтобы мой индекс оставался чище.

Как вы можете видеть здесь, это один из способов добиться этого. Я пытался хранить свои данные как объект JSON, но обнаружил, что это слишком сложно для моего уровня навыков, так как у него возникли проблемы с чтением файла JSON. Единственная реальная разница между этим и стандартным проектом Mustache/Node Express заключается в том, что в строке 53 мы передаем входные данные из req.body.toDoInput, который мы определили в нашем HTML, в data.toDoList, который является нашим пустым массив в файле data.js.

Затем в строках с 27 по 32 мы создали место для отображения этих данных после их ввода и сохранения.

Когда мы закончим, финальная часть может выглядеть примерно так. Я уверен, что Империя оценит нашу помощь.

В любом случае удачи в собственных проектах. Если у вас есть какие-либо основные вопросы об Усиках, не стесняйтесь обращаться к нам. И да прибудет с вами Сила.