⾃习室⽹上预约系统设计_毕业设计--医院预约挂号系统⼩
程序项⽬分享
随着每年毕业季的到来，让⼈烦恼的毕业设计也随着⽽来，可能⼤多数毕业⽣都在困扰毕业设计做什么才⽐较好，作为⼀个计算机系毕业⼏年的社会⼈，分享⼀个⼩项⽬，希望可以给毕业⽣到⼀些灵感。这个是⼀个医院预约挂号的⼩程序系统，这个项⽬⽐较简易理解，很适合做计算机期末作业或者毕业设计。
医院预约挂号系统⼩程序项⽬主要的功能模块分析如下：
对该系统进⾏分析与设计，有以下⼏个主要的功能模块：
（1）添加科室：通过后台管理系统新增对应的科室，可以对科室数据进⾏增删改查。
（2）添加医⽣：在后台管理系统录⼊医⽣相关信息，绑定所属科室，可以对医⽣进⾏增删改查。
（3）添加轮播图：在后台管理系统有⼀个新增⼴告轮播图的模块，可以添加轮播图，会在⼩程序⾸页进⾏展⽰。
（4）预约记录和⽤户列表管理：在后台管理系统可以查看相关⽤户数据，以及⽤户的预约记录。
（5）⼩程序登录：⼩程序端进⾏登录绑定对应账号，通过openid进⾏绑定。
（6）⽤户挂号预约：⼩程序端⽤户可以查看医⽣详情信息进⾏预约挂号。
医院预约挂号系统⼩程序项⽬（7）科室和搜索检索医⽣列表：⼩程序端根据科室绑定医⽣或者搜索，可以查到对应的医⽣数据。医院预约挂号系统⼩程序项⽬主要页⾯界⾯如下：
下⾯是⼩程序⾸页的部分代码
<!--index.wxml-->
<view class="indexCon">
<view class="search">
<view class="searchCon">
<image src="../../images/searchIcon.png"></image>
<input type="text" placeholder="请输⼊你要搜索的医⽣姓名" bindinput="getSearchVal" bindconfirm="searchFun"/>
</view>
</view>
<view class="bannner" wx:if="{{swiperImgs.length>0}}">
<swiper 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>
<view class="doctorCon" wx:if="{{doctorArr.length>0}}">
<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>￥{{st}}</text>
</view>
</view>
</view>
</view>
</view>
</view>
</view>js简易轮播图代码
index.js
//index.js
//获取应⽤实例
const app = getApp()
Page({
data: {
'swiperImgs':[],  //轮播图
'bannerCurrentSwiper': 0,
'imgHost':'',  //⽤于存放图⽚的主机名前缀
'searchVal':'',  //搜索

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。