中国海洋大学《移动软件开发》实验五

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

姓名：xxx 学号：xxxxxxxxxxx

姓名和学号？	xxx，xxxxxxxxxxx
本实验属于哪门课程？	中国海洋大学24夏《移动软件开发》
实验名称？	实验5：高校新闻网
博客地址？	here
Github仓库地址？	https://gitee.com/dio-trump/software_dev

一、实验目标

1、综合所学知识创建完整的前端新闻小程序项目；2、能够在开发过程中熟练掌握真机预览、调试等操作。

二、实验步骤

1、准备步骤

1、创建项目并初始化模板，初始化模板步骤如下

1、删除utils文件夹
2、删除pages文件夹下的logs目录
3、删除index.wxml和index.wxss中的全部代码
4、删除index.js中的全部代码，并输入关键词page选择自动补全生成模板
5、删除app.wxss中的全部代码
6、删除app.js中的全部代码，并且输入关键词app自动补齐生成模板

2、通过老师提供的网址，下载需要用到的图片和commom.js和index相关的文件并将其移动到实验对应文件目录下

2、开始开发小程序

1、导航栏设计

设置标题以及字体颜色和背景眼色

2、tabBar设计

3、首页页面设计

分为幻灯片和新闻列表两部分

4、首页格式设计

5、初始化以及页面跳转函数

6、“我的”页面设计

分为登录部分和收藏部分

7、格式设计

8、获取收藏函数、获取用户信息函数以及页面跳转函数

9、详情页面设计

10、详情格式设计

11、收藏和取消收藏函数

三、程序运行结果

四、问题总结与体会

本次实验中我成功完成了第五个小程序，即高校新闻网。这个过程中主要遇到的问题是开始无法获取头像与昵称，通过降低调试库版本后成功解决。