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

　　

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