基于微信小程序的自习室预约系统的设计与实现

这篇具有很好参考价值的文章主要介绍了基于微信小程序的自习室预约系统的设计与实现。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

个人介绍

hello hello~ ,这里是 code袁~💖💖 ,欢迎大家点赞🥳🥳关注💥💥收藏🌹🌹🌹
基于微信小程序的自习室预约系统的设计与实现,项目成果,微信小程序,小程序,毕业设计,自习室预约,node.js
🦁作者简介:一名喜欢分享和记录学习的在校大学生
💥个人主页:code袁
💥 个人QQ:2647996100
🐯 个人wechat:code8896

专栏导航

code袁系列专栏导航
1.毕业设计与课程设计:本专栏分享一些毕业设计的源码以及项目成果。🥰🥰🥰
2.微信小程序开发:本专栏从基础到入门的一系开发流程,并且分享了自己在开发中遇到的一系列问题。🤹🤹🤹
3.vue开发系列全程线路:本专栏分享自己的vue的学习历程。

非常期待和您一起在这个小小的互联网世界里共同探索、学习和成长。💝💝💝 ✨✨ 欢迎订阅本专栏 ✨✨ 

基于微信小程序的自习室预约系统的设计与实现,项目成果,微信小程序,小程序,毕业设计,自习室预约,node.js


视频演示

基于微信小程序的自习室预约系统的设计与实现

1、前言介绍

伴随着信息技术与互联网技术的不断发展,校园也进到了一个新的信息化时代,传统管理技术性没法高效率、容易地管理自习室预约信息内容。为了实现时代的发展必须,提升自习室预约高效率,各种各样自习室预约体系应时而生,自习室预约管理系统的实现是信息内容时代浪潮时代的产物之一。一切系统都要遵循系统设计的基本流程。它还需要通过市场调查、需求分析报告、汇总设计、详尽设计以及测试,根据node语言表达设计,完成实验室预约管理系统。该系统根据B/S,即所谓的电脑浏览器/网络服务器方式,运用Java技术,前端采用微信小程序等技术实现,选用MySQL作为后台系统。

2、功能设计

自习室预约管理平台选用B/S架构模式,即网页页面和网站架构设计的开发方式。这类系统构造可以理解为对 C/S 系统构造的改变与推广能够进行信息分布式处理,减少资源成本,提升订制系统的性能。在这种设计下,极少有事务处理在前进行,绝大多数重要事务管理的思路需要在服务端完成。

基于微信小程序的自习室预约系统的设计与实现,项目成果,微信小程序,小程序,毕业设计,自习室预约,node.js

3、功能实现

系统登录功能是程序必不可少的功能,在登录页面必填的数据有两项,一项就是账号,另一项数据就是密码,当管理员正确填写并提交这二者数据之后,管理员就可以进入系统后台功能操作区。下图就是管理员登录页面。

基于微信小程序的自习室预约系统的设计与实现,项目成果,微信小程序,小程序,毕业设计,自习室预约,node.js
目管理页面提供的功能操作有:查看自习室,删除自习室操作,新增自习室操作,修改自习室操作。下图就是实验室管理页面
基于微信小程序的自习室预约系统的设计与实现,项目成果,微信小程序,小程序,毕业设计,自习室预约,node.js
公告信息管理页面提供的功能操作有:新增公告,修改公告,删除公告操作。下图就是公告信息管理页面。
基于微信小程序的自习室预约系统的设计与实现,项目成果,微信小程序,小程序,毕业设计,自习室预约,node.js
基于微信小程序的自习室预约系统的设计与实现,项目成果,微信小程序,小程序,毕业设计,自习室预约,node.js
基于微信小程序的自习室预约系统的设计与实现,项目成果,微信小程序,小程序,毕业设计,自习室预约,node.js
基于微信小程序的自习室预约系统的设计与实现,项目成果,微信小程序,小程序,毕业设计,自习室预约,node.js
基于微信小程序的自习室预约系统的设计与实现,项目成果,微信小程序,小程序,毕业设计,自习室预约,node.js
基于微信小程序的自习室预约系统的设计与实现,项目成果,微信小程序,小程序,毕业设计,自习室预约,node.js
基于微信小程序的自习室预约系统的设计与实现,项目成果,微信小程序,小程序,毕业设计,自习室预约,node.js

4、开发技术简介

本节介绍场馆预约平台用到的一些技术和开发环境的简介,用到开发技术主要包括:
(1)前端用到Element UI组件库和Vue框架
(2)后端用到Node
(3)包管理器Npm
(4)中间件Express
(5)数据库MySQL
系统开发环境主要是:前端开发工具Vscode,Hbuilder、操作系统Win10、CPU i5-9300H、内存8G。

5、系统物理架构

自习室系统的物理架构主要有:管理端和用户端,其中管理端主要是基于Vue和Element UI,用户端主要基于安卓、微信小程序和H5自习室系统的物理建构图

基于微信小程序的自习室预约系统的设计与实现,项目成果,微信小程序,小程序,毕业设计,自习室预约,node.js

6、系统流程图

用户发起预约时首先会检测用户是否登录,若登录则进入到相应的预约界面,此时用户可以选择需要预约的时间段以及场地。当用户预约成功时用户会在我的预约中找到这次预约。当用户去场馆时可以通过预约生成的二维码来验证身份。若用户的预约时间失效也会有响应的提示

基于微信小程序的自习室预约系统的设计与实现,项目成果,微信小程序,小程序,毕业设计,自习室预约,node.js

7、库表设计

基于微信小程序的自习室预约系统的设计与实现,项目成果,微信小程序,小程序,毕业设计,自习室预约,node.js
基于微信小程序的自习室预约系统的设计与实现,项目成果,微信小程序,小程序,毕业设计,自习室预约,node.js
基于微信小程序的自习室预约系统的设计与实现,项目成果,微信小程序,小程序,毕业设计,自习室预约,node.js

8、关键代码
// pages/xgxx/xgxx.js
const db=wx.cloud.database()
const {updateUser} =require('../../api/login')
Page({

  /**
   * 页面的初始数据
   */
  data: {
    openid:'',
    userInfo:'',
    xy_index:0,
    nj_index:0,
    imgUrl:''
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var userinfo =wx.getStorageSync('userInfo')
    this.setData({
      userInfo:userinfo
    })
  },
  bindchangenj:function(e){
    console.log(e.detail.value)
    this.setData({
      nj_index:e.detail.value
    })
  },
  bindchangexy:function(e){
    console.log(e.detail.value)
    this.setData({
      xy_index:e.detail.value
    })
  },
  changImg(res){
    let that=this
    wx.chooseImage({
      count: 1,
      sizeType: ['original', 'compressed'],
      sourceType: ['album', 'camera'],
      success (res) {
        var imgsFile = res.tempFilePaths[0];
        wx.uploadFile({
          filePath: imgsFile,
          name: 'file',
          url: 'http://localhost:3000/upload/upload',
          success: res => {
           that.data.imgUrl=JSON.parse(res.data).url
           console.log(JSON.parse(res.data).url)
          }
        })
        console.log(that.data.imgUrl)
      }
      
    })
  },
  //提交修改
  formSubmit(e){
    var userinfo =wx.getStorageSync('userInfo')
     //判断
     let img=""
     if(this.data.imgUrl!=''){
          img=this.data.imgUrl
     }else{
          img=userinfo.imgUrl
     }
      let userInfo={
          id:userinfo.id,
          username:e.detail.value.name,
          phone:e.detail.value.phone,
          imgUrl:img,
          address:e.detail.value.address,
          password:e.detail.value.password
      }
      console.log("1",userInfo)
      updateUser(userInfo).then(res=>{
        wx.showToast({
            icon:'none',
            title: '修改成功',
          })
         wx.setStorageSync('userInfo', userInfo )
      })
  },
  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})
var express = require('express');
var router = express.Router();
var connection=require('../db/sql.js')

router.post('/addReservation',(req,res)=>{
    console.log(req.body)
   let username=req.body.username
   let phone=req.body.phone
   let placeName=req.body.placeName
   let address=req.body.address
   let endtime=req.body.endtime
   let price=req.body.price
   let isReservation=req.body.isReservation
   let isCancle=req.body.isCancle
   let id=req.body.status
   let starttime=req.body.starttime
   let placeNumber=req.body.placeNumber
   let reservationId=req.body.reservationId
   let status=1
   let steatId=id
   let data=req.body.data
   let sql='insert into  reservation value(null,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?)'
   connection.query(sql,[username,phone,placeName,address,endtime,price,isReservation,isCancle,starttime,placeNumber,reservationId,'0','0',null,null,steatId,data],(error,result)=>{
    if(error) return console.log(error.message)
    if(result.affectedRows===1){
        let sql1='update steat set status=? where id=?'
        connection.query(sql1,[status,id],(error,result)=>{
            if(error) return console.log(error.message)
            res.send({
                code:200,
                msg:"预约成功"
            })
        })
    }else{
        res.send({
            code:200
        })
    }
   })
})
//查询预约表
router.post('/getReservation',(req,res)=>{
    let phone=req.body.phone
    let sql='select * from reservation where phone=?'
    connection.query(sql,[phone],(error,result)=>{
        if(error) return console.log(error.message)
        res.send({
            code:200,
            data:{
                data:result
            }
        })
    })
})
//取消预约
router.post('/deteleReservation',(req,res)=>{
    let id=req.body.id
    let username=req.body.username
    let phone=req.body.phone
    let reason=req.body.reason
    let placeName=req.body.placeName
    let cancelTime=req.body.cancelTime
    let isCancle=1
    let isReservation=0
    let steatId=req.body.steatId
    let status=0
    console.log(steatId)
    let sql='update reservation set isCancle=?,isReservation=? where id=?'
    connection.query(sql,[isCancle,isReservation,id],(error,result)=>{
        if(error) return console.log(error.message)
        if(result.affectedRows===1){
         let sql='insert into cancel value(null,?,?,?,?,?)'
         connection.query(sql,[reason,phone,username,placeName,cancelTime],(error,result)=>{
            if(error) return console.log(error.message)
            if(result.affectedRows==1){
                let sql='update steat set status=? where id=?'
                connection.query(sql,[status,steatId],(error,result)=>{
                    res.send({
                        code:200,
                        msg:"取消成功"
                    })
                })
            }
         })
        }else{
            res.send({
                code:403,
                msg:"取消失败"
            })
        }
    })
})

//查询取消表单个人
router.post('/getCancel',(req,res)=>{
    let phone=req.body.phone
    let sql='select * from cancel where phone=?'
    connection.query(sql,[phone],(error,result)=>{
        if(error) return console.log(error.message)
        res.send({
            code:200,
            data:{
                data:result
            }
        })
    })
})
//查询取消
router.get('/getCancel',(req,res)=>{
    let sql='select * from cancel '
    connection.query(sql,(error,result)=>{
        if(error) return console.log(error.message)
        res.send({
            code:200,
            data:{
                data:result
            }
        })
    })
})
//删除取消
router.post('/deletecancel', function(req, res, next) {
    //查询数据
    const id=req.query.id
    console.log(id)
  let sql = "delete from cancel where id = ?";
  connection.query(sql,[id],function(err,result,fields){
   if(err) return console.log(err.message)
   res.send({
    code:200,
    data:{
      msg:"删除成功"
    }
    })  
    })
});

//查询预约表
router.get('/getAllReservation',(req,res)=>{
    let sql='select * from reservation'
    connection.query(sql,(error,result)=>{
        if(error) return console.log(error.message)
        res.send({
            code:200,
            data:{
                data:result
            }
        })
    })
})

//通过姓名查询预约
router.post('/searchAllReservation',(req,res)=>{
    let username=req.query.username
    let sql='select * from reservation where username=?'
    connection.query(sql,[username],(error,result)=>{
        if(error) return console.log(error.message)
        res.send({
            code:200,
            data:{
                data:result
            }
        })
    })
})
//删除预约表信息
router.post('/deleteAllReservation', function(req, res, next) {
    //查询数据
    const id=req.query.id
    console.log(id)
  let sql = "delete from reservation where id = ?";
  connection.query(sql,[id],function(err,result,fields){
   if(err) return console.log(err.message)
   res.send({
    code:200,
    data:{
      msg:"删除成功"
    }
    })  
    })
});
//修改预约表
router.post('/updateAllReservation',function(req,res,next){
    let id=req.query.id
   let sql='update reservation set ? where id=?'
   connection.query(sql,[req.query,id],function(error,results){
     if(error) return console.log(error.message)
     res.send({
       code:200,
       data:{
         msg:'修改成功'
       }
     })
   })
  })
module.exports=router
9、源码获取

大家点赞、收藏、关注、评论啦 、查看👇🏻获取联系方式👇🏻

10、 🎉写在最后

🍻伙伴们,如果你已经看到了这里,觉得这篇文章有帮助到你的话不妨点赞👍或 Star ✨支持一下哦!手动码字,如有错误,欢迎在评论区指正💬~

你的支持就是我更新的最大动力💪~

基于微信小程序的自习室预约系统的设计与实现,项目成果,微信小程序,小程序,毕业设计,自习室预约,node.js文章来源地址https://www.toymoban.com/news/detail-857439.html

到了这里,关于基于微信小程序的自习室预约系统的设计与实现的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序 图书馆自习室座位预约管理系统设计与实现(源码+文档)

    座位预约小程序目录 目录 基于微信小程序的图书馆自习室座位预约管理系统设计与实现 一、前言 二、系统功能设计 三、系统实现 1、管理员服务端功能模块 2、学生微信端功能模块 四、数据库设计 1、实体ER图 五、核心代码 六、论文参考 七、最新计算机毕设选题推荐 八、

    2024年02月19日
    浏览(62)
  • 微信小程序毕业设计作品成品(58)微信小程序自习室图书馆座位预约系统设计与实现

    博主介绍: 《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注大学生毕业设计教育和辅导。 所有项目都配有从入门到精通的基础知识视频课程,免费 项目配有对应开发文档、开题报告、任务书、PPT、论文模版

    2024年02月07日
    浏览(50)
  • 微信小程序自习室图书馆座位预约系统设计与实现(PHP+Mysql后台)

     博主介绍 :黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注大学生毕业设计教育和辅导。 所有项目都配有从入门到精通的基础知识视频课程,学习后应对毕业设计答辩。 项目配有对应开发文档、

    2024年02月19日
    浏览(49)
  • 微信小程序Vue+nodejs教室自习室座位预约系统68u2m

    本文从管理员、用户的功能要求出发,教室预约系统小程序中的功能模块主要是实现管理端;首页、个人中心、教室信息管理、教室设备管理、用户管理、教室预约管理、管理员管理、系统管理,微信端;首页、教室信息、教室设备、教室预约、我的功能。经过认真细致的研

    2024年02月05日
    浏览(43)
  • 微信小程序毕业设计作品成品(62)微信小程序自习室教室图书馆座位预约系统设计与实现

    博主介绍: 《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注大学生毕业设计教育和辅导。 所有项目都配有从入门到精通的基础知识视频课程,免费 项目配有对应开发文档、开题报告、任务书、PPT、论文模版

    2024年02月08日
    浏览(47)
  • 基于SpringBoot+Vue+uniapp微信小程序的图书馆自习室座位预约管理的详细设计和实现

    💗 博主介绍 :✌全网粉丝10W+,CSDN特邀作者、博客专家、CSDN新星计划导师、全栈领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战✌💗 👇🏻 精彩专栏 推荐订阅 👇🏻 2023-2024年最值得选的微信小程序毕业设

    2024年04月25日
    浏览(47)
  • 基于微信小程序的自习室系统设计与实现,可作为毕业设计

    博主介绍:✌程序员徐师兄、7年大厂程序员经历。全网粉丝30W+、csdn博客专家、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌ Java 基于微信小程序的自习室预约系统 本文研发的基于微信小程序的新乡学院自习室预约系统结合高校具体的实际,

    2024年02月09日
    浏览(43)
  • 基于微信小程序的毕业设计——自习室管理系统(附源码+论文)

    :微信小程序;自习室管理;图书馆管理;毕业;我们专注于软件开发工程领域,熟练掌握多种开发技术,包括基于SpringBoot、Vue.js、SSM框架的应用开发,以及针对Android APP和微信小程序的开发。 (具体流程参见文章最后段落) 一、引言 随着移动互联网的普及和智能手

    2024年01月19日
    浏览(41)
  • 基于微信小程序的付费自习室

    博主介绍:✌程序员徐师兄、7年大厂程序员经历。全网粉丝30W+、csdn博客专家、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌ Java 基于微信小程序的自习室预约系统 本文研发的基于微信小程序的新乡学院自习室预约系统结合高校具体的实际,

    2024年02月08日
    浏览(38)
  • 基于Java+Vue+uniapp微信小程序研学自习室选座与门禁系统设计和实现

    博主介绍 : ✌ 全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战 ✌ 🍅 文末获取源码联系 🍅 👇🏻 精彩专栏 推荐订阅 👇🏻 不然下次找不到哟 2022-2024年

    2024年02月02日
    浏览(51)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包