【项目作业】实现返回图片列表接口功能
项目作业 871
等2人参与

小伙伴们,学习实战项目——完成了首页和景点的详情页我们原有项目的基础上,利用前面所学内容自己动手完成返回图片列表接口,并根据资料区提供的前端代码实现图片加载、预览功能


题目要求:
          

    1) 当输入访问接口 localhost:8080/api/sight/image/list/1/(接口1)时,

    返回json数据,其中1代表当前数据的页数,数据字段有meta 和 objects 两大内容
    meta字段:包含显示返回当前数据总数(total_count),总页数(page_count),当前页数(current_page)
    objects字段:包含当前页的图片信息:图片路径(img)及图片名称(summary)

    //img1.sycdn.imooc.com//climg/5f6dbc6f29c10a5805001000.jpg

    2) Vue:点击景点详情页图片,跳转到景点图片页,调用接口1进行查询图片返回图片列表

    //img1.sycdn.imooc.com//climg/5f6dbcc42930dae705001000.jpg    
    点击单张图片,可以实现图片预览, 单击空白区,关闭图片预览

         //img1.sycdn.imooc.com//climg/5f6dbd52298b5fab05001000.jpg

         可以对图片进行下拉刷新

         //img1.sycdn.imooc.com//climg/5f6dbdc329027b1905001000.jpg       
        也可以对图片进行滚动加载
        //img1.sycdn.imooc.com//climg/5f6dbdf8299e70c505001000.jpg
       可以左右滑动图片,显示其它
       //img1.sycdn.imooc.com//climg/5f6dbe19294c7c9805001000.jpg

 图片显示接口:localhost:8080/#sight/image/1


作业描述

一、语言和环境

1)实现语言:Python、MySQL、Vue

2)环境要求及开发工具:PyCharm


二、程序整体要求

1)根据实现所需功能,划分功能模块,设置对应的类,在类中实现相应功能。

2)代码结构要层次分明,逻辑思路清晰严谨,类名变量名规范易懂。

3)代码要适当添加注释。

4)要求Python、Vue代码实现,运行结果和题目要求中的效果图结构保持一致。

5)将作业项目形成压缩文件并提交。


评分标准是什么?

一、命名、注释规范【15分】

二、接口设计【30分】

1. api接口符合要求

2. api接口返回字段符合要求             

三、景点图片访问的实现【50分】

1. 点击图片详情页跳转到景点图片页,显示所有图片

2. 可以对图片进行下拉刷新

3. 可以对图片进行滚动加载

4. 点击图片可以左右滑动,预览其图片

5. 预览图片时点击空白处,可以关闭预览

四、程序整体运行效果【10分】

1. 程序运行正常,满足效果图


项目作业上传说明
第1步:上传你的作业压缩包
第2步:等待讲师一对一批复
第3步:查看讲师点评
上传作业

登录后查看更多作业,立即

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师