B/S結(jié)構(gòu)的無(wú)紙化辦公軟件的設(shè)計(jì)與實(shí)現(xiàn)

顧 斌，周玉紅

1.昆山市信息港網(wǎng)路科技有限責(zé)任公司，江蘇昆山 215300

2.昆山市建邦環(huán)境投資有限公司，江蘇昆山 215300

1 系統(tǒng)的總體設(shè)計(jì)方案

系統(tǒng)采用ASP+SQL2000技術(shù)和B/S結(jié)構(gòu)，實(shí)行模塊化開(kāi)發(fā)，分級(jí)管理。系統(tǒng)中的用戶(hù)將被分為不同的用戶(hù)組，賦予不同的用戶(hù)權(quán)限，只有滿(mǎn)足條件的用戶(hù)才可以使用系統(tǒng)功能。系統(tǒng)流程圖中，背景色為藍(lán)色的方格代表流程的開(kāi)始。其中圖1為登錄校驗(yàn)流程，圖2為權(quán)限和session()合法性判斷過(guò)程。

圖1 登錄驗(yàn)證流程圖

圖2 功能使用權(quán)限和session()判斷流程圖

2 軟硬件配置

表1 軟硬件配置

3 關(guān)鍵技術(shù)的簡(jiǎn)單介紹

限于篇幅，功能的代碼沒(méi)有附上，關(guān)鍵技術(shù)也僅以簡(jiǎn)述的文字和少許代碼介紹，詳細(xì)功能的具體實(shí)現(xiàn)流程以圖片和文字方式體現(xiàn)。

3.1 樹(shù)狀導(dǎo)航菜單

主要是通過(guò)Javascript腳本控制表格的行＜tr＞標(biāo)記的現(xiàn)實(shí)或隱藏來(lái)實(shí)現(xiàn)節(jié)電的現(xiàn)實(shí)或隱藏?？刂疲紅r＞標(biāo)記的顯示和隱藏，是通過(guò)其display屬性實(shí)現(xiàn)。

3.2 ADO組件訪問(wèn)數(shù)據(jù)庫(kù)

通過(guò)設(shè)置Connection對(duì)象，可以打開(kāi)或者連接數(shù)據(jù)庫(kù)文件，它是數(shù)據(jù)源的一個(gè)開(kāi)放連接，具有跟蹤正在使用、連接保持的時(shí)間及其它定義的數(shù)據(jù)庫(kù)屬性。而在調(diào)用數(shù)據(jù)庫(kù)時(shí)，就必須先使用ADO的Connection對(duì)象，完成對(duì)數(shù)據(jù)庫(kù)的連接。

3.3 數(shù)據(jù)庫(kù)查詢(xún)、改、刪、增數(shù)據(jù)基本技術(shù)

查詢(xún)：SELECT 列名稱(chēng) FROM 表名稱(chēng)

修改：UPDATE 表名稱(chēng) SET 列名稱(chēng) = 新值 WHERE 列名稱(chēng) =某值

刪除 ：DELETE FROM 表名稱(chēng) WHERE 列名稱(chēng) = 值

增加：INSERT INTO 表名稱(chēng) VALUES (值1, 值2,....)

3.4 防SQL注入技術(shù)

用戶(hù)登錄系統(tǒng)時(shí)，服務(wù)器對(duì)客戶(hù)端提交的數(shù)據(jù)進(jìn)行敏感字符過(guò)濾的方式，起到防止SQL注入，方法是通過(guò)嵌套使用Replace()函數(shù)可以有效地避免注入。

3.5 JAVASCRIPT客戶(hù)端校驗(yàn)技術(shù)

數(shù)據(jù)提交后在客戶(hù)端比起服務(wù)器校驗(yàn)數(shù)據(jù)的合法性，可以更有效的節(jié)省服務(wù)器資源，使得程序運(yùn)行更高效，更科學(xué)，在本系統(tǒng)中應(yīng)用了大量客戶(hù)端校驗(yàn)。下例為一個(gè)基礎(chǔ)校驗(yàn)語(yǔ)句。

3.6 二級(jí)下拉菜單原理

利用JAVASCRIPT技術(shù)，直接獲取用戶(hù)選擇的下拉菜單的值，再查詢(xún)數(shù)據(jù)庫(kù)，自動(dòng)關(guān)聯(lián)查詢(xún)出對(duì)應(yīng)的數(shù)據(jù)內(nèi)容，傳值并作為二級(jí)菜單再顯示給用戶(hù)。

3.7 工作流技術(shù)原理

創(chuàng)建用戶(hù)的時(shí)候，系統(tǒng)首先根據(jù)用戶(hù)的部門(mén)、職位確定用戶(hù)的processid。在涉及有工作流的操作時(shí)，用戶(hù)完成數(shù)據(jù)提交后，系統(tǒng)結(jié)合提交數(shù)據(jù)用戶(hù)的部門(mén)將processid自動(dòng)更改為該部門(mén)主任的processid，部門(mén)主任完成工作流后，自動(dòng)變更為分管領(lǐng)導(dǎo)的副總監(jiān)processid，副總監(jiān)完成工作流后，自動(dòng)變更為主管領(lǐng)導(dǎo)的總監(jiān)processid，副總監(jiān)完成工作流后，processid變更為100，同時(shí)將工單狀態(tài)標(biāo)注為已完工。

3.8 時(shí)間選擇器制作原理

使用ONCLICK事件調(diào)用window.showModalDialog()創(chuàng)建一個(gè)顯示HTML內(nèi)容的模式對(duì)話框。當(dāng)用戶(hù)完成時(shí)間選擇后，自動(dòng)將選定的值以標(biāo)準(zhǔn)的YYYY-MM-DD格式傳入父窗口的相應(yīng)文本框中。

圖3

4 部分功能簡(jiǎn)要介紹

4.1 主頁(yè)提醒功能

用戶(hù)登錄本系統(tǒng)后，涉及到本用戶(hù)的業(yè)務(wù)請(qǐng)求均會(huì)在此顯示，點(diǎn)擊可直接查看跳轉(zhuǎn)至相應(yīng)功能區(qū)，供用戶(hù)查詢(xún)業(yè)務(wù)詳情。如圖4顯示有印章使用申請(qǐng)、請(qǐng)假/出差申請(qǐng)、工作聯(lián)系單、公文流轉(zhuǎn)和審核申請(qǐng)，另外還有會(huì)議，郵件通知也會(huì)一并顯示。

圖4 主頁(yè)提醒顯示的部分內(nèi)容

4.2 工作聯(lián)系單

工作聯(lián)系單實(shí)現(xiàn)了部門(mén)間工作聯(lián)系的自動(dòng)化，從主界面上的回復(fù)和打印與否均可直觀看到聯(lián)系方是否有回饋，而草稿箱，發(fā)送箱和收件箱分類(lèi)使得聯(lián)系單的歸類(lèi)更清楚，發(fā)送與簽收時(shí)間的顯示更可以反映出聯(lián)系方與被聯(lián)系方彼此工作的態(tài)度如何。表單號(hào)是根據(jù)部門(mén)自動(dòng)生成；編號(hào)由當(dāng)日日期和申請(qǐng)數(shù)量組成，自動(dòng)遞增；聯(lián)系部門(mén)和指定聯(lián)系人組成2級(jí)下拉菜單；聯(lián)系日期框內(nèi)點(diǎn)擊則自動(dòng)彈出時(shí)間選擇器；實(shí)現(xiàn)保留原始輸入的特殊格式；所有規(guī)定輸入項(xiàng)目均經(jīng)客戶(hù)端數(shù)據(jù)合法性校驗(yàn)后，才允許提交服務(wù)器。提供的所有查詢(xún)條件均支持模糊查詢(xún)，便于操作者準(zhǔn)確的查找到需要的任何信息。電子簽章功能考慮到經(jīng)濟(jì)成本問(wèn)題，目前采用圖片方式替代實(shí)現(xiàn)。

圖5 工作聯(lián)系單主界面

4.3 請(qǐng)假/出差申請(qǐng)

請(qǐng)假/出差申請(qǐng)功能的推出，完全顛覆了現(xiàn)有落后的手簽?zāi)Ｊ?，可以根?jù)需要查詢(xún)?nèi)我庥脩?hù)的請(qǐng)假/出差信息，大大方便了管理人員出具所有的統(tǒng)計(jì)信息。該功能可根據(jù)用戶(hù)工作時(shí)間，自動(dòng)計(jì)算出當(dāng)年度可公休天數(shù)，排除已休公休天數(shù)，自動(dòng)顯示仍可公休天數(shù)；請(qǐng)假起始時(shí)間和結(jié)束時(shí)間通過(guò)時(shí)間選擇器選出后，系統(tǒng)按照現(xiàn)實(shí)規(guī)則，自動(dòng)排除了周末并計(jì)算出本次休假的實(shí)際天數(shù)；可公休天數(shù)和本次公休天數(shù)以及休假理由均需通過(guò)客戶(hù)端合法性驗(yàn)證后，才允許提交到服務(wù)器。

圖6 請(qǐng)假/出差申請(qǐng)界面

4.4 請(qǐng)假/出差申請(qǐng)的工作流體現(xiàn)

圖7 審核申請(qǐng)單

用戶(hù)提交申請(qǐng)后，首先是該用戶(hù)所在部門(mén)的部門(mén)主任簽字確認(rèn)，然后是分管本部門(mén)的分管領(lǐng)導(dǎo)簽字確認(rèn)，最后是主要領(lǐng)導(dǎo)簽字確認(rèn)，那么這張申請(qǐng)才真實(shí)有效。下圖為部門(mén)主任在主頁(yè)上系統(tǒng)自動(dòng)提醒的有申請(qǐng)為審核。

部門(mén)主任審核用戶(hù)的申請(qǐng)，選擇通過(guò)則可以不輸入任何意見(jiàn)，系統(tǒng)自動(dòng)填入同意兩字；如果不通過(guò)，則必須輸入退回的意見(jiàn)，則該申請(qǐng)將回到申請(qǐng)用戶(hù)手中，用戶(hù)可以選擇繼續(xù)提交或者修改后再提交，也可以直接刪除申請(qǐng)。

部門(mén)主任回簽后，工單流自動(dòng)將申請(qǐng)單推送到分管領(lǐng)導(dǎo)的主頁(yè)要求其審核。分管領(lǐng)導(dǎo)審核的過(guò)程同部門(mén)主任審核流程。分管領(lǐng)導(dǎo)審核完畢后，則由主要領(lǐng)導(dǎo)做最終審核，最終審核通過(guò)后，該申請(qǐng)的狀態(tài)將被標(biāo)注為完工，代表這此次申請(qǐng)獲得了通過(guò)。

4.5 公文流轉(zhuǎn)

公文流轉(zhuǎn)實(shí)現(xiàn)了通知下達(dá)和文件的無(wú)紙化傳遞，其中發(fā)送組根據(jù)職位區(qū)分，當(dāng)用戶(hù)選擇發(fā)送組后，由和發(fā)送組組成2級(jí)下拉菜單的指定個(gè)人中，可選擇該組的所有成員，或該組的指定個(gè)人，同時(shí)還能抄送給任何其他人員，但必須是以逗號(hào)作為間隔。一旦選定了發(fā)送組，或指定個(gè)人，或抄送對(duì)象后，只有符合接受條件的用戶(hù)才能看到該公文通知。抄送和內(nèi)容項(xiàng)必須經(jīng)過(guò)客戶(hù)端合法性驗(yàn)證后，才允許提交到服務(wù)器。

圖8 新公文錄入

發(fā)送公文時(shí)，也可以攜帶附件，系統(tǒng)支持文件類(lèi)型判斷。

公文發(fā)送完畢后，具有接收權(quán)限的用戶(hù)在主頁(yè)上可以看到被標(biāo)示為.GIF圖片NEW的公文，一旦用戶(hù)單擊后，NEW將變成已讀，同時(shí)數(shù)據(jù)庫(kù)記憶該接收用戶(hù)已經(jīng)閱讀了該公文，將來(lái)查詢(xún)接收對(duì)象是否有閱讀接收公文時(shí)，可以羅列出哪些看了，而哪些沒(méi)有看。

點(diǎn)擊主頁(yè)上公文的項(xiàng)目名稱(chēng)，直接跳轉(zhuǎn)到公文的詳細(xì)內(nèi)容，點(diǎn)擊下方的附件名稱(chēng)可以直接下載該附件。

4.6 電子通訊錄

電子通訊錄推出后，將所公司有內(nèi)部職工的聯(lián)系方式都進(jìn)行了統(tǒng)計(jì)并制作成共享通訊組，用戶(hù)只要具備網(wǎng)絡(luò)條件就可以直接登錄到本系統(tǒng)查詢(xún)需要查找對(duì)象的聯(lián)系方式，操作簡(jiǎn)單，信息豐富，因而大受廣大員工的歡迎。用戶(hù)也可以添加屬于自己的通訊組，就像操作自己的手機(jī)或通訊簿一樣。

點(diǎn)擊通訊組名稱(chēng)后，可以羅列出該通訊組的所有聯(lián)系人的主要信息，再點(diǎn)擊姓名名字后，可以產(chǎn)看該聯(lián)系人的詳細(xì)信息。

點(diǎn)擊右上方的查詢(xún)后，可以進(jìn)入改組的查詢(xún)界面，文本輸入框均支持模糊查詢(xún)，該功能也支持多條件的聯(lián)合查詢(xún)。如圖所示，查詢(xún)了張姓用戶(hù)的主要聯(lián)系方式。

圖9 查詢(xún)聯(lián)系人

5 結(jié)論

此套無(wú)紙化辦公軟件，是在充分調(diào)研了我公司相關(guān)業(yè)務(wù)的辦理流程，通過(guò)網(wǎng)絡(luò)技術(shù)進(jìn)行流程模擬化，并設(shè)計(jì)開(kāi)發(fā)實(shí)現(xiàn)的,是對(duì)我公司現(xiàn)有辦公模式的一次重大變革，也可以看做是在積極響應(yīng)國(guó)家低碳、環(huán)保、節(jié)能的總體政策下前提下解決了我單位紙質(zhì)文件管理的問(wèn)題、耗材成本控制的問(wèn)題、時(shí)間成本的問(wèn)題、業(yè)務(wù)流程簡(jiǎn)化和規(guī)范化等多種問(wèn)題，是具有自主知識(shí)產(chǎn)權(quán)的開(kāi)發(fā)設(shè)計(jì)。就目前使用者的使用情況看，取得了令人滿(mǎn)意的效果?，F(xiàn)根據(jù)共性與個(gè)性區(qū)分，總結(jié)使用結(jié)果如下：

共性：節(jié)約了公司的運(yùn)營(yíng)成本，便捷化了業(yè)務(wù)的流程，排除了人為因素的干擾，提供了更人性化的操作方式，規(guī)范了業(yè)務(wù)的制度，加強(qiáng)了公司的監(jiān)督管理，提高了公司的運(yùn)行效率。

個(gè)性：工作聯(lián)系單，使空間的間隔不再存在，使業(yè)務(wù)的內(nèi)容均有實(shí)據(jù)；請(qǐng)假/出差申請(qǐng)，使統(tǒng)計(jì)變的輕而易舉；公文流轉(zhuǎn)：使管理者輕松掌握每一個(gè)數(shù)據(jù)細(xì)節(jié)；電子通訊錄，使一人一記的傳統(tǒng)模式有了個(gè)強(qiáng)有力的替補(bǔ)；業(yè)務(wù)交流室，使交流突破了電話的約束，使溝通以點(diǎn)帶面，使問(wèn)題不再是再三重復(fù)。

[1]高宏.JavaScript從入門(mén)到精通.機(jī)械工業(yè)出版社[M]，2009，4.

[2]明日科技.ASP開(kāi)發(fā)典型模塊大全.人民郵電出版社[M]，2011，1.

[3]周曉芬，鄧志華.南昌供電公司辦公自動(dòng)化系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J].電力信息化，2009(4)：79-82.

[4]韋琳，李曉輝.基于ASP的辦公自動(dòng)化軟件的設(shè)計(jì)[J].軟件導(dǎo)刊，2008(6)：122-123.

[5]徐慧劍，韋蕓.基于ASP的辦公自動(dòng)化系統(tǒng)的研究與實(shí)現(xiàn)[J].大眾科技，2006(7)：144-145.

[6]薛小龍.ASP經(jīng)典模塊開(kāi)發(fā)大全[M].電子工業(yè)出版社，2008.