Sterren lichten op wanneer de muis zweeft
Er is een briljante tutorial op internet voor het ontwerpen van een beoordelingssysteem met vijf sterren:http://rog.ie/blog/css-star-rater
. Het is puur CSS, dus geen Javascript nodig.
Pagina hoeft niet opnieuw te worden geladen wanneer er op een ster wordt geklikt (niet echt nodig)
Ajax is je vriend, wat ik deed was om een <a class="one_star" href="javascript: submitRating(1, 5)"> te hebben waar <a> vertegenwoordigde een ster en de submitRating() functie gebruikt Ajax om mijn beoordeling (1/5) naar de server te verzenden, de server slaat de beoordeling op (en wijst de gebruiker toe die de beoordeling heeft gegeven) en berekent de nieuwe gemiddelde beoordeling opnieuw en dient de resultaten terug in JSON-indeling.
Een soort gemiddelde weergegeven naast de sterren
Gemakkelijk. Schrijf een SQL-script dat, op basis van de product-ID, de som . neemt van de gemiddelde beoordeling (d.w.z. 1/5 + 2/5 + 4/5, enz.), deel deze (som) door het totale aantal beoordelingen en vermenigvuldig dit met 100. Retourneer de waarde terug naar de server en van de server terug naar de opdrachtgever.
Beoordeling moet ergens in een MySQL-database worden opgeslagen (Is dit een goed idee?)
Ik gebruik hiervoor MySQL en het werkt als een tierelier....Elk DB-systeem is prima.