【導(dǎo)讀】文章介紹了采用流行的B/S模式開發(fā)的一個(gè)組合是合同管理系統(tǒng)。作系統(tǒng)，Apache服務(wù)器和。首先說明了開發(fā)合。的各個(gè)子模塊、系統(tǒng)流程、組件、類庫、數(shù)據(jù)庫和編碼等部分進(jìn)行了分析和設(shè)計(jì)。能,適用于中小型企業(yè)的合同管理。

　　

【正文】 變成如下圖所示： 北京大學(xué) 基于 web 的合同管理系統(tǒng)的設(shè)計(jì)和實(shí)現(xiàn) 第 26 頁 共 36 頁 圖 4 合同修改頁面 所有的信息全部變?yōu)榭筛牡男问焦┕芾韱T修改。修改完后點(diǎn)擊確定按鈕將信息提交到 頁面此時(shí) action 為edit，進(jìn)行修改并存入數(shù)據(jù)庫。 3. 停用 /啟用合同 此 功 能 涉 及 到 的 文 件 有 ， 頁 面。期中 為模板文件。此功能的流程為先得到合同當(dāng)前的狀態(tài)，在通過狀態(tài)來定義頁面下方的按鈕是停用還是啟用。 如圖 3 所示的信息，在合同相信頁面的最下方 現(xiàn)在是 停用的按鈕。 當(dāng)合同過期后管理員可以點(diǎn)擊停用按鈕來停止合同。這里也是運(yùn)用了 jquery 的 ajax 技術(shù)用來提交參數(shù)來停用或者啟用合同。 代碼如下： $(del).click(function() { type = $(type).val()。 if(type == 1) { me = 確定停用該合同嗎 ?。 } else { 北京大學(xué) 基于 web 的合同管理系統(tǒng)的設(shè)計(jì)和實(shí)現(xiàn) 第 27 頁 共 36 頁 me = 確定啟用該合同嗎 ?。 } if(confirm(me) == true) { //運(yùn)用了 javascript 的一個(gè)確認(rèn)的函數(shù) var order_id,username。 order_id = $(order_id).val()。 username = $(username).val()。 $.ajax({ type: POST, url: , data: action=delamp。order_id=+order_id+amp。username=+username+amp。type=+type, success: function(msg){ if(type == 1) { alert(39。該合同停用成功 39。)。 } else { alert(39。該合同啟用成功 39。)。 } =?username=+username。 } })。 } else{ return false。 } })。 北京大學(xué) 基于 web 的合同管理系統(tǒng)的設(shè)計(jì)和實(shí)現(xiàn) 第 28 頁 共 36 頁 此方法提交到 頁面 action 為 del來調(diào)用停用和啟用的功能。 4. 查詢合同 此 功 能 涉 及 到 的 文 件 有 和 兩個(gè)文件。 搜索的程序 模板為 。搜索合同分為按乙方，合同名稱，合同有效期和合同狀態(tài)來進(jìn)行搜索。如下圖所示： 圖 5 合同的搜索 同 時(shí)還做了一個(gè)按升序降序排序的功能便于管理員的查看。 程序中對(duì)提交的參數(shù)進(jìn)行逐一的判斷最后根據(jù)參數(shù)不同來拼出可供查詢的 sql 語句。 5. 日志功能 此功能是在合同被操作的情況下都會(huì)產(chǎn)生一個(gè)日志記錄下合同變更的信息，操作人，變更時(shí)間等等。 例如在修改合同后就會(huì)把修改的內(nèi)容存入日志表里 。首先修改的前臺(tái)頁面在每個(gè) input 文本框里都會(huì)寫一個(gè) onblur=getEditInput()“事件。這個(gè)事件是當(dāng)光標(biāo) 移開文本框的時(shí)候觸發(fā)的事件。然后把所有修改的內(nèi)容存到一個(gè)數(shù)組里，數(shù)組以 id 為下標(biāo) value 為數(shù)組值。然后通 過函數(shù)轉(zhuǎn)換為字符串。轉(zhuǎn)換函數(shù)如下： function getObject(o){ var result = 。 for(key in o){ result += key+:+o[key]+amp。 } return result。 } 北京大學(xué) 基于 web 的合同管理系統(tǒng)的設(shè)計(jì)和實(shí)現(xiàn) 第 29 頁 共 36 頁 然后點(diǎn)擊提交按鈕跳轉(zhuǎn)的 的 action 為edit 的代碼段。 然后執(zhí)行完更新以后會(huì)執(zhí)行代碼 $sql = insert into log_order(order_id,edit_manger,edit_date,content,type) values(.$order_id.,39。.$username.39。,NOW(),39。.$edit_array.39。,39。更新 39。)。mysql_query($sql)。進(jìn)行網(wǎng)日志里的插入。 6. 打印功能 打印功能在合同的詳細(xì)頁面如上圖 3 中有打印按鈕。管理員點(diǎn)擊打印會(huì)調(diào)用 javascript 的打印函數(shù)，鏈接打印機(jī)來執(zhí)行打印。打印功能代碼如下： function doPrint() { // 獲得 body 的 html bdhtml=。 // 打印開始的標(biāo)志 sprnstr=!startprint。 // 打印結(jié)束的標(biāo)志 eprnstr=!endprint。 // 從打印開始的位置截取到末尾 prnhtml=((sprnstr)+17)。 // 從開始截取到打印結(jié)束的位置 prnhtml=(0,(eprnstr))。 // 替換 html =prnhtml。 // 打印 ()。} 前臺(tái)頁面 這一節(jié)主要簡(jiǎn)單的介紹一下系統(tǒng)的前臺(tái)頁面，期中挑一個(gè)列表頁，合同的相信頁，和合同的搜索頁來介紹。 北京大學(xué) 基于 web 的合同管理系統(tǒng)的設(shè)計(jì)和實(shí)現(xiàn) 第 30 頁 共 36 頁 合同列表頁 合同 列表頁主要是把所有的合同都列舉出來供管理員查看， 其中 頁面做了分頁的功能。頁面單間 整潔，便于制作和觀看。 頁面的制作工具為：phpotoshop 和 Dreamweaver。首先對(duì)設(shè)計(jì)人員設(shè)計(jì)的圖片進(jìn)行裁剪，然后用 Dreamweaver 來搭建頁面（ 用 css+div的模式 ）， 然后 做為模板頁去調(diào)用 php 程序傳過來的變量。列表頁界面如下圖 所示： 圖 6 合同 列表頁 頁面的左上角是系統(tǒng)的 logo 和名稱，右側(cè)是目前登錄的管理員。下面左側(cè)是目前頁面內(nèi)容的關(guān)鍵字，右側(cè)的創(chuàng)建合同點(diǎn)擊可以進(jìn)入創(chuàng)建頁面。在往下則是搜索條，分為乙方，合同名稱，合同有限期，合同狀態(tài)的搜索。另外還有查看全部合同和查看所有日志的按鈕。下面是一個(gè)排序的功能，可分為按時(shí)間的升序和降序。 中間的內(nèi)容部分是合同的列表，頁面顯示出的是乙方，合同名稱，合同的狀態(tài)，有限期和服務(wù) 的費(fèi)用。要想看合同的相信信息可以點(diǎn)擊操作欄的查看詳細(xì)，進(jìn)入詳細(xì)頁面。詳細(xì)頁面可以打印，可以修改合同。右下角是分頁的功能顯示，列出的當(dāng)前頁數(shù)和當(dāng)前有多少項(xiàng)。 下方是系統(tǒng)的底部。 合同詳細(xì)頁 action 為 view 合同的 詳細(xì) 頁主要是列出一個(gè)合同的所有的詳細(xì)信息供管理員查看。分為基本信息和乙方信息兩大部分。 頁面單間整潔，便于制作和觀看。 頁面的制作工具為： phpotoshop 和 Dreamweaver。首先對(duì)設(shè)計(jì)人員設(shè)計(jì)的圖片進(jìn)行裁剪，然后用 Dreamweaver 來搭建 頁面（ 用 css+div 的模式 ）， 然北京大學(xué) 基于 web 的合同管理系統(tǒng)的設(shè)計(jì)和實(shí)現(xiàn) 第 31 頁 共 36 頁 后 做為模板頁去調(diào)用 php 程序傳過來的變量。列表頁界面如下圖 所示： 圖 7 合同 詳細(xì)頁 頁面上方還是 和列表頁一樣的結(jié)構(gòu)在此就不做更多介紹。 另外頁面下方的按鈕可以觸發(fā)不同的功能，所有的功能都可以再詳細(xì)頁里進(jìn)行。 合同搜索頁 合同的搜索頁主要是列出一個(gè)符合搜索條件的所有合同供管理員查看其中頁面做了分頁的功能。頁面單間整潔，便于制作和觀看。 頁面的制作工具為： phpotoshop 和 Dreamweaver。首先對(duì)設(shè)計(jì)人員設(shè)計(jì)的圖片進(jìn)行裁剪，然后用 Dreamweaver 來搭建頁面（ 用 css+div 的模式 ）， 然后北京大學(xué) 基于 web 的合同管理系統(tǒng)的設(shè)計(jì)和實(shí)現(xiàn) 第 32 頁 共 36 頁 做為模板頁去調(diào)用 php 程序傳過來的變量。搜索頁界面如下圖 所示： 圖 8 合同 搜索頁 頁面的整體布局和合同的列表頁 是一樣的，也是分為頭部，中間和底部三部分。頭部和底部 是一樣的，中間的內(nèi)容變成了由搜索條件獲取到的合同內(nèi)容。然后也可以繼續(xù)在本頁進(jìn)行搜索。 本節(jié)簡(jiǎn)單的介紹了一下系統(tǒng)的前臺(tái)頁面，其他的頁面基本都是大同小異的只是中間的內(nèi)容部分 不一樣，就不在此做一一的介紹了。 北京大學(xué) 基于 web 的合同管理系統(tǒng)的設(shè)計(jì)和實(shí)現(xiàn) 第 33 頁 共 36 頁 在這個(gè)系統(tǒng)的開發(fā)過程中，我與老師及同學(xué)進(jìn)行了多次的溝通和討論。對(duì)需求分析的透徹了以后，同時(shí)結(jié)合當(dāng)前流行的技術(shù)后才正式的進(jìn)入了開發(fā)的階段。 通過本系統(tǒng)的開發(fā)， 我對(duì) B/S 結(jié)構(gòu)架構(gòu)的開發(fā)有了更對(duì)的認(rèn)識(shí)，同時(shí)在技術(shù)方面也是進(jìn)行的一次鍛煉。運(yùn)用了一些當(dāng)下比較熱門的技術(shù)如jquery 等。這些技術(shù)可以幫助我在以后的工作中面對(duì)各種問題都可以迎刃而解。同時(shí)我對(duì)做一個(gè)系統(tǒng)的流程也是更深層的了解，從需求分析道數(shù)據(jù)庫的設(shè)計(jì)和功能的設(shè)計(jì)。每一塊都是不可或缺的 一環(huán)。這對(duì)我在以后的工作中積累了豐富的經(jīng)驗(yàn)。 本系統(tǒng)開發(fā)一個(gè)小型的合同管理系統(tǒng)，適用于小型公司的對(duì)人員或者企業(yè)對(duì)外客戶的合同的管理系統(tǒng)。目前此系統(tǒng)為用戶的內(nèi)部管理系統(tǒng)，用戶可以查看跟自己簽署過合同的乙方便于修改。 網(wǎng)站的頁面做的極為的簡(jiǎn)潔，干凈，大方。讓管理員可以輕松的上手操作本系統(tǒng)。 結(jié)合客戶的需求和當(dāng)下的先進(jìn)技術(shù)，系統(tǒng)采用了 PHP開發(fā)語言和 MYSQL數(shù)據(jù)庫 開發(fā)了 管理系統(tǒng)。 該 系統(tǒng)的主要功能有： 合同的添加功能：創(chuàng)建新合同。 合同的修改功能：修改合同信息。 合同的停用 /啟用功能：根據(jù)合同的有效期限來停用或者 啟用合同。 合同的打印功能：可以將合同打印出來便于觀看。 合同的搜索功能：可以根據(jù)不同的條件進(jìn)行合同的搜索。 合同的日志功能：每個(gè)合同在創(chuàng)建，修改，停用，啟用是都會(huì)創(chuàng)建日志便于以后的管理查看。 本系統(tǒng)需求很清晰，開發(fā)起來也并不是很復(fù)雜，但是還應(yīng)該注意的問題也是目前由于時(shí)間問題沒有解決的遺憾： 1. 用戶登錄后 session 的創(chuàng)建，這點(diǎn)在用戶登錄頁面跳轉(zhuǎn)后 session一直沒有傳到下一個(gè)頁面，不知道是代碼的原因還是服務(wù)器配置的原因。 北京大學(xué) 基于 web 的合同管理系統(tǒng)的設(shè)計(jì)和實(shí)現(xiàn) 第 34 頁 共 36 頁 2. 多用戶的管理，這點(diǎn)由于時(shí)間的緊迫并沒有實(shí)現(xiàn)多用戶的管理，目前只有 admin 這一個(gè)管 理員可以操作本系統(tǒng)，要想加其他用戶必須去數(shù)據(jù)庫里手的添加。 3. 頁面上有些地方還需要美化 總之本系統(tǒng)可以完成需求中的功能，但是還有遺漏的地方，在此還請(qǐng)老師提出寶貴的意見和建議。 北京大學(xué) 基于 web 的合同管理系統(tǒng)的設(shè)計(jì)和實(shí)現(xiàn) 第 35 頁 共 36 頁 致 謝 本論文是在導(dǎo)師的耐心指導(dǎo)下完成的。從論文的選題、研究方案的確定、開題報(bào)告寫作以及論文一次次的修改都經(jīng)過了導(dǎo)師的耐心而又嚴(yán)格的指導(dǎo)。在整個(gè)項(xiàng)目的開發(fā)過程中，導(dǎo)師嚴(yán)謹(jǐn)?shù)闹螌W(xué)態(tài)度、淵博的知識(shí)使我受益匪淺。在這次畢業(yè)設(shè)計(jì)中應(yīng)用到了許多這三年中所學(xué)到的知識(shí)，也正是如此，才使得本項(xiàng)目得以順利的開發(fā) 。 同時(shí)在開發(fā)系統(tǒng)遇到問題時(shí)也得到了同學(xué)和幫助和支持， 在此一并對(duì)耐心指導(dǎo)我的導(dǎo)師、所有教過我的老師、以及共同工作的同事以及幫助過我的所 有 同學(xué)和朋友表示衷心的感謝。 北京大學(xué) 基于 web 的合同管理系統(tǒng)的設(shè)計(jì)和實(shí)現(xiàn) 第 36 頁 共 36 頁 參考文獻(xiàn) [1] PHP5 研究室 .PHP 手冊(cè) . PHP5 研究室 ()編譯于 2021 年11月 7 日 版權(quán)所有 169。 1997 2021 PHP 文檔組 。 [2] 張偉 . MySQL 參考手冊(cè) . 華東交通大學(xué) 2021729 [3] Monte Ohrt， Andrei the piling PHP template engine. 2021, 2021, 2021 by ispi of Lincoln, Inc. [4] PHP 愛好者論壇 . [5] . [6] jQuery API.