微信小程序消息通知-打卡考勤
发布时间:2020-12-14 19:28:50 所属栏目:资源 来源:网络整理
导读:微信小程序消息通知-打卡考勤 效果: 稍微改一下js就行,有不必要的错误,我就不改了,哈哈! index.js //index.js const app = getApp() // 填写微信小程序appid var appid = '' ; // 填写微信小程序secret var secret = '' ;Page({ // 页面数据 data: { access_
微信小程序消息通知-打卡考勤 效果: 稍微改一下js就行,有不必要的错误,我就不改了,哈哈! index.js //index.js
const app = getApp()
// 填写微信小程序appid
var appid = '';
// 填写微信小程序secret
var secret = '';
Page({
// 页面数据
data: {
access_token: '',openid: // 表单请求
formRequst: function (e) {
var that = this;
// 登录
wx.login({
success: res => {
// 调用接口获取登录凭证(code)
console.log("获取code 成功",res.code);
var code = res.code;
// 获取openId
wx.request({
url: 'https://api.weixin.qq.com/sns/jscode2session?appid=' + appid + '&secret=' + secret + '&grant_type=authorization_code&js_code=' + code,header: {
'content-type': 'application/json' //默认值
},success: function (res) {
"获取openid 成功",res.data.openid);
var openid = res.data.openid;
that.setData({
openid: openid
})
// wx.setStorageSync("openid",openid)
// 获取 access_token
wx.request({
url: 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=' + appid + '&secret=' + secret,method: 'GET',header: {
//默认值
},136);">// 成功
success: function (res) {
"获取小程序 access_token 成功",res.data.access_token);
that.setData({
access_token: res.data.access_token
})
// 上上一步
},136);">// 失败
fail: function (err) {
"获取小程序 access_token 失败",err);
}
})
// 上一步
},fail: function (err) {
"获取openid 失败",err);
}
})
}
})
},136);">// 提交表单
formSubmit: function (e) {
'form发生了submit事件,携带数据为:',e.detail.value);
// 发送模板消息
wx.request({
url: 'https://api.weixin.qq.com/cgi-bin/message/wxopen/template/send?access_token=' + that.data.access_token,data: {
// openid
"touser": wx.getStorageSync("openid"),136);">// 模板消息的id
"template_id": "",136);">// "form_id": "FORMID",
"form_id": e.detail.formId,data: {
"keyword1": {
"value": "2018.10.10"
},"keyword2": {
"小红"
}
},0);">"emphasis_keyword": "keyword1.DATA"
},0);">'POST',136);">// 成功
success: function (res) {
var data = res.data;
"sendTemplateMessage 成功",data);
wx.showToast({
title: '发送成功',icon: 'success'
})
},136);">// 失败
fail: function (err) {
"sendTemplateMessage 失败",err);
}
})
},136);">/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
// this.formSubmit();
},136);">/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},136);">/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
this.formRequst();
},136);">/**
* 生命周期函数--监听页面隐藏
*/
onHide: /**
* 生命周期函数--监听页面卸载
*/
onUnload: /**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: /**
* 页面上拉触底事件的处理函数
*/
onReachBottom: /**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
index.wxml
>
<!-- 标题 -->
<'title'>
<text>考勤打卡</text>
</view>
<form class="text" report-submit="true" bindsubmit='formSubmit' bindreset='formReset'>
<!-- 考勤填表 -->
<input name="date" placeholder='日期' class='input'></input>
<"name" placeholder='姓名' class=input>
<!-- 按钮设置 -->
<'btn'>
<button form-type='submit' type='primary'>提交</button>
<'reset' type='primary'>重置</button>
</view>
</form>
</view>
/**index.wxss**/
.page {
margin: 0rpx 50rpx 50rpx;
font-size: background-color: lavender;
}
.title {
text-align: center;
}
.input {
0rpx;
width: 100%;
}
.btn {
display: flex;
flex-direction: row;
}
往后余生,唯独有你 简书作者:达叔小生 90后帅气小伙,良好的开发习惯;独立思考的能力;主动并且善于沟通 简书博客:?https://www.jianshu.com/u/c785ece603d1 结语
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |