2022年夏季《移动软件开发》实验报告 实验4:高校新闻网

本实验属于哪门课程？	中国海洋大学22夏《移动软件开发》
实验名称？	实验4: 高校新闻网

一、实验目标

1、综合所学知识创建完整的前端新闻小程序项目；

2、能够在开发过程中熟练掌握真机预览、调试等操作

二、实验步骤

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

1 项目创建

本项目一共需要3个页面，即首页、新闻页和个人中心页，其中首页和个人中心页需要以tabBar的形式展示，可以点击tab图标互相切换。

1.1 首页功能需求

首页功能需求如下：

（1）首页需要包含幻灯片播放效果和新闻列表；

（2）幻灯片至少要有3幅图片自动播放；

（3）点击新闻列表可以打开新闻全文。

1.2 新闻页功能需求

新闻页功能需求如下：

（1）阅读新闻全文的页面需要显示新闻标题、图片、正文和日期；

（2）允许点击按钮将当前阅读的新闻添加到本地收藏夹中；

（3）已经收藏过的新闻也可以点击按钮取消收藏。

1.3 个人中心页功能需求

个人中心页功能需求如下：

（1）未登录状态下显示登录按钮，用户点击以后可以显示微信头像和昵称。

（2）登录后读取当前用户的收藏夹，展示收藏的新闻列表。

（3）收藏夹中的新闻可以直接点击查看内容。

（4）未登录状态下收藏夹显示为空。

2 项目创建

3 页面配置

3.1 创建页面文件

 

 

3.2 删除和修改文件

 

3.3 创建其他文件

 

4 视图设计

4.1 导航栏设计

 

4.2 tabBar 设计

 

4.3 页面设计

4.3.1 首页设计

 

4.3.2 个人中心页设计

 

 

4.3.3 新闻页设计

 

5 逻辑实现

5.1 公共逻辑

 

5.2 首页逻辑

5.2.1 新闻列表展示

 

5.2.2 点击跳转新闻内容

 

 

5.3 新闻页逻辑

5.3.1 显示对应新闻

 

5.3.2 添加/取消收藏

 

5.4 个人中心页逻辑

5.4.1 获取微信用户信息

 

 

三、程序运行结果

四、问题总结与体会

微信小程序的编写很容易受平台影响，好奇怪啊，然后收藏页也是问题颇多。