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使用方法,并进一步加深了对前端开发的理解。同时,通过功能的扩展和界面的美化,我认识到用户体验在小程序开发中的重要性。实验中也遇到了一些挑战,例如如何在保持界面美观的同时,保证功能的完整性,通过不断调试与优化,最终达到了理想的效果。