从以前的网站中,观察这个效果,得到实现思路:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/11434.html
① 前端效果:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/11434.html
a) 一个完整的星星其实是由两个一半星星图片组成的文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/11434.html
rank_1.gif + rank_2.gif = 一个金色星星文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/11434.html
rank_3.gif + rank_4.gif = 一个灰色星星文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/11434.html
所以,评分值是10分制,那么星星图片的总数就是20个。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/11434.html
b) 星星的图片的存储位置 /templets/a67/images/文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/11434.html
②后台步骤:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/11434.html
1. 接收到前端的点击图片以后的变化,接收到前端发送过来的参数。【这里我们使用ajax发送到服务器】文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/11434.html
2. 服务器会进行一定的计算然后产生新的评分值 和 评分人数,这两个值肯定要存入数据库的【 数据库操作 】文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/11434.html
3. 把最终结果告诉给前端,前端得到结果以后,及时更新。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/11434.html
步骤:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/11434.html
· 前端实现星星评分效果文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/11434.html
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/11434.html
1. 前端通过什么方式才能在页面不刷新的情况下把数据发送到后台?ajax文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/11434.html
2. 需要哪些数据到后台去?评分值、 当前电影的ID文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/11434.html
js代码:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/11434.html
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/11434.html
这个页面我们先创建好,例如我们现在创建一个页面 页面到 /plus目录当中。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/11434.html
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/11434.html
在模板中声明要接收的数据是json格式文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/11434.html