经过我们所写的上一文章:微信小程序会议OA系统其他页面-CSDN博客
在我们的是基础面板上面,可以看到出来我们的数据是死数据,今天我们就完善我们的是数据
在我们去完成项目之前我们要把我们的项目后台准备好资源我放在我资源中,大家可以用于参考,也可以去使用
这个是我们用来导入的
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd"> 4.0.0 org.springframework.boot spring-boot-starter-parent 2.6.2 com.zking minoa 0.0.1-SNAPSHOT minoa Demo project for Spring Boot 1.8 1.2.70 2.9.8 org.springframework.boot spring-boot-starter-jdbc org.springframework.boot spring-boot-starter-web org.mybatis.spring.boot mybatis-spring-boot-starter 2.2.1 mysql mysql-connector-java 5.1.44 runtime org.projectlombok lombok true com.alibaba fastjson ${fastjson.version} org.springframework.boot spring-boot-maven-plugin org.projectlombok lombok org.mybatis.generator mybatis-generator-maven-plugin 1.3.2 mysql mysql-connector-java ${mysql.version} true
这个应用于生成mapper接口,model实体类以及mapper映射文件
spring: > #type连接池类型 DBCP,C3P0,Hikari,Druid,默认为Hikari type: com.zaxxer.hikari.HikariDataSource driver-class-name: com.mysql.jdbc.Driver url: jdbc:mysql://localhost:3306/mybatis_oapro?useUnicode=true&characterEncoding=UTF-8&useSSL=false username: root password: 123456
@MapperScan("com.zking.minoa.mapper") //指mapper接口所在包
在我们使用我们的微信小程序开发之前我们可以不我们的之前所配置的Mock等等关闭
loadMeetingInfo(){ let that=this; wx.request({ url: api.IndexUrl, > success(res) { console.log(res) that.setData({ lists:res.data.data.infoList
在我们添加后,我们要在生命周期函数加入以下代码
onLoad(options) { // this.loadSwiperImgs(); // this.loadMeetingInfos(); this.loadMeetingInfo();//首页会议信息
{{tools.getNum(item.canyuze,item.liexize,item.zhuchiren)}} 人报名
const formatTime = date => { const year = date.getFullYear() const month = date.getMonth() + 1 const day = date.getDate() const hour = date.getHours() const minute = date.getMinutes() const second = date.getSeconds() return `${[year, month, day].map(formatNumber).join('/')} ${[hour, minute, second].map(formatNumber).join(':')}` const formatNumber = n => { n = n.toString() return n[1] ? n : `0${n}` * 封装微信的request请求 function request(url,> return new Promise(function (resolve, reject) { wx.request({ url: url, > method: method, header: { 'Content-Type': 'application/json', success: function (res) { if (res.statusCode == 200) { resolve(res.data);//会把进行中改变成已成功 } else { reject(res.errMsg);//会把进行中改变成已失败 fail: function (err) { reject(err) module.exports = { formatTime,request
const util = require("../../utils/util.js")
loadMeetingInfo(){ util.request(api.IndexUrl).then(res=>{ this.setData({ lists:res.data.infoList // let that=this; // wx.request({ // url: api.IndexUrl, // > // success(res) { // console.log(res) // that.setData({ // lists:res.data.data.infoList
在微信开发者工具里面,右键可以直接创建.wxs
文件,在其中直接编写 WXS 脚本。如下:
// /pages/comm.wxs function getStateName(state){ if(state == 1){ return "待审核" }else if(state == 2){ return "审核通过" }else if(state == 3){ return "审核不通过" }else if(state == 4){ return "待开会议" return "其他" module.exports = { getStateName: getStateName
在我们的index.wxml中引入wxs,代码如下:
将index.wxml中class为state的view代码块改为以下代码
{{tools.getStateName(item.state)}}
在我们的comm.wxs中加入以下代码
{{tools.getNum(item.canyuze,item.liexize,item.zhuchiren)}} 人报名
function getNum(canyuze,liexize,zhuchiren){ var person = canyuze + "," + liexize + "," + zhuchiren; return person.split(",").length; module.exports = { getStateName: getStateName, getNum: getNum
然后在index.wxml中class为list-num的view代码块改为以下代码
{{tools.getNum(item.canyuze,item.liexize,item.zhuchiren)}} 人报名
function formatDate(ts, option) { var date = getDate(ts) var year = date.getFullYear() var month = date.getMonth() + 1 var day = date.getDate() var week = date.getDay() var hour = date.getHours() var minute = date.getMinutes() var second = date.getSeconds() //获取 年月日 if (option == 'YY-MM-DD') return [year, month, day].map(formatNumber).join('-') //获取 年月 if (option == 'YY-MM') return [year, month].map(formatNumber).join('-') //获取 年 if (option == 'YY') return [year].map(formatNumber).toString() //获取 月 if (option == 'MM') return [mont].map(formatNumber).toString() //获取 日 if (option == 'DD') return [day].map(formatNumber).toString() //获取 年月日 周一 至 周日 if (option == 'YY-MM-DD Week') return [year, month, day].map(formatNumber).join('-') + ' ' + getWeek(week) //获取 月日 周一 至 周日 if (option == 'MM-DD Week') return [month, day].map(formatNumber).join('-') + ' ' + getWeek(week) //获取 周一 至 周日 if (option == 'Week') return getWeek(week) //获取 时分秒 if (option == 'hh-mm-ss') return [hour, minute, second].map(formatNumber).join(':') //获取 时分 if (option == 'hh-mm') return [hour, minute].map(formatNumber).join(':') //获取 分秒 if (option == 'mm-dd') return [minute, second].map(formatNumber).join(':') //获取 时 if (option == 'hh') return [hour].map(formatNumber).toString() //获取 分 if (option == 'mm') return [minute].map(formatNumber).toString() //获取 秒 if (option == 'ss') return [second].map(formatNumber).toString() //默认 时分秒 年月日 return [year, month, day].map(formatNumber).join('-') + ' ' + [hour, minute, second].map(formatNumber).join(':') function formatNumber(n) { n = n.toString() return n[1] ? n : '0' + n function getWeek(n) { switch(n) { case 1: return '星期一' case 2: return '星期二' case 3: return '星期三' case 4: return '星期四' case 5: return '星期五' case 6: return '星期六' case 7: return '星期日'
导出
module.exports = { getStateName: getStateName, getNum: getNum, formatDate: formatDate
在index.wxml中class为list-info的view代码块代码改为以下代码
{{item.location}} |{{tools.formatDate(item.starttime)}}
本文地址:https://www.0558.la/article/7a04958d3ac773132843.html