欢迎来到258分享网,纯净的网络源码分享基地!

258资源分享网

全部作品
全部作品
网站源码
微信源码
素材特效
源码插件
视频教程
建站学院
热门搜索: 织梦  农业种植  农业  安全设置  官方
258资源分享 > 建站学院 > 微信开发 > 司小文:微信小程序实战demo解析:文笔记+增删改查

推荐下载

HTML5响应式自适应网咯设计

2020-05-12   浏览:738

高端HTML5响应式企业通用网

2020-05-06   浏览:520

html5响应式外贸网站英文版

2020-05-08   浏览:509

HTML5自适应律师工作室类网

2020-04-04   浏览:502

HTML5影视传媒文化公司类网

2020-05-12   浏览:497

司小文:微信小程序实战demo解析:文笔记+增删改查

发布时间:2021-01-11  

自从辞职回家过年以后,天天晚上睡不好,一直说做个笔记类的小程序,今天终于发上来了,虽然文笔记+只有两个页面,但是笔记类的应用其实是很费时间的,因为要完成增删改查这几项功能,其实和数据库已经很类似了,下 ...

 

 

 

自从辞职回家过年以后,天天晚上睡不好,一直说做个"笔记类"的小程序,今天终于发上来了,虽然"文笔记+"只有两个页面,但是笔记类的应用其实是很费时间的,因为要完成"增删改查"这几项功能,其实和数据库已经很类似了,下面还是老样子,注释和逻辑解析都已经写在代码里了,赶紧分享给小伙伴们。
哦对了,这只是个基础版和我预想的还是有些差别的,毕竟一开始打算需要云和接口的支持,现在所有的记录全都存在了本地的缓存。删除的方法写在js里了,但是没有放按钮,是因为想了很久感觉放在哪里都很丑,所以这个基础版是没有删除功能的呦~,凑活着用修改功能先来代替吧。

司小文:微信小程序实战demo解析:文笔记+增删改查

司小文:微信小程序实战demo解析:文笔记+增删改查




首页:
js:

 

Page({ data:{ today:'',//当天日期 image:'/pages/image/111.jpg',//背景图片 desArr:[]//数据源数组 }, getNowFormatDate(){ //获取当天日期 var date = new Date(); var seperator1 = "-"; var month = date.getMonth() + 1; var strDate =http://www.yiyongtong.com/archives/ date.getDate(); if (month >= 1 && month <= 9) { month = "0" + month; } if (strDate >= 0 && strDate <= 9) { strDate = "0" + strDate; } var currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate return currentdate; }, onLoad:function(options){ //-监听页面加载 //获取缓存内容 this.setData({ desArr:wx.getStorageSync('oldText') }) if(this.data.desArr == null && this.data.desArr ==http://www.yiyongtong.com/archives/''){ //如果没有缓存则为空 this.setData({ desArr:[] }) } //获取当天日期 var day = this.getNowFormatDate() this.setData({ today:day }) }, onShow:function(){ // 生命周期函数--监听页面显示 //获取当前缓存 var arrayA = wx.getStorageSync('oldText'); var isChange = wx.getStorageSync('isChange'); if (arrayA.length != this.data.desArr.length){ //如果数量改变从新赋值 this.setData({ desArr:arrayA }) }else if (isChange == 1){ wx.setStorageSync('isChange', 0); this.setData({ desArr:arrayA }) } }, onShareAppMessage: function() { // 用户点击右上角分享 return { title: '文笔记+', // 分享标题 desc: '我们的功能不仅笔记', // 分享描述 path: 'path' // 分享路径 } }, cancelTap(e){ //删除按钮 console.log(e) } })

 

wxml:

 

本文标签

:备案管家服务帮您把复杂流程变简单,解决您在进行网站备案过程中遇到的效率低下和成功率不高的问题。个人300/2个域名,企业500/5个域名,qq1650004.