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

一、实验目标

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

二、实验步骤

1、项目需求

首页功能需求如下:(1)首页需要包含幻灯片播放效果和新闻列表;(2)幻灯片至少要有3幅图片自动播放;(3)点击新闻列表可以打开新闻全文。

新闻页功能需求如下:(1)阅读新闻全文的页面需要显示新闻标题、图片、正文和日期;(2)允许 点击按钮将当前阅读的新闻添加到本地收藏夹中;(3)已经收藏过的新闻也可以点击按钮取消收藏。

个人中心页功能需求如下:(1)未登录状态下显示登录按钮,用户点击以后可以显示微信头像和昵称。(2)登录后读取当前用户的收藏夹,展示收藏的新闻列表。(3)收藏夹中的新闻可以直接点击查看内容。(4)未登录状态下收藏夹显示为空。

2、项目创建

3、页面配置

1、创建页面文件

2、删除和修改文件

3、创建其他文件

4、视图设计

1、导航栏设计

2、tabBar设计

3、页面设计

(1)首页设计

(2)个人中心页设计

(3)新闻页设计

5、逻辑实现

1、公共逻辑

在各页面的js顶部添加

var common = '…/…/util/common.js’的相对路径

2、首页逻辑

(1)新闻列表展示

(2)点击跳转新闻内容

3、新闻页逻辑

(1)显示对应新闻

(2)添加/取消新闻收藏

4、个人中心页逻辑

(1)获取微信用户信息

(2)获取收藏列表

(3)浏览收藏的列表

5、清除临时数据

三、程序运行结果

列出程序的最终运行结果及截图。


移动软件开发 微信小程序 第四次实验相关推荐

  1. 从零开始开发微信小程序(四):微信小程序绑定系统账号并授权登录之后台端...

    2019独角兽企业重金招聘Python工程师标准>>> 1. 后台开发环境: 语言:java 框架:springboot 2. 代码示例: package com.zc.wechat ...

  2. 前端与移动开发----微信小程序----小程序(四)

    微信小程序第四天 1. 目标 能够知道如何自定义小程序组件 能够知道小程序组件中 behaviors 的作用 2. 组件的创建和引用 2.1 创建自定义组件 创建组件 在项目的根目录中,鼠标右键,创建 ...

  3. taro开发微信小程序-添加开发者预览,上传测试版本(十四)

    taro开发微信小程序,上传测试版本,如果需要访问网络需要打开调试模式,如果配置了https协议的服务,提示对应的服务器证书无效,那么必须正确配置ssl证书,可以在阿里云或者腾讯云申请. 添加开发者预 ...

  4. python开发微信小程序-Python 开发者的微信小程序开发实践

    导读 在知乎上,有人提问"如何使用 Python 开发微信小程序". 其实微信小程序作为一个前端的机制,Python 并不能插上边.只不过可以作为后端接口为微信小程序提供数据服务而 ...

  5. 使用VS Code开发微信小程序

    使用VS Code开发微信小程序 微信开发工具 结构 缺点 VS Code VS Code 下载插件 Chinese 小程序开发助手 Easy less minapp vscode wxml wech ...

  6. 中小型企业为什么要开发微信小程序?

    智能化微信小程序现在是许多公司都在关注的一个软件产品,它在许多行业都有着较高的知名度,拥有巨大的市场价值. 由于开发设计小程序更为简洁便捷,并且运用实际效果也不错,现在有许多的企业都偏向于定制开发微信 ...

  7. 开发微信小程序入门前

    开发微信小程序入门前 百牛信息技术bainiu.ltd整理发布于博客园 2016年09月21日晚 微信发不了微信"小程序"的内测版,一时间整个互联网都炸了锅.个大新闻.论坛都在讨论 ...

  8. 2019小程序没必要做了_企业有必要开发微信小程序吗?

    互联网的不断创新发展,微信这一社交软件技术逐渐成为了社会大众信息沟通工具之一,但是随着小程序的出现,让更多的企业发现微信开发能帮助企业挖掘市场,获取精准流量的手段,于是,不得不开始工作,那么,企业开发 ...

  9. taro开发微信小程序-播放轨迹(十一)

    taro集成了地图后如何实现轨迹播放,暂停,停止呢?本身地图并不具备轨迹播放的能力,但是基于地图api可以实现轨迹播放的效果 思路如下: 1.获取所有的轨迹坐标点-最好是数组格式的json 2.定义一 ...

最新文章

  1. 不使用框架的web项目中配置log4j
  2. HTML5 利用canvas API 展示阴影效果
  3. python爬音乐评论生成词云图_python爬虫+词云图,爬取网易云音乐评论
  4. 【iCore1S 双核心板_ARM】例程五:IWDG看门狗实验——复位ARM
  5. java 类似 ror的框架_RoR与Jdon Framework架构比较
  6. p6spy mysql8_P6spy监控打印SQL语句
  7. 如何解决局域网共享报错0x80004005
  8. 电脑系统pe去广告及恶意软件安装
  9. Tungsten Fabric知识库丨构建、安装与公有云部署
  10. 环境和社会风险分类c类_风险分类
  11. C语言刷题训练营-第一讲
  12. IIS 编译器错误消息: CS0016未能写入输出文件“c:\WINDOWS\Microsoft.NET\Framework\v1.1.4322\Temporary ASP.NET Files\roo
  13. 网卡 promiscuous mode 与 MAC 的一些 filter 功能
  14. 英伟达 Tesla K80显卡驱动安装
  15. R语言基础统计分析:正态性检验、方差齐性检验、T检验、方差分析、秩和检验
  16. org.json.JSONException: Value [{“id“:10,“userId“:6,“adminId“:5,“content“:“7777“,“state“:-1,“image1“:
  17. QQ群无故消失或QQ群无故被解散
  18. 计算机无法进入桌面怎么备份,Windows系统损坏 | 无法进入系统如何正常备份数据?...
  19. flash常见问题集锦,很适合新手哦[二]
  20. 如何弹出QQ临时对话框,实现不添加好友的在线交谈效果。

热门文章

  1. 《strcat() 与 strncat() 的区别》全网干货最细
  2. 【python】彩色图秒变酷炫黑白图,灰度模式,比PS还好用的图像处理,cv2
  3. python如何处理视频之moviepy
  4. How to keep building your vocabulary?
  5. SIP中的SDP用法
  6. 联想笔记本wifi重启后可以连接wifi但是显示无法上网问题解决方法
  7. 苹果x出现绿线怎么修复_苹果x听筒声音小,苹果x通话声音小怎么办
  8. 2008版系统服务器屏幕唤醒,win2008服务器远程开机
  9. vscode实用快捷键_VS Code常用快捷键总结
  10. linux下运行jar包命令