医院预约挂号系统微信小程序项目分享

不知不觉已经毕业一年多了，分享一个大学毕业设计完成的作品，这个是一个医院预约挂号的小程序系统，这个项目比较简易理解，很适合做计算机期末作业或者毕业设计。

医院预约挂号系统微信小程序项目主要的功能模块分析如下：

对该系统进行分析与设计，有以下几个主要的功能模块：

（1）添加科室：通过后台管理系统新增对应的科室，可以对科室数据进行增删改查。

（2）添加医生：在后台管理系统录入医生相关信息，绑定所属科室，可以对医生进行增删改查。

（3）添加轮播图：在后台管理系统有一个新增广告轮播图的模块，可以添加轮播图，会在小程序首页进行展示。

（4）预约记录和用户列表管理：在后台管理系统可以查看相关用户数据，以及用户的预约记录。

（5）小程序登录：小程序端进行微信登录绑定对应账号，通过openid进行绑定。

（6）用户挂号预约：小程序端用户可以查看医生详情信息进行预约挂号。

（7）科室和搜索检索医生列表：小程序端根据科室绑定医生或者搜索，可以查找到对应的医生数据。

医院预约挂号系统微信小程序项目主要页面界面如下：

//index.js

//获取应用实例

const app = getApp()

Page({

  data: {

    'swiperImgs':[],  //轮播图

    'bannerCurrentSwiper': 0,

    'imgHost':'',  //用于存放图片的主机名前缀

    'searchVal':'',  //搜索

    'doctorArr':[]

  },

  //获取搜索输入框值

  getSearchVal:function(e){

    this.setData({

      'searchVal':e.detail.value

    });

  },

  //点击搜索进行搜索操作

  searchFun:function(e){

    wx.navigateTo({

      url: '../doctorList/doctorList?searchval='+e.detail.value

    })

  },

  //轮播图滚动事件

  bannerSwiperChange: function (event) {

    this.setData({

      'bannerCurrentSwiper':event.detail.current

    })

  },

  //获取轮播图图片

  getbanner:function(){

    var that=this;

    app.requestFun(

      app.globalData.apiConfig.getbanner,

      'GET',

      {},

      function (res) {

        if(res.statusCode==200){

          if(res.data.code==1){

            that.setData({

              swiperImgs: res.data.data

            })

          }

        }

      }

    )

  },

  //获取轮播图图片

  getdoctor:function(){

    var that=this;

    app.requestFun(

      app.globalData.apiConfig.getdoctor,

      'GET',

      {},

      function (res) {

        if(res.statusCode==200){

          if(res.data.code==1){

            that.setData({

              doctorArr: res.data.data

            })

          }

        }

      }

    )

  },

  onLoad: function () {

    var that=this;

    wx.setNavigationBarTitle({ title: '首页' });

    that.getbanner();

    that.getdoctor();

    that.setData({

      'imgHost': app.globalData.apiConfig.imgHost

    })

  },

  goDoctorList:function(){

    wx.navigateTo({

      'url':'../doctorList/doctorList?type='+0

    })

  },

  goDoctorDetail:function(ev){

    var id=ev.currentTarget.dataset.id;

    wx.navigateTo({

      'url': '../doctorDetail/doctorDetail?id='+id

    })

  }

})

以上是我项目的相关界面和代码，如果你有什么技术上的难题，开发时遇到的问题，欢迎随时交流