2023移动软件开发实验5

2023年夏季《移动软件开发》实验报告

姓名和学号?
本实验属于哪门课程? 中国海洋大学23夏《移动软件开发》
实验名称? 实验5:高校新闻网
博客地址? XXXXXXX
Github仓库地址? https://github.com/enfantsRichesDeprimes/Mobile-Software-Development-Experiment-4

(备注:将实验报告发布在博客、代码公开至 github 是 加分项,不是必须做的)

一、实验目标

1、学习使用快速启动模板创建小程序的方法;2、学习不使用模板手动创建小程序的方法。

二、实验步骤

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

首页实现轮播图和新闻列表

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

新闻详情页

页面的初始数据data中包含了一个article对象,用来存储新闻详情的相关信息,包括id(新闻ID)、title(新闻标题)、poster(新闻海报图片地址)、add_date(添加日期)和content(新闻内容);还有一个isAdd变量,用来表示当前新闻是否已经添加到收藏夹中。

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

getMyFavorites函数用来获取收藏夹中的新闻列表。首先使用wx.getStorageInfoSync方法获取本地存储的信息,然后遍历所有的键(除了一个特殊的键),通过调用wx.getStorageSync方法分别获取每个键对应的新闻对象,并将其添加到myList数组中。最后,将myList数组和新闻数量更新到页面的数据中。

列出实验的关键步骤、代码解析、截图。

三、程序运行结果

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

首页

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

未登录

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

登录

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

新闻详情页

列出程序的最终运行结果及截图。

四、问题总结与体会

  1. 跟实验1一样,要用getUserProfile
  2. 获取收藏数时,总是多一个。发现是因为keys.length会算上本身,所以多1,赋值时再减1即可

描述实验过程中所遇到的问题,以及是如何解决的。有哪些收获和体会,对于课程的安排有哪些建议。

猜你喜欢

转载自blog.csdn.net/qq_61786525/article/details/132698788