這個是一個醫(yī)院預約掛號的小程序系統(tǒng)，這個項目比較簡易理解，很適合做計算機期末作業(yè)或者畢業(yè)設(shè)計。

醫(yī)院預約掛號系統(tǒng)微信小程序項目主要的功能模塊分析如下：

對該系統(tǒng)進行分析與設(shè)計，有以下幾個主要的功能模塊：

（1）添加科室：通過后臺管理系統(tǒng)新增對應(yīng)的科室，可以對科室數(shù)據(jù)進行增刪改查。

（2）添加醫(yī)生：在后臺管理系統(tǒng)錄入醫(yī)生相關(guān)信息，綁定所屬科室，可以對醫(yī)生進行增刪改查。

（3）添加輪播圖：在后臺管理系統(tǒng)有一個新增廣告輪播圖的模塊，可以添加輪播圖，會在小程序首頁進行展示。

（4）預約記錄和用戶列表管理：在后臺管理系統(tǒng)可以查看相關(guān)用戶數(shù)據(jù)，以及用戶的預約記錄。

（5）小程序登錄：小程序端進行微信登錄綁定對應(yīng)賬號，通過openid進行綁定。

（6）用戶掛號預約：小程序端用戶可以查看醫(yī)生詳情信息進行預約掛號。

（7）科室和搜索檢索醫(yī)生列表：小程序端根據(jù)科室綁定醫(yī)生或者搜索，可以查找到對應(yīng)的醫(yī)生數(shù)據(jù)。

醫(yī)院預約掛號系統(tǒng)微信小程序項目主要頁面界面如下：
????????

下面是小程序首頁的部分代碼 
`

class="searchCon">
  <image src="../../images/searchIcon.png">image>
  <input type="text" placeholder="請輸入你要搜索的醫(yī)生姓名" bindinput="getSearchVal" bindconfirm="searchFun"/>
</view>

class='bannner_swiper' indicator-dots="true" indicator-color="#f4f4f4" indicator-active-color="#0D6EFF" autoplay="true"
  interval='2000' circular='true'>
  <block wx:for="{{swiperImgs}}">
    <swiper-item>
      <image class="bannnerImg" src='{{imgHost+item.bannerpic}}' mode='aspectFill'>image>
    swiper-item>
  block>
</swiper>

<view class="doctorTitle">
  <view class="doctorText">
    相關(guān)醫(yī)生
  view>
  <view class="more" bindtap="goDoctorList">
    更多<image src="../../images/jian.png">image>
  view>
view>
<view class="doctorList">
  <view class="doctorItem" wx:for="{{doctorArr}}" bindtap="goDoctorDetail" data-id="{{item.id}}">
    <view class="imgCon">
      <image wx:if="{{item.img}}" src="{{imgHost+item.img}}">image>
    view>
    <view class="doctorInfo">
      <view class="nameCon">
        <text class="name">{{item.name}}text>
        <text class="title">{{item.level}}text>
      view>
      <view class="classifyAndprice">
        <view class="classify">
          <text>{{item.department}}text>
        view>
        <view class="price">
          <text>￥{{item.cost}}text>
        view>
      view>
    view>
  view>
view>

`
`//index.js
//獲取應(yīng)用實例
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
})