pinceladasdaweb / Awesomstar
Licence: mit
Awesome (star)rating system with PHP, MySQL and pure JavaScript.
Stars: ✭ 15
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Awesomstar
Laravel Reactions
Laravel reactions package for implementing reactions (eg: like, dislike, love, emotion, etc) on Eloquent models.
Stars: ✭ 58 (+286.67%)
Mutual labels: star, rating
Rateit.js
Rating plugin for jQuery. Fast, Progressive enhancement, touch support, icon-font support, highly customizable, unobtrusive JavaScript (using HTML5 data-* attributes), RTL support, supports as many stars as you'd like, and also any step size.
Stars: ✭ 146 (+873.33%)
Mutual labels: star, rating
Mgstarratingview
MGStarRatingView is a view for rating.
Stars: ✭ 70 (+366.67%)
Mutual labels: star, rating
Starrate
swift电商五星评价,星星评分控件,支持自定义数量、拖拽、间隔、设置最小星星数等操作
Stars: ✭ 85 (+466.67%)
Mutual labels: star, rating
react-star-ratings
A customizable svg star rating component for selecting x stars or visualizing x stars
Stars: ✭ 128 (+753.33%)
Mutual labels: rating, star
Yii2 Widget Rating
A Yii2 widget for the simple yet powerful bootstrap-star-rating plugin with fractional rating support (sub repo split from yii2-widgets)
Stars: ✭ 47 (+213.33%)
Mutual labels: star, rating
Android Ratingreviews
Simple star rating system bars, a view similar to the ones seen on Google Playstore. ⭐🌟✨
Stars: ✭ 110 (+633.33%)
Mutual labels: star, rating
Bootstrap Star Rating
A simple yet powerful JQuery star rating plugin with fractional rating support.
Stars: ✭ 985 (+6466.67%)
Mutual labels: star, rating
rater-js
Star rating widget for the browser. Unlimited number of stars. No dependencies. No Jquery required.
Stars: ✭ 66 (+340%)
Mutual labels: rating, star
Interviewguide
《大厂面试指北》——包括Java基础、JVM、数据库、mysql、redis、计算机网络、算法、数据结构、操作系统、设计模式、系统设计、框架原理。最佳阅读地址:http://notfound9.github.io/interviewGuide/
Stars: ✭ 3,117 (+20680%)
Mutual labels: mysql, star
React Native Star Rating
A React Native component for generating and displaying interactive star ratings
Stars: ✭ 724 (+4726.67%)
Mutual labels: star, rating
Andratingbar
A RatingBar library for android, you can customize size ,color ,spacing and image easily!Support right to left。效果可以参看:https://juejin.im/post/6844904143220391949
Stars: ✭ 582 (+3780%)
Mutual labels: star, rating
Laravel Love
Add Social Reactions to Laravel Eloquent Models. It lets people express how they feel about the content. Fully customizable Weighted Reaction System & Reaction Type System with Like, Dislike and any other custom emotion types. Do you react?
Stars: ✭ 822 (+5380%)
Mutual labels: star, rating
Mysql Operator
Create, operate and scale self-healing MySQL clusters in Kubernetes
Stars: ✭ 855 (+5600%)
Mutual labels: mysql
Ruby Rails Mysql Template
This example shows how to use Anychart library with the Ruby on Rails and MySQL database.
Stars: ✭ 12 (-20%)
Mutual labels: mysql
Spring Boot Rest Api Example
Implement REST APIs using Spring Boot and Spring Session.
Stars: ✭ 10 (-33.33%)
Mutual labels: mysql
Chn Eolinker Ams Lite 4.0 For Php
中国最大的在线API管理平台EOLINKER 旗下API管理系统开源精简版,适合个人以及微型团队使用。
Stars: ✭ 869 (+5693.33%)
Mutual labels: mysql
Awesomstar
Awesome (star)rating system with PHP, MySQL and pure JavaScript.
Getting Started
# Get the latest snapshot
$ git clone --depth=1 https://github.com/pinceladasdaweb/Awesomstar.git
Add the following javascript in your page:
<script src="path/to/awesomstar.min.js"></script>
<script>
new Awesomstar({
endpoint: 'your_api_endpoint_here'
});
</script>
The script depends on the following HTML markup:
<span class="rating" data-rating-id="1" data-rating-val="3">
<input class="star" type="radio" name="star" id="star-1" value="1"><label for="star-1">1</label>
<input class="star" type="radio" name="star" id="star-2" value="2"><label for="star-2">2</label>
<input class="star" type="radio" name="star" id="star-3" value="3"><label for="star-3">3</label>
<input class="star" type="radio" name="star" id="star-4" value="4"><label for="star-4">4</label>
<input class="star" type="radio" name="star" id="star-5" value="5"><label for="star-5">5</label>
</span>
The values below are sent from the database for the JavaScript to update the status of the rating of each element:
Value | Description |
---|---|
data-rating-id | The id of the element in the database. |
data-rating-val | The average value of the vote. |
After the user clicks the value of the desired rating, is sent via POST to the back end the following values:
Value | Description |
---|---|
id | The id of the element in the database. |
rating | The value of the rating ranges from 1 to 5. |
How to run a callback function after vote:
<script>
new Awesomstar({
endpoint: 'your_api_endpoint_here',
callback: function (data) {
console.log(data);
}
});
</script>
An error message or success is returned, providing feedback to the user.
Browser support
IE 9+ ✔ | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ |
Contributing
Check CONTRIBUTING.md for more information.
History
Check Releases for detailed changelog.
License
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].