微信小程序开发|教程|文档|资源汇总_即速论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 25386|回复: 92

微信小程序推荐demo:备忘录

  [复制链接]
  • TA的每日心情
    无聊
    2017-8-15 16:38
  • 签到天数: 42 天

    [LV.5]常住居民I

    910

    主题

    2100

    帖子

    3万

    金钱

    管理员

    论坛管理员

    Rank: 9Rank: 9Rank: 9

    积分
    0

    突出贡献优秀版主荣誉管理论坛元老

    QQ
    发表于 2016-11-9 18:21:01 | 显示全部楼层 |阅读模式
    小程序,或者说react的特性使它很适合用来开发这种单机版简单交互的备忘录。

    初始时页面只有一个简简单单的欢迎词和文本框:

    当聚焦文本框开始输入文字,下方出现提交及重置按钮,默认开始时间为当前;点击时间可以重新选择

    默认该项目到点前会进行提醒;也可以点绿色开关改成不需要提醒。

    页面提交后,下面出现备忘录列表,每行后面有打钩图标用于切换该事项是否已完成、以及X按钮用以删除该事项;当该事项被设为已完成,会跟其他事项有颜色区分。

    同时 下面出现一些操作功能,比如切换“显示全部” 以及 “只显示未完成事项”的功能,全部标为已完成、以及删除全部的按钮。

    另外当列表存在数据时,下面还有一个按钮保存数据,将当前数据保存到缓存区域,用以下次打开时继续显示个人备忘录状态。

    当时间到达有需要提醒的项目前一分钟,或者如果是需要立即开始的当前时间,界面会跳出项目内容,同时播放语音提醒。点击确定表示马上去完成该项目。此时系统会自动将该项目设置为已完成。

    个人体会:每个页面的数据绑定(data)是小程序的核心部分,通过setData存入和花括号的读取实现了普通html静态页面没有做到的动态交互;不管是从当前页面提交的表单数据,还是从网络、json文件、api接口读取来的数据在这里交汇并被处理、使用。理解这一点,其他的具体组件/接口等等具体使用方法都是细枝末节了,可以通过查询文档练习掌握。


    游客,如果您要查看本帖隐藏内容请回复


    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有帐号?立即注册

    x
    回复

    使用道具 举报

    该用户从未签到

    0

    主题

    7

    帖子

    76

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2016-11-9 23:10:43 | 显示全部楼层
    啥也不说了,感谢楼主分享哇!

    该用户从未签到

    0

    主题

    3

    帖子

    19

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2017-1-6 16:35:39 | 显示全部楼层
    啥也不说了,感谢楼主分享哇!

    该用户从未签到

    0

    主题

    6

    帖子

    32

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2017-1-9 15:31:11 | 显示全部楼层
    啥也不说了,感谢楼主分享哇!
  • TA的每日心情
    郁闷
    2017-4-18 10:20
  • 签到天数: 1 天

    [LV.1]初来乍到

    0

    主题

    9

    帖子

    62

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2017-4-18 15:34:29 | 显示全部楼层
    啥也不说了,感谢楼主分享哇!

    该用户从未签到

    0

    主题

    5

    帖子

    68

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2017-6-6 11:26:50 | 显示全部楼层
    楼主牛逼,感谢分享,哈哈哈哈
  • TA的每日心情
    擦汗
    2016-12-22 23:01
  • 签到天数: 1 天

    [LV.1]初来乍到

    0

    主题

    22

    帖子

    21

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2017-6-6 17:02:01 | 显示全部楼层
    确实是难得好帖啊,顶先
  • TA的每日心情
    开心
    2017-11-2 19:29
  • 签到天数: 6 天

    [LV.2]偶尔看看I

    4

    主题

    46

    帖子

    1488

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2017-8-5 17:29:14 | 显示全部楼层
    试试看,好像很好用

    该用户从未签到

    0

    主题

    4

    帖子

    38

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2017-8-13 23:09:15 | 显示全部楼层
    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

    该用户从未签到

    0

    主题

    2

    帖子

    15

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2017-8-21 15:27:00 | 显示全部楼层
    1111wasfdsfdabed
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    咫尺论坛|小程序开发社区
    X

    扫码添加专属客服即可随时咨询

    还可领取小程序推广攻略

    QQ|微信小程序开发|教程|文档|资源汇总_即速论坛 ( 粤ICP备14097199号-1|网站地图   

    GMT+8, 2022-1-20 18:41 , Processed in 0.141603 second(s), 53 queries .

    Powered by Discuz! X3.4

    Copyright © 2001-2021, Tencent Cloud.

    快速回复 返回顶部 返回列表