不知不覺已經(jīng)畢業(yè)一年多了，分享一個大學(xué)畢業(yè)設(shè)計完成的作品，這個是一個醫(yī)院預(yù)約掛號的小程序系統(tǒng)，這個項目比較簡易理解，很適合做計算機期末作業(yè)或者畢業(yè)設(shè)計。
醫(yī)院預(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）預(yù)約記錄和用戶列表管理：在后臺管理系統(tǒng)可以查看相關(guān)用戶數(shù)據(jù)，以及用戶的預(yù)約記錄。
（5）小程序登錄：小程序端進行微信登錄綁定對應(yīng)賬號，通過openid進行綁定。
（6）用戶掛號預(yù)約：小程序端用戶可以查看醫(yī)生詳情信息進行預(yù)約掛號。
（7）科室和搜索檢索醫(yī)生列表：小程序端根據(jù)科室綁定醫(yī)生或者搜索，可以查找到對應(yīng)的醫(yī)生數(shù)據(jù)。
醫(yī)院預(yù)約掛號系統(tǒng)微信小程序項目主要頁面界面如下：
//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
? ? })
? }
})
以上是我項目的相關(guān)界面和代碼，如果你有什么技術(shù)上的難題，開發(fā)時遇到的問題，歡迎隨時交流
