移动应用设计与开发

徐琳

目录

  • 1 微信小程序入门
    • 1.1 微信小程序介绍
    • 1.2 微信小程序开发准备
    • 1.3 微信小程序开发工具的使用
    • 1.4 实验1. HelloWord 我的第一个小程序
  • 2 小程序框架分析
    • 2.1 微信小程序原生框架MINA
    • 2.2 微信小程序目录结构介绍
    • 2.3 微信小程序注册程序应用
    • 2.4 微信小程序注册页面的使用
    • 2.5 微信小程序如何绑定数据
    • 2.6 微信小程序条件渲染
    • 2.7 微信小程序列表渲染
    • 2.8 微信小程序定义模板
    • 2.9 微信小程序引用功能
    • 2.10 WXS小程序脚本语言
    • 2.11 实验2：仿香哈菜谱微信小程序
  • 3 微信小程序布局和组件介绍
    • 3.1 布局基础知识
    • 3.2 视图容器组件
    • 3.3 基础内容组件
    • 3.4 实验3.1 计算器小程序
    • 3.5 丰富的表单组件
    • 3.6 导航组件
    • 3.7 媒体组件
    • 3.8 地图组件
    • 3.9 画布组件
    • 3.10 实验3.2：表单登录注册微信小程序
    • 3.11 小程序事件
    • 3.12 ColorUI框架介绍
  • 4 微信小程序产品设计指南
    • 4.1 产品设计最佳实践
    • 4.2 页面交互最佳实践
    • 4.3 从0到1：亚马逊海外购小程序
    • 4.4 实验4：仿豆瓣评分小程序
    • 4.5 互联网产品UI设计分享
  • 5 微信小程序API
    • 5.1 请求服务器数据API
    • 5.2 实验5.1 天气预报（百度地图API)
    • 5.3 文件上传与下载API
    • 5.4 WebSocket会话API
    • 5.5 图片处理API
    • 5.6 文件操作API
    • 5.7 数据缓存API
    • 5.8 位置信息API
    • 5.9 设备应用API
    • 5.10 实验5.2查看附近美食餐厅（腾讯地图SDK)
    • 5.11 交互反馈API
    • 5.12 登录API
    • 5.13 实验5.3用户登录和用户信息获取（Node.js)
    • 5.14 微信支付API
    • 5.15 分享API
    • 5.16 实验5.4 在线聊天（Node.js)
  • 6 微信小程序模块化
    • 6.1 模块
    • 6.2 模板
    • 6.3 自定义组件
    • 6.4 插件
    • 6.5 实验6 豆瓣评分模块化
  • 7 运营驱动开发
    • 7.1 实验7.1 消息订阅
    • 7.2 运营必备功能
    • 7.3 小程序后台功能管理
    • 7.4 小程序后台数据分析
  • 8 综合项目实战
    • 8.1 项目准备
    • 8.2 项目任务需求
  • 9 小程序周边必备知识
    • 9.1 互联网产品设计
    • 9.2 Node.js快速上手
    • 9.3 小程序框架
    • 9.4 云开发
    • 9.5 微信小程序协同开发
    • 9.6 小程序干货
    • 9.7 ES6标准入门
实验3.1 计算器小程序

本节作业3.1 使用flex布局完成计算器页面，并提交

要求： 

  1. 只实现页面布局，不需要实现功能

  2. 数字键和符号键字符颜色不同

  3. 页面布局（行、列排版）需要按照如下图所示排列。