這(zhè)個(gè)是(shì)一個(gè)醫院預約挂号的(de)小程序系統，這(zhè)個(gè)項目比較簡易理解，很适合做計算機期末作業或者畢業設計。

醫院預約挂号系統微信小程序項目主要(yào / yāo)的(de)功能模塊分析如下：

對該系統進行分析與設計，有以(yǐ)下幾個(gè)主要(yào / yāo)的(de)功能模塊：

（1）添加科室：通過後台管理系統新增對應的(de)科室，可以(yǐ)對科室數據進行增删改查。

（2）添加醫生：在(zài)後台管理系統錄入醫生相關信息，綁定所屬科室，可以(yǐ)對醫生進行增删改查。

（3）添加輪播圖：在(zài)後台管理系統有一個(gè)新增廣告輪播圖的(de)模塊，可以(yǐ)添加輪播圖，會在(zài)小程序首頁進行展示。

（4）預約記錄和(hé / huò)用戶列表管理：在(zài)後台管理系統可以(yǐ)查看相關用戶數據，以(yǐ)及用戶的(de)預約記錄。

（5）小程序登錄：小程序端進行微信登錄綁定對應賬号，通過openid進行綁定。

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

（7）科室和(hé / huò)搜索檢索醫生列表：小程序端根據科室綁定醫生或者搜索，可以(yǐ)查找到(dào)對應的(de)醫生數據。

醫院預約挂号系統微信小程序項目主要(yào / yāo)頁面界面如下：
????????

下面是(shì)小程序首頁的(de)部分代碼 
`

class="searchCon">
  <image src="../../images/searchIcon.png">image>
  <input type="text" placeholder="請輸入你要(yào / yāo)搜索的(de)醫生姓名" 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">
    相關醫生
  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
//獲取應用實例
const app = getApp()

Page({
data: {

'swiperImgs':[],  //輪播圖
'bannerCurrentSwiper': 0,
'imgHost':'',  //用于(yú)存放圖片的(de)主機名前綴
'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
})