【JQuery Mobile移动应用开发小程序】期末大作业——书影音

一、前言

基于JQuery Mobile移动应用开发小程序——书影音,实现影视的查阅,类似于豆瓣的一个小功能。

二、实现的基本功能

总体实现了影视的查询、搜索、增添、删除等功能,具体功能看下文详解。因为影视海报显示图片违规,所以用马赛克遮住。

三、界面功能

1、主页分别是电影、电视剧、动漫的导航条,实现三者的互相跳转。
【JQuery Mobile移动应用开发小程序】期末大作业——书影音_第1张图片
2、主页底部导航条的[更多]按钮实现了影视的汇总。点击任意任意影视可以查看影视详情。
【JQuery Mobile移动应用开发小程序】期末大作业——书影音_第2张图片
3、主页左上角的[我的]按钮,可以实现弹出面板,类似于QQ点击头像后呈现的效果。
【JQuery Mobile移动应用开发小程序】期末大作业——书影音_第3张图片
4、面板中的[我的收藏]按钮,该界面可以查看收藏的影视,可以搜索,删除收藏的影视。【JQuery Mobile移动应用开发小程序】期末大作业——书影音_第4张图片
5、主页左上角的[搜索]按钮可以直接搜索你想看的影视。【JQuery Mobile移动应用开发小程序】期末大作业——书影音_第5张图片
6、主页中点击具体影视图片,可以查看相关影视详情。
【JQuery Mobile移动应用开发小程序】期末大作业——书影音_第6张图片
7、如果有喜欢的影视可以点击右上角的[收藏]按钮。类似于淘宝的购物车功能。
【JQuery Mobile移动应用开发小程序】期末大作业——书影音_第7张图片

四、美中不足

还未完成"我的界面",但是基本的增、删、改、查功能已经实现。

五、总结

以上就是我期末作业的大致功能,也有许多细节未展示,当然只是用于JQuery mobile练习,不能用于商用,也有许多地方需要完善,如果需要源码的话,私信我。

你可能感兴趣的:(笔记,html,javascript,css,jquery)