目錄

一.為什么要進(jìn)行開(kāi)發(fā)

1.開(kāi)發(fā)目的

2.項(xiàng)目流程

A.發(fā)起會(huì)議請(qǐng)求過(guò)程

1.首先實(shí)現(xiàn)我們的多選下拉框功能！

2.時(shí)間組件功能，并且提交我們新增加的會(huì)議內(nèi)容

3.在進(jìn)行發(fā)起會(huì)議編碼時(shí)遇到的問(wèn)題，BUG

3.1.有點(diǎn)時(shí)候js訪問(wèn)不到路徑

3.2在增加會(huì)議時(shí)，那個(gè)主持人獲取不到

B：我的會(huì)議顯示

我的會(huì)議顯示BUG

發(fā)起新的會(huì)議時(shí)查詢不到

總結(jié)AB兩個(gè)階段

C.會(huì)議排座（重點(diǎn)）

1.編寫(xiě)sql，定義變量調(diào)用方法達(dá)到隨機(jī)生成任意的.png文件

2.在tomcat中需要配置圖片映射關(guān)系，和定義配置文件用于映射

3.排座實(shí)現(xiàn)

總結(jié)

心得

會(huì)議排座遇到的問(wèn)題

1.排座圖片格式無(wú)法轉(zhuǎn)換成png

2.排座圖片轉(zhuǎn)換成png，保留不了排座位置

D.會(huì)議送審

1.編寫(xiě)sql，實(shí)現(xiàn)servelt

2.通過(guò)多選下拉框?qū)崿F(xiàn)審批

E.送審后的會(huì)議查詢

1.編寫(xiě)sql，實(shí)現(xiàn)servelt

2.在界面的js文件實(shí)現(xiàn)功能，查詢到數(shù)據(jù)

F.會(huì)議簽字，審批

1.編寫(xiě)sql，實(shí)現(xiàn)servelt

2.導(dǎo)入簽字資源，配置文件

G.會(huì)議通知（會(huì)議查詢）

1.編寫(xiě)sql，實(shí)現(xiàn)servelt

2.加載資源

3.實(shí)現(xiàn)功能

H.是否參加會(huì)議，會(huì)議反饋

1.編寫(xiě)sql，實(shí)現(xiàn)servelt

2.實(shí)現(xiàn)功能

I.待開(kāi)會(huì)議，歷史會(huì)議，所有會(huì)議

1.編寫(xiě)sql，實(shí)現(xiàn)servelt

2.實(shí)現(xiàn)功能

一.為什么要進(jìn)行開(kāi)發(fā)

1.開(kāi)發(fā)目的

通過(guò)引入信息化技術(shù)來(lái)提高企業(yè)辦公效率和管理水平的項(xiàng)目。在會(huì)議OA項(xiàng)目中，主要目標(biāo)是改進(jìn)會(huì)議管理流程，提升會(huì)議效率和減少會(huì)議成本。

2.項(xiàng)目流程

登錄任意一個(gè)用戶來(lái)到會(huì)議發(fā)布界面，根據(jù)需求輸入會(huì)議標(biāo)題，會(huì)議內(nèi)容，選擇參與者，列席者，主持人就是登錄自帶的用戶，在輸入地點(diǎn)，選擇時(shí)間，根據(jù)需求輸入備注最后在點(diǎn)擊提交！

A.發(fā)起會(huì)議請(qǐng)求過(guò)程

1.首先實(shí)現(xiàn)我們的多選下拉框功能！

搜索我們的layui官網(wǎng)，使用其官方文檔的多選下拉框copy到搭建的js文件中，并且使用一個(gè)函數(shù)初始化，將官方的元素修改成參與者,列席者所對(duì)應(yīng)的字段名。

然后在UserDao定義一個(gè)sql語(yǔ)句用來(lái)：查詢所有用戶 綁定多功能下拉框在進(jìn)行配置。通過(guò)此方法和layui的下拉框的方法組合一起用來(lái)遍歷出來(lái)參與者，列席者，實(shí)現(xiàn)過(guò)程中需要ajax來(lái)傳遞參數(shù) queryUserAll。

2.時(shí)間組件功能，并且提交我們新增加的會(huì)議內(nèi)容

搜索我們的layui官網(wǎng)，使用其官方文檔的會(huì)議時(shí)間組件初始化copy到搭建的js文件中，并且時(shí)間模塊初始化要放到layui自定義組件中,在將保存的時(shí)間范圍進(jìn)行處理，進(jìn)行截取拿到開(kāi)始時(shí)間，結(jié)束時(shí)間，去除空格放入json對(duì)象，其中主持人是在進(jìn)行登錄操作時(shí)進(jìn)行數(shù)據(jù)的一個(gè)回顯。

設(shè)置一個(gè)點(diǎn)擊事件用于增加會(huì)議，發(fā)送ajax請(qǐng)求用于增加會(huì)議，攜帶參數(shù)add。

3.在進(jìn)行發(fā)起會(huì)議編碼時(shí)遇到的問(wèn)題，BUG

3.1.有點(diǎn)時(shí)候js訪問(wèn)不到路徑

（ctrl+鼠標(biāo)可以點(diǎn)擊進(jìn)去，但是加載在網(wǎng)頁(yè)中時(shí)訪問(wèn)不到），要通過(guò)路徑前在添加${pageContext.request.contextPath }才行！

3.2在增加會(huì)議時(shí)，那個(gè)主持人獲取不到

原因：在user.action中的login方法沒(méi)有通過(guò)sesson保存用戶

以為通過(guò)ResponseUtil.writeJson(resp, u);獲取的u就已經(jīng)保存了，其實(shí)ResponseUtil.writeJson(resp, u); 保存的是字符串

B：我的會(huì)議顯示

首先編寫(xiě)一個(gè)通用的會(huì)議查詢SQL語(yǔ)句，包含會(huì)議信息表數(shù)據(jù)，主持人姓名、審批人姓名、會(huì)議狀態(tài)。然后在進(jìn)行我的會(huì)議的sql語(yǔ)句編寫(xiě)：拼接一個(gè)會(huì)議主題，在根據(jù)當(dāng)前登陸用戶ID作為主持人字段的條件，最后按照會(huì)議ID降序排序。

寫(xiě)完我們的dao之在UserAction 實(shí)現(xiàn)/查詢所有會(huì)議數(shù)據(jù)，并且要實(shí)現(xiàn)分頁(yè)效果；

建立我們的jsp界面后，導(dǎo)入我們的js正式進(jìn)入我們的會(huì)議顯示操作。搜索我們的layui官網(wǎng)，使用其官方文檔的數(shù)據(jù)表格（使用函數(shù)封裝）并進(jìn)行數(shù)據(jù)的初始化。

將其中的elem設(shè)置jsp中table設(shè)置（id）,將field設(shè)置成為實(shí)體中的字段名，有某些字段名用別名來(lái)代替（用來(lái)回顯會(huì)議的狀態(tài)，以及審批人），在進(jìn)行設(shè)置我們的數(shù)據(jù)訪問(wèn)路徑info.action?methodName=myInfos，并且在將這個(gè)方法在layui自定義組件中進(jìn)行調(diào)用。

然后在jsp界面中添加一個(gè)點(diǎn)擊事件并調(diào)用一個(gè)方法于數(shù)據(jù)的查詢，封裝一個(gè)函數(shù)用于數(shù)據(jù)查詢，目的是當(dāng)點(diǎn)擊查詢時(shí)數(shù)據(jù)就會(huì)加載出來(lái)

我的會(huì)議顯示BUG

發(fā)起新的會(huì)議時(shí)查詢不到

在進(jìn)行增加會(huì)議時(shí)，前端傳遞的一個(gè)主持人字段名在js文件中沒(méi)有轉(zhuǎn)換成為數(shù)據(jù)庫(kù)的一個(gè)字段名，導(dǎo)致sql在查詢時(shí)找不到數(shù)據(jù)，在將數(shù)據(jù)的字段名修改后發(fā)起會(huì)議的sql語(yǔ)句可以正常運(yùn)行。

總結(jié)AB兩個(gè)階段

是對(duì)于正常的Javamvc架構(gòu)的使用，都是最基本操作。但是自己在操作的過(guò)程中還是會(huì)出現(xiàn)一些細(xì)節(jié)的地方不到位，在某些地方會(huì)有一定的欠缺，對(duì)于框架的理解還是有一定不足還需要加強(qiáng)！、

C.會(huì)議排座（重點(diǎn)）

1.編寫(xiě)sql，定義變量調(diào)用方法達(dá)到隨機(jī)生成任意的.png文件

.首先編寫(xiě)一個(gè)sql語(yǔ)句用于根據(jù)會(huì)議ID更新會(huì)議的排座圖片，然后在MeetingInfoAction.中實(shí)現(xiàn)這個(gè)方法的servelt，在這個(gè)servelt方法中調(diào)用 PropertiesUtil中的方法，用來(lái)生成存儲(chǔ)本地圖片的變量和存儲(chǔ)在服務(wù)器的圖片變量，其次定義一個(gè)變量用于隨機(jī)生成圖片名字，還要在后面拼接一個(gè)+".png"。接著調(diào)用 Base64ImageUtils中GenerateImage方法將Base64編碼轉(zhuǎn)換為圖片文件，然后在進(jìn)行拼接將存儲(chǔ)本地圖片的變量+"/"+用于隨機(jī)生成圖片名字變量，其次將setpic 的內(nèi)容變成請(qǐng)求地址，最后在調(diào)用根據(jù)會(huì)議ID更新會(huì)議的排座圖片的方法。

2.在tomcat中需要配置圖片映射關(guān)系，和定義配置文件用于映射

在其中dirPath=后面的部分需要在自己的盤(pán)符中創(chuàng)建相對(duì)應(yīng)的包，用于排座圖片的保存。

serverPath=是需要配置在服務(wù)器的path中，document base中則是在自己的盤(pán)符中創(chuàng)建相對(duì)應(yīng)的包！

3.排座實(shí)現(xiàn)

在我們的myMeeting.js中排座按鈕添加一個(gè)點(diǎn)擊事件，打開(kāi)排座界面。點(diǎn)擊事件通過(guò)封裝一個(gè)函數(shù)打開(kāi)會(huì)議排座對(duì)話框，在里面定義要彈出的jsp。在將我們的jQuery、html2canvas(排座插件)導(dǎo)入到項(xiàng)目中加載到彈出的jsp中。在這個(gè)jsp中我們可以將我們參與會(huì)議的人拖動(dòng)來(lái)達(dá)到一個(gè)排座的目的，其次還準(zhǔn)備了一個(gè)薪資會(huì)議成員的一個(gè)輸入框其目的是指為了解決領(lǐng)導(dǎo)的突然參與會(huì)議，可以將座位重新排座！

總結(jié)

心得

是對(duì)于自己的一個(gè)嘗試，之前沒(méi)有聽(tīng)說(shuō)過(guò)這種東西有一種感覺(jué)很難的心情。但是真正去做時(shí)并沒(méi)有自己想的那么難，思路很重要。在有思路的領(lǐng)導(dǎo)下具體去實(shí)現(xiàn)功能也就是水到渠成的事情了

會(huì)議排座遇到的問(wèn)題

1.排座圖片格式無(wú)法轉(zhuǎn)換成png

在定義一個(gè)變量用于隨機(jī)生成圖片名字，忘記拼接+".png"導(dǎo)致文件無(wú)法轉(zhuǎn)換成png。

2.排座圖片轉(zhuǎn)換成png，保留不了排座位置

調(diào)用 Base64ImageUtils中GenerateImage方法將Base64編碼轉(zhuǎn)換為圖片文件時(shí)，由于粗心將一個(gè)符號(hào)','忘記導(dǎo)致會(huì)議排座圖片生成為空白，將符號(hào)加上即可解決問(wèn)題

D.會(huì)議送審

1.編寫(xiě)sql，實(shí)現(xiàn)servelt

在MeetingInfoDao.java編寫(xiě)sql根據(jù)會(huì)議ID更新會(huì)議的審批人（送審）updateAuditorById，在MeetingInfoAction.java實(shí)現(xiàn)這個(gè)方法

2.通過(guò)多選下拉框?qū)崿F(xiàn)審批

首先給我們的送審按鈕增加一個(gè)點(diǎn)擊事件，彈出一個(gè)下拉框，并通過(guò)ajax來(lái)傳遞一個(gè)參數(shù)來(lái)實(shí)現(xiàn)會(huì)議ID更新會(huì)議的審批人，并且獲取會(huì)議id，會(huì)議主持人。

其次通過(guò)封裝一個(gè)函數(shù)，通過(guò)ajax來(lái)傳遞參數(shù)queryUserAll，通過(guò)如此來(lái)遍歷出來(lái)需要送審的人員，在進(jìn)行提交即可

E.送審后的會(huì)議查詢

1.編寫(xiě)sql，實(shí)現(xiàn)servelt

在MeetingInfoDao實(shí)現(xiàn)：我的審批sql在通用sql基礎(chǔ)上進(jìn)行拼接會(huì)議主題，憑借根據(jù)當(dāng)前登陸用戶ID作為審批人字段的條件，查詢會(huì)議狀態(tài)為待審核的會(huì)議信息

在servelt調(diào)用方法myAudit，設(shè)置分頁(yè)

2.在界面的js文件實(shí)現(xiàn)功能，查詢到數(shù)據(jù)

通過(guò)表格組件講數(shù)據(jù)加載出來(lái)，在通過(guò)封裝一個(gè)函數(shù)發(fā)送數(shù)據(jù)的請(qǐng)求路徑myAudit，講數(shù)據(jù)遍歷出來(lái)

F.會(huì)議簽字，審批

1.編寫(xiě)sql，實(shí)現(xiàn)servelt

編寫(xiě)新增會(huì)議審批記錄，這給sql語(yǔ)句有點(diǎn)特殊，需要同時(shí)執(zhí)行兩個(gè)sql語(yǔ)句，來(lái)達(dá)到對(duì)于數(shù)據(jù)庫(kù)數(shù)據(jù)的操作。

其次在MeetingInfoAction中實(shí)現(xiàn)我的審批方法:

a.保存會(huì)議簽字的圖片

定義保存路徑，定義請(qǐng)求地址，定義會(huì)議簽字圖片名稱(原圖名稱)，定義會(huì)議簽字圖片名稱(裁剪后的名稱)，拼接圖片完成路徑（原圖），拼接裁剪圖路徑上傳簽字圖片并保存到指定位置，裁剪原圖替換sign的圖片路徑刪除原圖

b.新增會(huì)議審批記錄及更新會(huì)議狀態(tài)

2.導(dǎo)入簽字資源，配置文件

憑借這個(gè)類，來(lái)實(shí)現(xiàn)通過(guò) 鼠標(biāo)來(lái)進(jìn)行簽字功能；配置文件在最上面進(jìn)行過(guò)一次這里就不再進(jìn)行敘述

G.會(huì)議通知（會(huì)議查詢）

1.編寫(xiě)sql，實(shí)現(xiàn)servelt

會(huì)議通知：查詢出我（當(dāng)前登陸用戶）需要參與的會(huì)議及會(huì)議的反饋信息（參會(huì)、缺席以及未讀）。在servelt中，實(shí)現(xiàn)會(huì)議通知的方法！

2.加載資源

配置xml文件，在header.jsp中導(dǎo)入config.js,在項(xiàng)目中導(dǎo)入test.js

3.實(shí)現(xiàn)功能

首先給我們的查詢按鈕增加一個(gè)點(diǎn)擊事件，并通過(guò)ajax來(lái)傳遞一個(gè)參數(shù)查詢出我（當(dāng)前登陸用戶）需要參與的會(huì)議及會(huì)議的反饋信息，其次通過(guò)封裝一個(gè)函數(shù)，通過(guò)ajax來(lái)傳遞參數(shù)queryMeetingFeedBackByUserId，通過(guò)如此來(lái)遍歷出來(lái)需要通知的函數(shù)在進(jìn)行提交即可

H.是否參加會(huì)議，會(huì)議反饋

1.編寫(xiě)sql，實(shí)現(xiàn)servelt

編寫(xiě)新增會(huì)議反饋記錄sql，編寫(xiě)據(jù)會(huì)議ID查詢會(huì)議參與人員的反饋信息sql

在servelt分別實(shí)現(xiàn)這兩個(gè)方法

2.實(shí)現(xiàn)功能

是否參加會(huì)議：在js文件中通過(guò)封裝一個(gè)函數(shù)，在進(jìn)行調(diào)用。傳遞一個(gè)add的參數(shù)，并且來(lái)回顯數(shù)據(jù)。

會(huì)議反饋：在js文件中通過(guò)封裝一個(gè)函數(shù)，在進(jìn)行調(diào)用。傳遞一個(gè)queryMeetingBackByMeetingId的參數(shù)，并且來(lái)回顯數(shù)據(jù)從而打開(kāi)查看本會(huì)議的反饋詳情！

I.待開(kāi)會(huì)議，歷史會(huì)議，所有會(huì)議

1.編寫(xiě)sql，實(shí)現(xiàn)servelt

在其中待開(kāi)會(huì)議、歷史會(huì)議的sql語(yǔ)句時(shí)相同的，在通用sql的基礎(chǔ)上拼接+按照會(huì)議標(biāo)題模糊查詢+根據(jù)當(dāng)前登陸用戶ID作為主持人字段的條件+根據(jù)會(huì)議狀態(tài)，查詢會(huì)議信息+按照會(huì)議ID降序排序，在servelt實(shí)現(xiàn)此方法queryMeetingInfoByState即可

所有會(huì)議：在通用sql的基礎(chǔ)上拼接+按照會(huì)議標(biāo)題模糊查詢+根據(jù)當(dāng)前登陸用戶ID作為主持人字段的條件+根據(jù)會(huì)議狀態(tài)，查詢會(huì)議信息+按照會(huì)議ID降序排序，在servelt實(shí)現(xiàn)此方法allInfos即可

2.實(shí)現(xiàn)功能

我們的jsp界面后，導(dǎo)入我們的js正式進(jìn)入我們的會(huì)議顯示操作。搜索我們的layui官網(wǎng)，使用其官方文檔的數(shù)據(jù)表格（使用函數(shù)封裝）并進(jìn)行數(shù)據(jù)的初始化。

將其中的elem設(shè)置jsp中table設(shè)置（id）,將field設(shè)置成為實(shí)體中的字段名，有某些字段名用別名來(lái)代替（用來(lái)回顯會(huì)議的狀態(tài)，以及審批人），在進(jìn)行設(shè)置我們的數(shù)據(jù)通過(guò)ajax來(lái)傳遞方法的參數(shù)（allInfos，queryMeetingInfoByState），并且在將這個(gè)方法在layui自定義組件中進(jìn)行調(diào)用。

然后在jsp界面中添加一個(gè)點(diǎn)擊事件并調(diào)用一個(gè)方法于數(shù)據(jù)的查詢，封裝一個(gè)函數(shù)用于數(shù)文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-615453.html

到了這里，關(guān)于會(huì)議OA系統(tǒng)會(huì)議管理模塊開(kāi)發(fā)思路（layui搭建）的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！