admin 管理员组文章数量: 1086019
基于微信开发的祝福小程序
微信小程序在生态系统中已然有一席之地，在适配性上拥有很大的灵活性，微信小程序不是最早做小程序的软件，但却是最早被大家熟知的。借助于H5和Javascript，让很多开发者趋之若鹜，本人有幸成为其中的一员，也上线了一个小程序，成绩很不理想，总结下来，我觉得是思维方式的问题，我们永远是想起一个主意就去实现，殊不知这个主意不是市场需求，不是痛点，甚至不是市场面对的困难。
先给大家上界面看看，自我感觉界面清晰简单，可以搜索各种词条，然后复制粘贴给你想要发送的人。
实现的部分代码如下：
// index.js
// 获取应用实例
const app = getApp()
// 获取云数据库引用
wx.cloud.init()
let shuru="";
var flag=true;
Page({data: {// 自定义顶部导航navHeight: app.globalData.navHeight,navTop: app.globalData.navTop, ImgUrl:[],deleteIcon:"cloud://tqsdengyanyu-6g9k3bv23cf0cad8.7471-tqsdengyanyu-6g9k3bv23cf0cad8-1304657740/icon/clear.png",searchIcon:"cloud://tqsdengyanyu-6g9k3bv23cf0cad8.7471-tqsdengyanyu-6g9k3bv23cf0cad8-1304657740/icon/search.png",hotsearch: [{title: '天天恋爱祝福'},{title: '生日祝福'},{title:'情人节'},{title:'早安祝福'},{title:'新人祝福'},{title:'周末祝福'}],historyStorage: [], //历史搜索historyStorageShow: false,inputValue: "", //输入框输入的值replaceValue: "", //替换输入框的值color:'black',},attached: function() {this.setData({navHeight: app.globalData.navHeight,navTop: app.globalData.navTop,})},tiaozhuan: function (e) {let _this = thisif(flag){_this.setData({color:'white',})}else{}for(let i=0;i<_this.data.hotsearch.length;i++){if(_this.data.inputValue===_this.data.hotsearch[i].title){var data = e.currentTarget.dataset;_this.data.replaceValue = e.currentTarget.dataset.postnamewx: wx.setStorage({key: 'historyStorage',data: _this.data.historyStorage.concat(_this.data.inputValue),data: _this.data.historyStorage.concat(_this.data.replaceValue)})//console.log(_this.data.inputValue)//console.log(_this.data.historyStorage)shuru=_this.data.inputValue;getApp().globalData=shuru; wx.navigateTo({url: '/pages/zhufu/zhufu',})break}else{}
}},navito:function(e){var that=this;var idx= parseInt(e.currentTarget.id);that.data.inputValue=that.data.hotsearch[idx].title;shuru=that.data.inputValue;getApp().globalData=shuru; wx.navigateTo({url: '/pages/zhufu/zhufu'})},routepage:function(e){var that=this;var idx= parseInt(e.currentTarget.id);that.data.inputValue=that.data.historyStorage[idx];shuru=that.data.inputValue;getApp().globalData=shuru; wx.navigateTo({url: '/pages/zhufu/zhufu'})},remove: function () {var _this = thiswx: wx.showModal({content: '确认清除所有历史记录?',success: function (res) {if (res.confirm) {wx: wx.removeStorage({key: 'historyStorage',success: function (res) {_this.setData({historyStorage: []})wx.setStorageSync("historyStorage", [])},})} else {console.log("点击取消")}},})},getInputValue(e) {this.setData({inputValue:e.detail.value});},clearTap:function(){this.setData({inputValue:''});},onLoad: function (options) {var that = this;that.data.inputValue="";if(flag){that.setData({color:'black',})}else{}wx.cloud.callFunction({name:"ImgUrl",success(res){that.setData({imgURL : res.result})}}),wx.getStorage({key: 'historyStorage',success: function (res) {console.log(res.data)that.setData({historyStorageShow: true,historyStorage: res.data})}})wx.showShareMenu({withShareTicket: true,menus:["shareAppMessage","shareTimeline"],success(res){console.log(res);},fail(e){console.log(e);}, })},changeData:function(){this.onLoad();},//点击进入详情页goToList: function (e) {},/*** 生命周期函数--监听页面初次渲染完成*/onReady: function() {},/*** 生命周期函数--监听页面显示*/onShow: function() {wx.showToast({icon:'none',title: '非常抱歉，由于开通内容有限，请按照热门推荐输入',mask:true,duration: 2500,})},/*** 生命周期函数--监听页面隐藏*/onHide: function() {},/*** 生命周期函数--监听页面卸载*/onUnload: function() {},/*** 页面相关事件处理函数--监听用户下拉动作*/onPullDownRefresh: function() {},/*** 页面上拉触底事件的处理函数*/onReachBottom: function() {},/*** 用户点击右上角分享*/onShareAppMessage:function(){console.log("转发给好友");return{title:"给你最爱的他/她送祝福吧！",path:"/pages/index/index",}},onShareTimeline:function(){console.log("分享到朋友圈");return{title:"给你最爱的他/她送祝福吧！",query:"",imageUrl:""}}})总结
挖掘生活的需求“痛点”才是做产品第一步必须要考虑的事情，否则你的产品永远是要靠运气成就。各位如果对源码感兴趣，可以到我的主页下载。同时有兴趣的话，也可以微信搜索“暖暖的祝福”，感受一下。
本文标签： 基于微信开发的祝福小程序
版权声明：本文标题：基于微信开发的祝福小程序 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1693581960a230533.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论