移动软件开发_高校新闻网

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

Github仓库地址
https://gitee.com/KaiFeng10086/24-mobile-software-development/tree/master/lab5_newsShow/OUCnews

一、实验目标

本实验旨在通过微信小程序的开发实践，掌握小程序的基本开发流程与核心技术，最终实现一个简易的高校新闻小程序。该实验的目标是综合运用所学的前端技术和微信小程序的API，独立完成一个小程序的设计与开发。

二、实验步骤

3.1 项目结构设计

项目包含以下主要页面：

• index：首页，展示新闻列表和幻灯片。
• detail：新闻详情页，展示新闻内容，并提供收藏功能。
• my：个人中心页，展示用户信息及收藏内容。

3.2 代码实现

3.2.1 首页逻辑实现

实现了新闻的展示，包括新闻列表和顶部的幻灯片。用户可以通过点击新闻列表项，跳转到新闻详情页，并增添了搜索筛选功能。

3.2.2 新闻详情页逻辑实现

在新闻详情页，用户可以阅读完整的新闻内容，并可以通过按钮将新闻添加到收藏夹或从收藏夹中移除。

3.2.3 个人中心页逻辑实现

包含用户登录、收藏管理等功能。在用户登录后，展示其昵称和头像，并加载收藏的新闻列表。用户可以通过编辑模式删除选中的收藏新闻。

3.3 功能扩展

在实验的基础上，我们对个人中心页进行了进一步的美化和功能增强：

• 登录面板美化：采用渐变背景，统一按钮的颜色和样式，使界面更加协调。
• 收藏管理：增加了“编辑”功能，用户可以在编辑模式下选择删除多个收藏新闻。

三、程序运行结果

• 首页：

• 新闻展示
• 搜索 — 根据标题过滤新闻，并展示

• 登录界面

• 登录获取微信信息

• 编辑收藏功能、 清空收藏

• 收藏功能：

四、问题总结与体会

通过本次实验，我掌握了微信小程序的开发流程，熟悉了常用的API使用方法，并进一步加深了对前端开发的理解。同时，通过功能的扩展和界面的美化，我认识到用户体验在小程序开发中的重要性。实验中也遇到了一些挑战，例如如何在保持界面美观的同时，保证功能的完整性，通过不断调试与优化，最终达到了理想的效果。