OUC_2022年夏季《移动软件开发》实验报告-实验4

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

实验名称:
实验4:高校新闻网

博客地址:
https://blog.csdn.net/Postlude

Github仓库地址:
https://github.com/Postlude-cc/OUC_Mobile-Softawre-Development

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

二、实验步骤
编辑导航栏

OUC_2022年夏季《移动软件开发》实验报告-实验4_第1张图片

新建三个页面并导入common.js

编写首页index

在这里插入图片描述

为my.wxss添加样式

为主页添加detail跳转功能:
OUC_2022年夏季《移动软件开发》实验报告-实验4_第2张图片

添加收藏功能:

OUC_2022年夏季《移动软件开发》实验报告-实验4_第3张图片

编写my.wxml

编写获取用户头像昵称功能:

OUC_2022年夏季《移动软件开发》实验报告-实验4_第4张图片

添加显示收藏功能:

OUC_2022年夏季《移动软件开发》实验报告-实验4_第5张图片

三、程序运行结果
结果如下:
OUC_2022年夏季《移动软件开发》实验报告-实验4_第6张图片

首页页面:

OUC_2022年夏季《移动软件开发》实验报告-实验4_第7张图片

我的页面:

OUC_2022年夏季《移动软件开发》实验报告-实验4_第8张图片

登入登出:
OUC_2022年夏季《移动软件开发》实验报告-实验4_第9张图片
OUC_2022年夏季《移动软件开发》实验报告-实验4_第10张图片

收藏跳转:

OUC_2022年夏季《移动软件开发》实验报告-实验4_第11张图片

四、问题总结与体会

通过本次第四个小程序实验,我成功的综合运用所学知识完成了简单新闻网的搭建。本次实验的成功使我对微信小程序的开发流程有了更进一步的认识与了解,同时也让我对小程序开发更加的感兴趣,对最终的小程序设计打下了基础。本次实验遇到的主要问题在于编写my页面显示收藏时,提示my.js未定义,后面发现是编写函数时多了一个,但报错没有提示 找了很久才找到。

你可能感兴趣的:(OUC_移动软件开发,前端,javascript,微信)