擼一個會話備忘錄的小程序

最終實現的撮圖:
Mou iconMou iconhtml

目的: 藉助小程序記錄微信平常會話中的重要信息, 數據在本地緩存中操做,純前端無後臺,不用擔憂信息泄露問題。
步驟:
一、註冊微信小程序,獲取appid,傳送門https://mp.weixin.qq.com
二、下載新版微信開發者工具,新建備忘錄項目,填寫appid,肯定後自動生成初始化代碼
三、個人項目結構:前端

+-- 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

備註:這是我第一次寫小程序,代碼顯得雜亂不優雅,還望大佬們見諒。因爲備忘錄類目屬於企業級類目,我的版的沒法審覈經過,因此暫無在線測試菊花碼,源碼已放到Github上了,代碼寫的很醜,別打我^_^。。git

相關文章
相關標籤/搜索