Как реализовать не понравившуюся кнопку

Question

Я разрабатываю веб-страницу с рейтинговым механизмом, поэтому мне нужно две кнопки, называемые «нелюбовь» и «как», после нажатия на нее информация о рейтинге будет отправлена ​​на сервер для обновления связанной с оценкой. Какой HTML-код я должен использовать, не могли бы вы дать небольшой код для этого?

Answer 1

HTML сам по себе не может этого достичь. Вам нужна функциональность на стороне сервера, чтобы признать, что голосование было сделано и сохранить этот голос. Для этого потребуется некоторая форма хранилища данных (скорее всего, база данных). Использует ли ваш сайт базу данных?

Если вы предоставите более конкретную информацию о своем сайте, мы можем помочь вам в дальнейшем.

Answer 2

Я оставляю этот ответ в случае, если кто-то сталкивается с этой проблемой в будущем:

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

Что вам нужно сделать, это:

1. В вашей базе данных, сделать таблицу сказать "голоса".

2. Эта таблица должна иметь следующие столбцы

   • voteup - это должно быть заполнено с двумя вариантами либо да или нет
   • votedown - это также должно быть заполнено с двумя значениями "да "или" no "
   • voteup_count -Это будет считать общее количество опросов
   • vote_down - Это будет считать общей сложности downvotes

   Работа

   • Перед рендерингом страницы HTML, проверьте соответствующие записи в базу данных ли данный пост уже upvoted или downvoted
   • Если сообщение поддержало, и вы снова щелкните по upvoted кнопку текст кнопки должен измениться с upvoted к upvote и счетчик должен быть уменьшен на 1 в базе данных, а также под voteup_count колонке

   • Если пост не является ни upvoted, ни downvoted всякий раз, когда кнопка нажата она должна увеличиваться соответствующий счетчик, а затем вновь изменить текст кнопки либо upvoted или downvoted

   • , конечно, ваша кнопка типа «нравится» и «не нравится» также должна динамически создаваться для каждой формы.