用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

2016-11-28 16:40:30 yaoohfox原创达人 优秀会员纪念 HotApp小程序统计 楼主 189725
HotApp云笔记是一个类似Evernote 的云端笔记本

本demo基于免费API:免费的小程序https 云后台,方便学习小程序

功能特点:

(1)笔记记录方便
(2)自动微信登录
(3)笔记能存储在云端,更换手机,清空缓存后,笔记还在
         借助于微信登录,我们不需要用户的账号,也能识别用户的唯一性
(4)数据存储使用的是免费的HotApp 云后台  
(5)使用HotApp小程序统计,统计小程序的日活,留存,以及用户点击事件

先看效果图
145411w0j32v2xm2vs3cjs (1).png

云笔记02.png
云笔记01.png



先看看项目工程截图

HotApp云笔记截图.png

我们先看app.json,这个文件定义了整个项目的pages

项目有四个页面:

pages/index/index 首页
pages/feedback/index 用户反馈
pages/edit/index  笔记编辑
pages/create/index 添加笔记

app.json 代码
[] 纯文本查看 复制代码
/*
***HotApp云笔记,基于HotApp小程序统计云后台
***免费云后台申请地址 [url=https://weixin.hotapp.cn/cloud]https://weixin.hotapp.cn/cloud[/url]
***API 文档地址:[url=https://weixin.hotapp.cn/api]https://weixin.hotapp.cn/api[/url]
***小程序技术讨论QQ群:173063969
*/
//app.js
var hotapp = require('utils/hotapp.js');

App({

    /**
     * 启动事件
     */
    onLaunch: function () {

        //使用HotApp小程序统计,统计小程序新增,日活,留存,当日可查看统计结果
        hotapp.init('hotapp11377340');
        // 输入debug错误日志, 建议生产环境不要开启
        hotapp.setDebug(true);  
    },

    /**
     * 更新版本号
     */
    updateVersion: function(cb) {
    },

    /**
     * 对比版本号
     */
    checkVersion: function(cb) {
       
    },

    /**
     * 格式化数据
     */
    formatItem: function(item) {

    },

    /**
     * 获取所有数据
     */
    getItems: function(cb) {
       
        }
    },

    /**
     * 获取指定的value
     */
    show: function(key, cb) {
    },

    /**
     * 新增数据
     */
    store: function(item, cb) {
    },

    /**
     * 删除数据
     */
    destroy: function(item, cb) {
      
    },

    /**
     * 全局变量
     */
    globalData: {
        hotapp: hotapp // 这里作为一个全局变量, 方便其它页面调用
    }
})



[JavaScript] 纯文本查看 复制代码
{
  "pages":[
    "pages/index/index",
    "pages/feedback/index",
    "pages/edit/index",
    "pages/create/index"
  ],
  "window":{
    "navigationBarBackgroundColor": "#ff9b6e",
    "navigationBarTitleText": "HotApp云笔记",
    "navigationBarTextStyle":"#ffffff",
    "backgroundTextStyle":"light",
    "backgroundColor": "#efeff4",
    "enablePullDownRefresh": true
  },
  "tabBar": {
    "color": "#b3b3b3",
    "selectedColor": "#fc8e5d",
    "backgroundColor": "#f5f5f7",
    "borderStyle": "white",
    "position": "bottom",
    "list": [{
      "pagePath": "pages/index/index",
      "text": "记事本",
      "iconPath": "images/icon1.png",
      "selectedIconPath": "images/sicon1.png"
    }, {
      "pagePath": "pages/feedback/index",
      "text": "反馈",
      "iconPath": "images/icon2.png",
      "selectedIconPath": "images/sicon2.png"
    }]
  }
}


文件下载: hotapp-notepad-master.zip (61.98 KB, 下载次数: 122)

评分

参与人数 4原创 +2 浮云 +66 收起 理由
amis + 16 很给力!
笑若天河 + 10 不能更屌!!!
skyvow + 1 + 20 很给力!
天下雪 + 1 + 20 赞一个!

查看全部评分

笑若天河 发表于 2016-11-28 18:06
测试了一下,在开发工具中点击保存,反馈窗口一闪而过,然后没有自动回到笔记列表。不过回到笔记列表有新增 ...

新版本增加了保存自动返回功能了,优化了些bug,已经更新到github了
测试了一下,在开发工具中点击保存,反馈窗口一闪而过,然后没有自动回到笔记列表。不过回到笔记列表有新增笔记。
在安卓手机端测试
Screenshot_2016-11-28-17-58-40.jpg
点击保存无效,然后标题会重复的出现在居中的位置。回到笔记列表未添加成功。

不过这已经是我见过的前台后完整,瑕疵最少,样式最清新的Demo了,绝对算得上是精品Demo。{:5_1372:}{:5_1372:}{:5_1372:}{:5_1372:}


保存没有自动回到的,需要自动点击返回
yaoohfox 发表于 2016-11-28 22:14
保存没有自动回到的,需要自动点击返回

原来如此。
2016-11-29 17:26:00 lansu 诠释者
6#
小程序研究院,和小程序相关的同学进来聊聊呗   
支持原创!

评分

参与人数 1浮云 +10 收起 理由
天下雪 + 10 感谢支持

查看全部评分

2016-12-1 18:11:39 Anluis 攻城狮
8#
谢谢,非常感谢

评分

参与人数 1浮云 +10 收起 理由
天下雪 + 10 赞一个!

查看全部评分

2016-12-1 22:23:26 pikqiu 攻城狮
9#
kangkang
看来已经有大批的人涌进来了

评分

参与人数 1浮云 +10 收起 理由
天下雪 + 10 赞一个!

查看全部评分

不错,谢谢分享
谢谢分享
2016-12-3 13:45:20 74138 攻城狮
13#
很好很好很好很好
2016-12-7 15:15:42 hefeng 架构狮
14#
看看看看
99999999
12下一页
发新帖
    您需要登录后才可以回帖 登录 | 立即注册