2024年夏季《移动软件开发》实验报告
姓名和学号? | 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、收藏和取消收藏函数
三、程序运行结果
四、问题总结与体会
本次实验中我成功完成了第五个小程序,即高校新闻网。这个过程中主要遇到的问题是开始无法获取头像与昵称,通过降低调试库版本后成功解决。