一个会话备忘录小程序的实现方法

发布日期： 2018-01-27 阅读量： 作者： 网络

前面我们分享过很多微信小程序的文章，包括微信小程序仿知乎，今天我们继续和大家分享一个有取得小程序：一个会话备忘录的小程序的实现，希望大家喜欢。

说明：数据在本地缓存中操作，纯前端无后台，不用担心信息泄露问题。

我们先看一下实现界面图：

实现步骤（个人版）：

1、注册微信小程序，获取appid

注册网址： https://mp.weixin.qq.com

2、下载新版微信开发者工具，新建备忘录项目，填写appid，确定后自动生成初始化代码

开发者工具下载： https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html

3、目录结构

+-- assets          //静态文件夹
|   +-- font        //字体文件
|       +-- iconfont.eot
|          +-- iconfont.svg
|          +-- iconfont.ttf
|          +-- iconfont.woff  
|    +-- images
|        +-- share.jpg
+-- pages              //页面
|    +-- add              //添加备忘录
|   +-- add.js
|        +-- add.json 
|        +-- add.wxml
|        +-- add.wxss
|    +-- edit            //编辑备忘录
|   +-- edit.js
|        +-- edit.json 
|        +-- edit.wxml
|        +-- edit.wxss
|    +-- index          //首页
|   +-- index.js
|        +-- index.json 
|        +-- index.wxml
|        +-- index.wxss
|    +-- logs            //日志
|   +-- logs.js
|        +-- logs.json 
|        +-- logs.wxml
|        +-- logs.wxss
+-- utils        //公用js
|   +-- shareData.js    //分享短句
|   +-- util.js
+-- app.js
+-- app.json
+-- app.wxss
+-- project.config.json

# 小程序 # 备忘录 # 会话

下一篇: 输入只能是数字，首位可否为“-”的正则表达式是什么？

一个会话备忘录小程序的实现方法

随便看看