liudong05.zip
大小:5.69MB
价格:41积分
下载量:0
评分:
5.0
上传者:m0_67418009
更新日期:2025-09-22

微信小程序实现婚礼代码,免费!

资源文件列表(大概)

文件名
大小
liudong05/app.js
-
liudong05/app.json
1.2KB
liudong05/app.wxss
189B
liudong05/images/
-
liudong05/images/avatar.png
23.56KB
liudong05/images/bg_1.png
316.24KB
liudong05/images/bj_2.png
93.05KB
liudong05/images/guest.png
7.47KB
liudong05/images/htdocs/
-
liudong05/images/htdocs/01.mp4
1.66MB
liudong05/images/htdocs/03.mp4
3.34MB
liudong05/images/invite.png
7.2KB
liudong05/images/map.png
7.43KB
liudong05/images/marry.png
11.67KB
liudong05/images/music_icon.png
1.31KB
liudong05/images/music_play.png
1.24KB
liudong05/images/save_the_date.gif
46KB
liudong05/images/tel.png
7.82KB
liudong05/images/timg1.jpg
77.18KB
liudong05/images/timg2.jpg
56.61KB
liudong05/images/timg3.jpg
55.43KB
liudong05/images/timg4.jpg
53.25KB
liudong05/images/video.png
4.82KB
liudong05/images/wedding.png
5.12KB
liudong05/pages/
-
liudong05/pages/guest/
-
liudong05/pages/guest/guest.js
3.84KB
liudong05/pages/guest/guest.json
48B
liudong05/pages/guest/guest.wxml
1.02KB
liudong05/pages/guest/guest.wxss
513B
liudong05/pages/index/
-
liudong05/pages/index/index.js
1.09KB
liudong05/pages/index/index.json
45B
liudong05/pages/index/index.wxml
1.23KB
liudong05/pages/index/index.wxss
2.37KB
liudong05/pages/map/
-
liudong05/pages/map/map.js
816B
liudong05/pages/map/map.wxml
60B
liudong05/pages/picture/
-
liudong05/pages/picture/picture.js
151B
liudong05/pages/picture/picture.json
42B
liudong05/pages/picture/picture.wxml
265B
liudong05/pages/picture/picture.wxss
80B
liudong05/pages/video/
-
liudong05/pages/video/video.js
379B
liudong05/pages/video/video.json
48B
liudong05/pages/video/video.wxml
779B
liudong05/pages/video/video.wxss
365B
liudong05/project.config.json
716B
liudong05/project.private.config.json
383B
liudong05/utils/
-
liudong05/utils/util.js
472B

资源内容介绍

微信小程序实现婚礼代码,免费!
Page({ data: { picker: { arr: ['0', '1', '2', '3', '4', '5', '6'], index: 1 } }, pickerChange: function(e) { this.setData({ 'picker.index': e.detail.value }) }, // 验证姓名 nameChange: function(e) { this.checkName(e.detail.value) }, // 验证手机号 phoneChange: function(e) { this.checkPhone(e.detail.value) }, // checkName()方法 checkName: function(data) { var reg = /^[\u4E00-\u9FA5A-Za-z]+$/; return this.check(data, reg, '姓名输入错误!') }, // checkPhone()方法 checkPhone: function(data) { var reg = /^(((13)|(15)|(17)|(18))\d{9})$/; return this.check(data, reg, '手机号码输入有误!') }, // check()方法 check: function(data, reg, errMsg) { if (!reg.test(data)) { wx.showToast({ title: errMsg, icon: 'none', duration: 1500 }) } return true }, formSubmit: function(e) { var name = e.detail.value.name var phone = e.detail.value.phone if (this.checkName(name) && this.checkPhone(phone)) { // 在此处可编写代码将e.detail.value提交到服务器 wx.login({ success: res => { server.post({ formId: e.detail.formId, code: res.code }, () => { // 将表单提交给服务器,传入formId和code wx.showToast({ title: '提交成功', icon: 'success', duration: 1500 }) // 提交成功后,由服务器发送模板消息 server.sendTemplateMessage(res => { console.log('模板消息发送结果:', res.data) }) }) }, }) } }})// 模拟服务器端代码var server = { appid: '', // 在此处填写自己的appid secret: '', // 在此处填写自己的secret // 用于保存用户的openid和formId user: { openid: '', formId: '' }, // 用于接收表单,调用this.getOpenid()根据code换取openid post: function(data, success) { console.log('收到客户端提交的数据:', data) this.user.formId = data.formId this.getOpenid(data.code, res => { console.log('用户openid:' + res.data.openid) this.user.openid = res.data.openid success() }) }, // 用于根据code获取openid getOpenid: function(code, success) {}, // 用于发送模板消息 getOpenid: function(code, success) { wx.request({ url: 'https://api.weixin.qq.com/sns/jscode2session', data: { appid: this.appid, secret: this.secret, grant_type: 'authorization_code', js_code: code }, success: success }) }, // 用于发送模板消息 sendTemplateMessage: function(success) { var user = this.user var data = { touser: user.openid, template_id: '……', // 在此处填写模板id page: 'index', form_id: user.formId, data: { keyword1: { value: '王辉辉、张琳琳' }, keyword2: { value: '谢谢你的祝福' }, keyword3: { value: '请记得按时参加婚宴哦' }, keyword4: { value: '北京市海淀区XX路XX酒店' } } } this.getAccessToken(res => { var token = res.data.access_token console.log('服务器access_token:' + token) var url = 'https://api.weixin.qq.com/cgi-bin/message/wxopen/template/send?access_token=' + token wx.request({ url: url, method: 'post', data: data, success: success }) }) }, // 用于获取access_token getAccessToken: function(success) { var url = 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=' + this.appid + '&secret=' + this.secret wx.request({ url: url, success: success }) }}

用户评论 (0)

发表评论

captcha