一.前言
傳統(tǒng)的會(huì)議室預(yù)約采用人工登記的方式,效率低下,給場(chǎng)館預(yù)約用戶(hù)和場(chǎng)館管理員造成了極大不便?;谖⑿判〕绦虻臅?huì)議室預(yù)約系統(tǒng),能夠有效避免會(huì)議室預(yù)約用戶(hù)通過(guò)線下或致電的方式了解會(huì)議室各時(shí)間段的占用情況,也不需要與會(huì)議室管理員反復(fù)溝通以確認(rèn)預(yù)約。預(yù)約人員只需通過(guò)手機(jī)微信小程序即可隨時(shí)隨地了解每個(gè)會(huì)議室各個(gè)時(shí)間段的占用情況,會(huì)議室管理員可進(jìn)行線上確認(rèn)?;谖⑿判〕绦虻臅?huì)議室預(yù)約系統(tǒng)不僅提供了高效便捷的會(huì)議室預(yù)約方式,還使會(huì)議室管理員從煩瑣的預(yù)約審核工作中解脫出來(lái)。
??博主介紹:?全網(wǎng)粉絲10W+,CSDN全棧領(lǐng)域優(yōu)質(zhì)創(chuàng)作者,博客之星、掘金/華為云/阿里云等平臺(tái)優(yōu)質(zhì)作者。
???? 精彩專(zhuān)欄 推薦訂閱????
計(jì)算機(jī)畢業(yè)設(shè)計(jì)精品項(xiàng)目案例-200套
??文末獲取源碼+數(shù)據(jù)庫(kù)+文檔??
感興趣的可以先收藏起來(lái),還有大家在畢設(shè)選題,項(xiàng)目以及論文編寫(xiě)等相關(guān)問(wèn)題都可以和學(xué)長(zhǎng)溝通,希望幫助更多的人
二.技術(shù)環(huán)境
jdk版本:1.8 及以上
ide工具:Eclipse或者 IDEA,微信小程序開(kāi)發(fā)工具
數(shù)據(jù)庫(kù): mysql5.7 (必須5.7)
編程語(yǔ)言: Java
java框架:SSM
maven: 3.6.1
詳細(xì)技術(shù):HTML+CSS+JAVA+SSM+MYSQL+VUE+MAVEN+微信開(kāi)發(fā)工具
三.功能設(shè)計(jì)
本基于微信小程序的會(huì)議室預(yù)約管理系統(tǒng),主要包括管理員與用戶(hù)兩個(gè)權(quán)限角色,對(duì)于用戶(hù)角色不同,所使用的功能模塊相應(yīng)不同。
管理員服務(wù)端;首頁(yè)、個(gè)人中心、用戶(hù)管理、會(huì)議室管理、預(yù)約信息管理、系統(tǒng)管理等。
用戶(hù)微信端:首頁(yè)、會(huì)議室、我的(預(yù)約信息、收藏信息)等相應(yīng)操作;
系統(tǒng)總體功能結(jié)構(gòu)圖如下所示:
四.數(shù)據(jù)設(shè)計(jì)
開(kāi)發(fā)一個(gè)系統(tǒng)也需要提前設(shè)計(jì)數(shù)據(jù)庫(kù)。這里的數(shù)據(jù)庫(kù)是相關(guān)數(shù)據(jù)的集合,存儲(chǔ)在一起的這些數(shù)據(jù)也是按照一定的組織方式進(jìn)行的。目前,數(shù)據(jù)庫(kù)能夠服務(wù)于多種應(yīng)用程序,則是源于它存儲(chǔ)方式最佳,具備數(shù)據(jù)冗余率低的優(yōu)勢(shì)。雖然數(shù)據(jù)庫(kù)為程序提供信息存儲(chǔ)服務(wù),但它與程序之間也可以保持較高的獨(dú)立性。總而言之,數(shù)據(jù)庫(kù)經(jīng)歷了很長(zhǎng)一段時(shí)間的發(fā)展,從最初的不為人知,到現(xiàn)在的人盡皆知,其相關(guān)技術(shù)也越發(fā)成熟,同時(shí)也擁有著堅(jiān)實(shí)的理論基礎(chǔ)。本系統(tǒng)主要實(shí)體屬性圖如下所示:
五.部分效果展示
5.1小程序端實(shí)現(xiàn)效果
用戶(hù)登錄,在登錄頁(yè)面填寫(xiě)賬號(hào)、密碼進(jìn)行登錄如下圖所示。
用戶(hù)登錄到小程序可以查看首頁(yè)、會(huì)議室、我的等內(nèi)容,如下圖所示。
在會(huì)議室頁(yè)面可以查看編號(hào)、名稱(chēng)、規(guī)模、圖片、位置、狀況、可約時(shí)間等信息,如有需要進(jìn)行預(yù)約或者收藏等操作,如下圖所示。
在預(yù)約信息頁(yè)面可以填寫(xiě)預(yù)約編號(hào)、編號(hào)、名稱(chēng)、位置、工號(hào)、姓名、聯(lián)系電話、預(yù)約時(shí)間、使用時(shí)間、審核回復(fù)等信息,并可根據(jù)需要進(jìn)行提交,如下圖所示。
在我的頁(yè)面可以查看會(huì)議室、預(yù)約信息、我的收藏管理等信息,并可根據(jù)需要進(jìn)行詳細(xì)操作,如下圖所示。
5.2后臺(tái)管理端實(shí)現(xiàn)效果
管理員通過(guò)點(diǎn)擊后臺(tái)管理,進(jìn)入頁(yè)面可以輸入用戶(hù)名、密碼、角色進(jìn)行登錄相對(duì)應(yīng)操作,如如下圖所示。
管理員通過(guò)點(diǎn)擊后臺(tái)管理,進(jìn)入頁(yè)面可以獲取首頁(yè)、個(gè)人中心、用戶(hù)管理、會(huì)議室管理、預(yù)約信息管理、系統(tǒng)管理等功能模塊,進(jìn)行相對(duì)應(yīng)操作,如下圖所示。
六.論文截圖
文章來(lái)源:http://www.zghlxwxcb.cn/news/detail-751741.html
七.部分功能代碼
export default {
data() {
return {
autoplaySwiper: false ? true : false,
intervalSwiper: false ? $template2.front.base.swiper.autoplay.delay : 5000,
btnColor: ['#409eff','#67c23a','#909399','#e6a23c','#f56c6c','#356c6c','#351c6c','#f093a9','#a7c23a','#104eff','#10441f','#a21233','#503319'],
id: '',
userid: '',
detail: {},
swiperList: [],
commentList: [],
mescroll: null, //mescroll實(shí)例對(duì)象
downOption: {
auto: false //是否在初始化后,自動(dòng)執(zhí)行下拉回調(diào)callback; 默認(rèn)true
},
upOption: {
noMoreSize: 3, //如果列表已無(wú)數(shù)據(jù),可設(shè)置列表的總數(shù)量要大于半頁(yè)才顯示無(wú)更多數(shù)據(jù);避免列表數(shù)據(jù)過(guò)少(比如只有一條數(shù)據(jù)),顯示無(wú)更多數(shù)據(jù)會(huì)不好看; 默認(rèn)5
textNoMore: '~ 沒(méi)有更多了 ~',
},
hasNext: true,
user: {},
sfshIndex: -1,
sfshOptions: ['通過(guò)','不通過(guò)'],
count: 0,
timer: null
}
},
computed: {
baseUrl() {
return this.$base.url;
},
SecondToDate: function() {
var time = this.count;
if (null != time && "" != time) {
if (time > 60 && time < 60 * 60) {
time =
parseInt(time / 60.0) +
"分鐘" +
parseInt((parseFloat(time / 60.0) - parseInt(time / 60.0)) * 60) +
"秒";
} else if (time >= 60 * 60 && time < 60 * 60 * 24) {
time =
parseInt(time / 3600.0) +
"小時(shí)" +
parseInt(
(parseFloat(time / 3600.0) - parseInt(time / 3600.0)) * 60
) +
"分鐘" +
parseInt(
(parseFloat(
(parseFloat(time / 3600.0) - parseInt(time / 3600.0)) * 60
) -
parseInt(
(parseFloat(time / 3600.0) - parseInt(time / 3600.0)) * 60
)) *
60
) +
"秒";
} else if (time >= 60 * 60 * 24) {
time =
parseInt(time / 3600.0 / 24) +
"天" +
parseInt(
(parseFloat(time / 3600.0 / 24) - parseInt(time / 3600.0 / 24)) *
24
) +
"小時(shí)" +
parseInt(
(parseFloat(time / 3600.0) - parseInt(time / 3600.0)) * 60
) +
"分鐘" +
parseInt(
(parseFloat(
(parseFloat(time / 3600.0) - parseInt(time / 3600.0)) * 60
) -
parseInt(
(parseFloat(time / 3600.0) - parseInt(time / 3600.0)) * 60
)) *
60
) +
"秒";
} else {
time = parseInt(time) + "秒";
}
}
return time;
}
},
async onLoad(options) {
this.id = options.id;
if(options.userid) {
this.userid = options.userid;
}
},
async onShow(options) {
// 渲染數(shù)據(jù)
this.init();
let table = uni.getStorageSync("nowTable");
// 獲取用戶(hù)信息
let res = await this.$api.session(table);
this.user = res.data;
this.btnColor = this.btnColor.sort(()=> {
return (0.5-Math.random());
});
},
destroyed: function() {
//window.clearInterval(this.inter);
},
methods: {
// 支付
onPayTap(){
uni.setStorageSync('paytable','huiyishiyuyue');
uni.setStorageSync('payObject',this.detail);
this.$utils.jump('../pay-confirm/pay-confirm?type=1')
},
// 收藏
// 跨表
onAcrossTap(tableName,crossOptAudit,statusColumnName,tips,statusColumnValue){
if(crossOptAudit=='是'&&this.detail.sfsh!='是') {
this.$utils.msg("請(qǐng)審核通過(guò)后再操作");
return
}
uni.setStorageSync('crossTable','huiyishiyuyue');
uni.setStorageSync(`crossObj`, this.detail);
uni.setStorageSync(`statusColumnName`, statusColumnName);
uni.setStorageSync(`statusColumnValue`, statusColumnValue);
uni.setStorageSync(`tips`, tips);
if(statusColumnName!=''&&!statusColumnName.startsWith("[")) {
var obj = uni.getStorageSync('crossObj');
for (var o in obj){
if(o==statusColumnName && obj[o]==statusColumnValue){
this.$utils.msg(tips);
return
}
}
}
this.$utils.jump(`../${tableName}/add-or-update?cross=true`);
},
// 獲取詳情
async init(){
let res = await this.$api.info('huiyishiyuyue', this.id);
this.detail = res.data;
// 輪播圖片
this.swiperList = this.detail.huiyishitupian ? this.detail.huiyishitupian.split(",") : [];
},
// mescroll組件初始化的回調(diào),可獲取到mescroll對(duì)象
mescrollInit(mescroll) {
this.mescroll = mescroll;
},
/*下拉刷新的回調(diào) */
downCallback(mescroll) {
this.hasNext = true
mescroll.resetUpScroll()
},
/*上拉加載的回調(diào): mescroll攜帶page的參數(shù), 其中num:當(dāng)前頁(yè) 從1開(kāi)始, size:每頁(yè)數(shù)據(jù)條數(shù),默認(rèn)10 */
async upCallback(mescroll) {
mescroll.endSuccess(mescroll.size, this.hasNext);
},
onChatTap() {
this.$utils.jump('../chat/chat')
},
// 下載
download(url){
let _this = this;
url=_this.$base.url + url;
uni.downloadFile({
url: url,
success: (res) => {
if (res.statusCode === 200) {
_this.$utils.msg('下載成功');
window.open(url);
}
}
});
},
//
onCartTabTap() {
this.$utils.tab('../shop-cart/shop-cart')
},
// 添加評(píng)論
async onCommentTap() {
this.$utils.jump(`../discusshuiyishiyuyue/add-or-update?refid=${this.id}`)
},
onSHTap() {
this.$refs.popup.open()
},
// 完成審核
async onFinishTap() {
if(!this.detail.sfsh){
this.$utils.msg('請(qǐng)選擇審核狀態(tài)');
return
}
if(!this.detail.shhf){
this.$utils.msg('請(qǐng)?zhí)顚?xiě)審核回復(fù)');
return
}
if(this.detail.sfsh=="通過(guò)"){
this.detail.sfsh = '是'
}
if(this.detail.sfsh=="不通過(guò)"){
this.detail.sfsh = '否'
}
await this.$api.update('huiyishiyuyue', this.detail);
this.$utils.msg('審核成功');
this.$refs.popup.close();
},
// 關(guān)閉窗口
onCloseWinTap() {
this.$refs.popup.close()
},
sfshChange(e){
console.log(this.detail)
this.sfshIndex = e.target.value
this.detail.sfsh = this.sfshOptions[this.sfshIndex]
}
}
}
最后
最新計(jì)算機(jī)畢業(yè)設(shè)計(jì)選題篇-選題推薦(值得收藏)
計(jì)算機(jī)畢業(yè)設(shè)計(jì)精品項(xiàng)目案例-200套(值得訂閱)文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-751741.html
到了這里,關(guān)于【畢業(yè)設(shè)計(jì)】基于微信小程序的會(huì)議室預(yù)約管理系統(tǒng)(附源碼)的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!