2023移动软件开发实验5

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

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

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

一、实验目标

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

二、实验步骤

2023移动软件开发实验5_第1张图片

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

2023移动软件开发实验5_第2张图片

新闻详情页

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

2023移动软件开发实验5_第3张图片

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

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

三、程序运行结果

2023移动软件开发实验5_第4张图片

首页

2023移动软件开发实验5_第5张图片

未登录

2023移动软件开发实验5_第6张图片

登录

2023移动软件开发实验5_第7张图片

新闻详情页

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

四、问题总结与体会

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

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

你可能感兴趣的:(微信小程序)