微信小程序--简单的信息管理

最新推荐文章于 2024-04-24 09:54:19 发布
最新推荐文章于 2024-04-24 09:54:19 发布
阅读量1.2k 收藏 11
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42885875/article/details/103899748
版权 
//index.js
const app = getApp()
const db = wx.cloud.database()
Page({
  data: {
    username: " ",
    userId: " ",
    result:' ',
    currentId:' '
  },
  onLoad: function() {
  },

  forName: function(e) {
    this.setData({
      username: e.detail.value
    })
    console.log("username", this.data.username)
  },

  forUserId: function(e) {
    this.setData({
      userId: e.detail.value
    })
    console.log("userId", this.data.userId)
  },
  onQuery: function () {
    db.collection('exam-userinfo').where({
      username: this.data.username
    }).get({
      success: res => {
        this.setData({
          result:res.data,
          currentId: res.data[0]._id
        })
        console.log('[数据库] [查询记录] 成功: ', this.data.result,this.data.currentId)
        wx.showToast({
          title: '查询记录成功'
        })
        wx: wx.navigateTo({
          url: '/pages/second/second?currentId=' + this.data.currentId + '&username=' + this.data.username + '&userId=' + this.data.userId
        })
        
      },
      fail: err => {
        console.error('[数据库] [查询记录] 失败：', err)
      }
    })
  },
  onAdd: function () {
    db.collection('exam-userinfo').add({
      data: {
        username: this.data.username,
        userId: this.data.userId
      },
      success: res => {
        wx: wx.showToast({
          title: '提交成功'
        })
        console.log('[数据库] [新增记录] 成功，记录 _id: ', res._id)
      },
      fail: err => {
        console.error('[数据库] [新增记录] 失败：', err)
      }
    })
  },
  display: function() {
    wx:wx.navigateTo({
      url: '/pages/detail/detail?username=' + this.data.username + '&userId=' + this.data.userId
    })
  }
})

<!-- index.wxml -->
<view class='con'>
  <view class="weui-cells weui-cells_after-title">
    <view class="weui-cell ">
      <view class="weui-cell__hd">
        <view class="weui-label">姓名</view>
      </view>
      <view class="weui-cell__bd">
        <input class="weui-input" bindinput="forName" placeholder="请输入姓名" />
      </view>
    </view>
  </view>
  <view class="weui-cells weui-cells_after-title">
    <view class="weui-cell ">
      <view class="weui-cell__hd">
        <view class="weui-label">学号</view>
      </view>
      <view class="weui-cell__bd">
        <input class="weui-input" bindinput="forUserId" placeholder="请输入学号" />
      </view>
    </view>
  </view>
  <!-- 按钮 -->
  <view class="button-sp-area btn btn">
    <button class="weui-btn" type="default" bindtap="onAdd">提交</button>
    <button class="weui-btn" type="default" bindtap="display">查看所有信息</button>
    <button class="weui-btn" type="default" bindtap="onQuery">查询</button>
  </view>
</view>

/* miniprogram/pages/detail/detail.wxss */
.display {
  display: flex;
  flex-direction: row;
  margin-top: 15px;
  background-color: rgba(27, 223, 86, 0.651);
}

.name {
  margin-left: 10px;
  width: 35%;
}

.id {
  width: 50%;
}

.user {
  display: flex;
  flex-direction: row;
}

.btn {
  margin-top: 10px;
  display: flex;
  flex-direction: row;
}

.btn2 {
  margin-top: 10px;
  background-color: rgba(27, 223, 86, 0.651);
  width: 40%;
}

.btn1 {
  background-color: rgba(179, 241, 198, 0.651);
  width: 40%;
}


// miniprogram/pages/detail/detail.js
Page({
  data: {
    username: ' ',
    userId: ' ',
    queryResult: [],
    currentID: ' '
  },
  onLoad: function(options) {
    const db = wx.cloud.database()
    db.collection('exam-userinfo').get({
      success: res => {
        this.setData({
          queryResult: res.data
        })
        console.log('[数据库] [查询记录] 成功: ', res)
      },
      fail: err => {
        wx.showToast({
          icon: 'none',
          title: '查询记录失败'
        })
        console.error('[数据库] [查询记录] 失败：', err)
      }
    })
  },
  forName: function(e) {
    this.setData({
      username: e.detail.value
    })
    console.log("username", this.data.username)
  },
  forUserId: function(e) {
    this.setData({
      userId: e.detail.value
    })
    console.log("userId", this.data.userId)
  },
  onQuery: function() {
    const db = wx.cloud.database()
    // 查询当前用户所有的 counters
    db.collection('exam-userinfo').where({
      username: this.data.username
    }).get({
      success: res => {
        wx.showToast({
          title: '查询记录成功'
        })
        wx: wx.navigateTo({
          url: '/pages/second/second'
        })
        console.log('[数据库] [查询记录] 成功: ', res)
      },
      fail: err => {
        console.error('[数据库] [查询记录] 失败：', err)
      }
    })
  },
  onAdd: function() {
    const db = wx.cloud.database()
    db.collection('exam-userinfo').add({
      data: {
        username: this.data.username,
        userId: this.data.userId
      },
      success: res => {
        wx: wx.showToast({
          title: '提交成功'
        })
        console.log('[数据库] [新增记录] 成功，记录 _id: ', res._id)
      },
      fail: err => {
        console.error('[数据库] [新增记录] 失败：', err)
      }
    })
  },

})

// miniprogram/pages/second/second.js
const db = wx.cloud.database()
Page({
  data: {
    username: " ",
    userId: " ",
    currentId: ' ',
    result: [ ]
  },
  onLoad: function(options) {
    this.setData({
      currentId: options.currentId,
      username:options.username,
      userId:options.userId
    })
    db.collection('exam-userinfo').where({
      username: this.data.username
    }).get({
      success: res => {
        this.setData({
          result: res.data
        })
        console.log('second[数据库] [查询记录] 成功: ', this.data.currentId)
        wx.showToast({
          title: '查询记录成功'
        })
      },
      fail: err => {
        console.error('[数据库] [查询记录] 失败：', err)
      }
    })
  },
  onUpdate: function () {
    const db = wx.cloud.database()
    db.collection('exam-userinfo').doc(this.data.currentId).update({
      data: {
        userId:this.data.userId
      },
      success: res => {
        // this.setData({
        //   count: newCount
        // })
        wx.showToast({
          title: '更新成功',
        })
        console.log("update :" ,res.data)
      },
      fail: err => {
        icon: 'none',
          console.error('[数据库] [更新记录] 失败：', err)
      }
    })
  },
  onDeleta: function () {
    if (this.data.currentId) {
      const db = wx.cloud.database()
      db.collection('exam-userinfo').doc(this.data.currentId).remove({
        success: res => {
          wx.showToast({
            title: '删除成功',
          })
          console.log("delete :" ,res)
        },
        fail: err => {
          wx.showToast({
            icon: 'none',
            title: '删除失败',
          })
          console.error('[数据库] [删除记录] 失败：', err)
        }
      })
    } else {
      wx.showToast({
        title: '无记录可删，请见创建一个记录',
      })
    }
  }
})

<!--miniprogram/pages/second/second.wxml-->
<view>
  <view wx:for='{{result}}' wx:key='key'>
    <view>姓名:{{item.username}}</view>
    <view>学号:{{item.userId}}</view>
  </view>
  <button bindtap="onDeleta">删除</button>
  <button bindtap="onUpdate">更新</button>
</view>

// miniprogram/pages/detail/detail.js
Page({
  data: {
    username: ' ',
    userId: ' ',
    queryResult: [],
    currentID: ' '
  },
  onLoad: function(options) {
    const db = wx.cloud.database()
    db.collection('exam-userinfo').get({
      success: res => {
        this.setData({
          queryResult: res.data
        })
        console.log('[数据库] [查询记录] 成功: ', res)
      },
      fail: err => {
        wx.showToast({
          icon: 'none',
          title: '查询记录失败'
        })
        console.error('[数据库] [查询记录] 失败：', err)
      }
    })
  },
  forName: function(e) {
    this.setData({
      username: e.detail.value
    })
    console.log("username", this.data.username)
  },
  forUserId: function(e) {
    this.setData({
      userId: e.detail.value
    })
    console.log("userId", this.data.userId)
  },
  onQuery: function() {
    const db = wx.cloud.database()
    // 查询当前用户所有的 counters
    db.collection('exam-userinfo').where({
      username: this.data.username
    }).get({
      success: res => {
        wx.showToast({
          title: '查询记录成功'
        })
        wx: wx.navigateTo({
          url: '/pages/second/second'
        })
        console.log('[数据库] [查询记录] 成功: ', res)
      },
      fail: err => {
        console.error('[数据库] [查询记录] 失败：', err)
      }
    })
  },
  onAdd: function() {
    const db = wx.cloud.database()
    db.collection('exam-userinfo').add({
      data: {
        username: this.data.username,
        userId: this.data.userId
      },
      success: res => {
        wx: wx.showToast({
          title: '提交成功'
        })
        console.log('[数据库] [新增记录] 成功，记录 _id: ', res._id)
      },
      fail: err => {
        console.error('[数据库] [新增记录] 失败：', err)
      }
    })
  },

})
weixin_42885875
关注
  • 0
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
基于微信小程序的健康信息管理系统
weixin_love_java_code_的博客
07-07 262
基于微信小程序的健康信息管理系统
基于微信小程序的信息管理系统小程序 （源码 + 演示视频）
04-12
基于微信小程序的信息管理系统小程序 （源码 + 演示视频）
信息系统管理小程序
11-10
一个关于信息系统管理的小程序，需要的就下载看看吧。
探索高效校园管理：学生信息管理系统微信小程序
最新发布
gitblog_00006的博客
04-24 355
探索高效校园管理：学生信息管理系统微信小程序 项目地址:https://gitcode.com/zh-h/student-information-system-wechat-applet 项目简介 学生信息管理系统微信小程序 是一个基于微信小程序平台开发的应用，旨在帮助学校和教师更方便地管理学生的各类信息。它提供了一个简洁而全面的界面，以数字化的方式整合了成绩、出勤、个人信息等关键数据，让教育工作...
信息管理系统微信小程序.zip
05-17
该资源是一个简易的信息管理系统微信小程序。前端采用的微信小程序的自定义组件标签编写的，服务器是java语言，采用的spring+struts2+mybatis框架编写的，数据库是用的MySql.从前端到后台是比较全面的。项目的都是些增删改查的简易逻辑，如果需要练习一下，可以自行在上面扩展。其目的就是给像当初我这样的新手小白一个参考借鉴的小demo,如果在使用中有任何疑问或者说需要技术解答的可加入博主的qq群：661415118来讨论。
学生信息管理系统小程序
12-22
学生信息管理系统小程序 是我自己做的，希望大家给点意见
springboot大学校园网上图书馆信息管理系统的设计与实现小程序毕业设计源码091535
08-23 2062
学生：登录注册、首页、图书资讯、我的、入馆申请、自习室预约、自习室打卡、刊阅室、刊阅室打卡、刊阅室预约 管理员：图书资讯分类、图书资讯、登录、自习室、用户管理、入馆申请、自习室打卡、自习室预约、刊阅室预约、刊阅室打卡、图书中心、图书分类、轮播图、公告栏
微信小程序-仿喜马拉雅FM电台微信小程序
06-01
标题 "微信小程序-仿喜马拉雅FM电台微信小程序" 提示我们这个项目是关于创建一个类似于喜马拉雅FM的微信小程序。喜马拉雅FM是一款知名的在线音频分享平台，提供了丰富的有声书、音乐、新闻、课程等内容。因此，这个...
微信小程序-模仿QQ小程序
05-13
6. 状态管理：对于复杂的小程序，可能会涉及多个页面共享状态，这时可以使用微信小程序提供的全局变量或者引入第三方的状态管理库，如Vuex for WX。 7. 用户授权：微信小程序提供了获取用户信息、位置等权限的功能...
微信小程序-外卖小程序demo
05-13
在实际开发中，微信小程序还涉及到生命周期管理。每个页面都有其特定的生命周期，如onLoad、onShow、onHide等，开发者需要根据这些生命周期函数来执行相应的操作。 最后，测试和调试是必不可少的环节。微信开发者...
微信小程序-cnode社区版.zip
04-13
微信小程序中的页面路由管理是关键，它控制着小程序中不同页面之间的跳转。开发者可以使用`wx.navigateTo`、`wx.reLaunch`、`wx.switchTab`等方法实现不同页面间的导航。 8. cnode社区接口集成： "微信小程序-...
微信小程序实现的简单教务管理系统
06-02
此系统为本人本科毕业设计时所做的一个简单小程序，最简单的教务管理系统，设计数据的增删改查功能。可作为新学习微信小程序的人员的参考代码。其中的数据为写死的数据（不是直接写上去，是模拟实际应用调用获取返回的数据），实际应用时将链接改为相应的程序接口即可。
微信移动端小程序 工单管理源码.rar
07-10
微信移动端工单管理小程序源码，提供给企业用户使用的一个客服小程序，让用户通过此APP提交工单至后台，并在程序中查看处理状态。初次写微信小程序，程序还有很多地方不完善，仅可作为一个学习范例参考使用，有兴趣的自己完善，界面简陋，功能单一，测试运行效果如截图所示。
基于微信小程序的成绩查询系统的设计与实现.pdf
06-26
基于微信小程序的成绩查询系统的设计与实现.pdf
基于微信小程序的学生选课管理系统（Java后端）
03-14
基于微信小程序的学生选课管理系统（Java后端），前后端分离，微信小程序界面实现与后台java系统的交互
微信小程序后台 demo（java版）
09-22
微信小程序后台官方demo，java版 资源分3分 详细信息可参考官方网站 没有php .net c++等 各位可自行下载。。
微信小程序-模仿豆瓣电影小程序demo
05-13
在这个“微信小程序-模仿豆瓣电影小程序demo”项目中，我们将会探讨如何利用微信小程序的开发框架，模仿豆瓣电影的功能来创建一个简易版的小程序。 首先，微信小程序的核心是它的开发环境，包括微信开发者工具，它...
家教信息管理小程序
yvonneking1118的博客
06-08 148
该系统为家教服务行业提供了一个高效、便捷的信息管理解决方案。通过该系统，家教服务机构可以实现信息的统一管理和优化安排，提高了服务质量和效率。同时，客户也可以方便地查询和预约家教服务，满足了客户的需求。该系统的开发实现为行业的数字化转型提供了一个良好的案例，有着重要的意义。
联系人信息管理小程序
BarryLee的博客
04-12 1270
刚学了Myeclipse的VE(直接拖动组件生成代码)，就写了一个关于联系人信息管理的小程序，结合了文件操作，其中遇到的问题主要就是构造传参和构造接参更新界面的Validate( )必须写上使用对象流的时候，该对象必须序列化分层设计思想和面向接口编程思想模糊查询打开软件加载数据，增删改查保存数据程序很小，一共就几个类效果如图：下面给出代码，为了方便查找，就按照上面给出的包的图片顺序来放代码了1.b...
Taro开发微信小程序-用户授权手机号
08-09
在Taro开发微信小程序中，如果你需要获取用户的手机号码，可以按照以下步骤进行操作： 1. 首先，确保在微信公众平台上已经设置了小程序获取用户手机号的权限。你可以在小程序管理后台的"开发-开发设置-接口设置"中...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值