小伙伴们,学习了实战项目——完成了首页和景点的详情页,我们将在原有项目的基础上,利用前面所学内容自己动手完成返回图片列表接口,并根据资料区提供的前端代码实现图片加载、预览等功能
题目要求:
1) 当输入访问接口 localhost:8080/api/sight/image/list/1/(接口1)时,
返回json数据,其中1代表当前数据的页数,数据字段有meta 和 objects 两大内容
meta字段:包含显示返回当前数据总数(total_count),总页数(page_count),当前页数(current_page)
objects字段:包含当前页的图片信息:图片路径(img)及图片名称(summary)

2) Vue:点击景点详情页图片,跳转到景点图片页,调用接口1进行查询图片,返回图片列表
点击单张图片,可以实现图片预览, 单击空白区,关闭图片预览

可以对图片进行下拉刷新
也可以对图片进行滚动加载

可以左右滑动图片,显示其它图片

图片显示接口: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. 程序运行正常,满足效果图