【正文】 [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. 。 北京大學(xué) 基于 web 的合同管理系統(tǒng)的設(shè)計(jì)和實(shí)現(xiàn) 第 36 頁 共 36 頁 參考文獻(xiàn) [1] PHP5 研究室 .PHP 手冊 . PHP5 研究室 ()編譯于 2021 年11月 7 日 版權(quán)所有 169。在這次畢業(yè)設(shè)計(jì)中應(yīng)用到了許多這三年中所學(xué)到的知識，也正是如此，才使得本項(xiàng)目得以順利的開發(fā) 。從論文的選題、研究方案的確定、開題報(bào)告寫作以及論文一次次的修改都經(jīng)過了導(dǎo)師的耐心而又嚴(yán)格的指導(dǎo)。 3. 頁面上有些地方還需要美化 總之本系統(tǒng)可以完成需求中的功能，但是還有遺漏的地方，在此還請老師提出寶貴的意見和建議。 本系統(tǒng)需求很清晰，開發(fā)起來也并不是很復(fù)雜，但是還應(yīng)該注意的問題也是目前由于時(shí)間問題沒有解決的遺憾： 1. 用戶登錄后 session 的創(chuàng)建，這點(diǎn)在用戶登錄頁面跳轉(zhuǎn)后 session一直沒有傳到下一個(gè)頁面，不知道是代碼的原因還是服務(wù)器配置的原因。 合同的搜索功能：可以根據(jù)不同的條件進(jìn)行合同的搜索。 合同的停用 /啟用功能：根據(jù)合同的有效期限來停用或者 啟用合同。 該 系統(tǒng)的主要功能有： 合同的添加功能：創(chuàng)建新合同。讓管理員可以輕松的上手操作本系統(tǒng)。目前此系統(tǒng)為用戶的內(nèi)部管理系統(tǒng)，用戶可以查看跟自己簽署過合同的乙方便于修改。這對我在以后的工作中積累了豐富的經(jīng)驗(yàn)。同時(shí)我對做一個(gè)系統(tǒng)的流程也是更深層的了解，從需求分析道數(shù)據(jù)庫的設(shè)計(jì)和功能的設(shè)計(jì)。運(yùn)用了一些當(dāng)下比較熱門的技術(shù)如jquery 等。對需求分析的透徹了以后，同時(shí)結(jié)合當(dāng)前流行的技術(shù)后才正式的進(jìn)入了開發(fā)的階段。 本節(jié)簡單的介紹了一下系統(tǒng)的前臺(tái)頁面，其他的頁面基本都是大同小異的只是中間的內(nèi)容部分 不一樣，就不在此做一一的介紹了。頭部和底部 是一樣的，中間的內(nèi)容變成了由搜索條件獲取到的合同內(nèi)容。首先對設(shè)計(jì)人員設(shè)計(jì)的圖片進(jìn)行裁剪，然后用 Dreamweaver 來搭建頁面（ 用 css+div 的模式 ）， 然后北京大學(xué) 基于 web 的合同管理系統(tǒng)的設(shè)計(jì)和實(shí)現(xiàn) 第 32 頁 共 36 頁 做為模板頁去調(diào)用 php 程序傳過來的變量。頁面單間整潔，便于制作和觀看。 另外頁面下方的按鈕可以觸發(fā)不同的功能，所有的功能都可以再詳細(xì)頁里進(jìn)行。首先對設(shè)計(jì)人員設(shè)計(jì)的圖片進(jìn)行裁剪，然后用 Dreamweaver 來搭建 頁面（ 用 css+div 的模式 ）， 然北京大學(xué) 基于 web 的合同管理系統(tǒng)的設(shè)計(jì)和實(shí)現(xiàn) 第 31 頁 共 36 頁 后 做為模板頁去調(diào)用 php 程序傳過來的變量。 頁面單間整潔，便于制作和觀看。 合同詳細(xì)頁 action 為 view 合同的 詳細(xì) 頁主要是列出一個(gè)合同的所有的詳細(xì)信息供管理員查看。右下角是分頁的功能顯示，列出的當(dāng)前頁數(shù)和當(dāng)前有多少項(xiàng)。要想看合同的相信信息可以點(diǎn)擊操作欄的查看詳細(xì)，進(jìn)入詳細(xì)頁面。下面是一個(gè)排序的功能，可分為按時(shí)間的升序和降序。在往下則是搜索條，分為乙方，合同名稱，合同有限期，合同狀態(tài)的搜索。列表頁界面如下圖 所示： 圖 6 合同 列表頁 頁面的左上角是系統(tǒng)的 logo 和名稱，右側(cè)是目前登錄的管理員。 頁面的制作工具為：phpotoshop 和 Dreamweaver。 北京大學(xué) 基于 web 的合同管理系統(tǒng)的設(shè)計(jì)和實(shí)現(xiàn) 第 30 頁 共 36 頁 合同列表頁 合同 列表頁主要是把所有的合同都列舉出來供管理員查看， 其中 頁面做了分頁的功能。 // 打印 ()。 // 從開始截取到打印結(jié)束的位置 prnhtml=(0,(eprnstr))。 // 打印結(jié)束的標(biāo)志 eprnstr=!endprint。打印功能代碼如下： function doPrint() { // 獲得 body 的 html bdhtml=。 6. 打印功能 打印功能在合同的詳細(xì)頁面如上圖 3 中有打印按鈕。mysql_query($sql)。更新 39。.$edit_array.39。.$username.39。 } 北京大學(xué) 基于 web 的合同管理系統(tǒng)的設(shè)計(jì)和實(shí)現(xiàn) 第 29 頁 共 36 頁 然后點(diǎn)擊提交按鈕跳轉(zhuǎn)的 的 action 為edit 的代碼段。 for(key in o){ result += key+:+o[key]+amp。然后通 過函數(shù)轉(zhuǎn)換為字符串。這個(gè)事件是當(dāng)光標(biāo) 移開文本框的時(shí)候觸發(fā)的事件。 例如在修改合同后就會(huì)把修改的內(nèi)容存入日志表里 。 程序中對提交的參數(shù)進(jìn)行逐一的判斷最后根據(jù)參數(shù)不同來拼出可供查詢的 sql 語句。搜索合同分為按乙方，合同名稱，合同有效期和合同狀態(tài)來進(jìn)行搜索。 4. 查詢合同 此 功 能 涉 及 到 的 文 件 有 和 兩個(gè)文件。 } })。 } })。)。 } else { alert(39。該合同停用成功 39。username=+username+amp。 $.ajax({ type: POST, url: , data: action=delamp。 order_id = $(order_id).val()。 } else { 北京大學(xué) 基于 web 的合同管理系統(tǒng)的設(shè)計(jì)和實(shí)現(xiàn) 第 27 頁 共 36 頁 me = 確定啟用該合同嗎 ?。 代碼如下： $(del).click(function() { type = $(type).val()。 當(dāng)合同過期后管理員可以點(diǎn)擊停用按鈕來停止合同。此功能的流程為先得到合同當(dāng)前的狀態(tài)，在通過狀態(tài)來定義頁面下方的按鈕是停用還是啟用。 3. 停用 /啟用合同 此 功 能 涉 及 到 的 文 件 有 ， 頁 面。函數(shù)執(zhí)行完后頁面就會(huì)變成如下圖所示： 北京大學(xué) 基于 web 的合同管理系統(tǒng)的設(shè)計(jì)和實(shí)現(xiàn) 第 26 頁 共 36 頁 圖 4 合同修改頁面 所有的信息全部變?yōu)榭筛牡男问焦┕芾韱T修改。 })。 $(checkedit).click(function() { $(view).hide()。 用戶可以點(diǎn)擊列表頁里最后一欄的查看詳細(xì)，這是給 頁面?zhèn)饕粋€(gè) action 為view 的 參 數(shù) ， 通過 action 調(diào)用 頁面 。 2. 修改合同 此 模 塊 設(shè) 計(jì) 到 的 文 件 有 ， 頁面。 而 文件會(huì)在接收傳過來的 action，創(chuàng)建合同的 action 為 add，所以程序會(huì)執(zhí)行 add下的代碼即執(zhí)行插入的 sql 語句。 用 戶 點(diǎn) 擊 創(chuàng) 建 合 同 后 會(huì) 跳 轉(zhuǎn) 到 下圖所示分為填寫基本信息 和乙方信息。 1. 創(chuàng)建合同 此模塊涉及到的文件有 ， 和 。涉及的一個(gè)最關(guān)鍵的文件就是 。這樣一個(gè)登錄的模塊就完成了。 這 樣 可 以 判 斷 $password == $objpassword 是否相等。如果行數(shù)為 0 則說明沒有此用戶名這時(shí)向 返回沒有該用戶。）去數(shù)據(jù)庫里的 member表里進(jìn)行匹配查找。是接收參數(shù)并賦值給變量，然后用 sql 語句（ select * from member where username = 39。 $username = $_POST[username]。 } 這個(gè)函數(shù)利用 ajax 的技術(shù)提交到 。password=+password, //傳值 success: function(msg){ $(message).append(msg)。 var password = $(pwd).val()。 1. 界面設(shè)計(jì)： 首頁的用戶登錄如下圖所示 圖 1 用戶登錄 用戶點(diǎn)擊登錄按鈕或者按回車后都會(huì)觸發(fā) function Onsubmit() { $(message).empty()。系統(tǒng)唯一涉及到用戶的就是首頁的登錄頁面。 北京大學(xué) 基于 web 的合同管理系統(tǒng)的設(shè)計(jì)和實(shí)現(xiàn) 第 22 頁 共 36 頁 系統(tǒng) 功能模塊 在這節(jié)里將具體詳細(xì)的介紹 系統(tǒng)的各個(gè)功能的實(shí)現(xiàn)。 在 html 模板 里也運(yùn)用到剛剛定義的變量就是這樣： 對于單個(gè)變量的 username 在 html 模板中可以寫為 {{username}}直接使用。意思就是為 php 頁面指定模板文件。區(qū)別就是 arr 是數(shù)組而 username 是單個(gè)的變量。 $smartyassign(username,$username)。arr39。 下面介紹一下具體的應(yīng)用： 例如在合同的列表頁里 當(dāng)從數(shù)據(jù)庫取出所有信息以后在代碼的最下面進(jìn)行往模板上的賦值 。它分離了邏輯代碼和外在的內(nèi)容，提供了一種易于管理和使用的方法，用來將原本與 HTML 代碼混雜在一起 PHP 代碼邏輯分離。另外還做一個(gè)判斷用戶點(diǎn)擊回車后觸發(fā)這個(gè)函數(shù)和點(diǎn)擊登錄按鈕后觸發(fā)這個(gè)函數(shù)的方法。 // /script 以上這段代碼就是登錄的一個(gè)方法。 } )。 if (==13) { Onsubmit()。 //成功后回調(diào)的函數(shù)把返回的信息放入 message 處 } })。 //此處是得到 username 和 pwd 的值 $.ajax({ //ajax 開始 type: POST, //提交方式為 post url: , //提交到 data: username=+username+amp。 //此處為清空 頁面元素 id 為 message 的內(nèi)容 var username = $(username).val()。在使應(yīng)用更快響應(yīng)和創(chuàng)新的過程中，定義 Web 應(yīng)用的規(guī)則正在被重寫 。下面簡單列舉一些實(shí)力進(jìn)行說明。同事也方便以后的系統(tǒng)維護(hù)。比如 PHP+SMARTY模板， JAVASCRIPT 的 JQUERY 的框架等等。想查詢合同信息的時(shí)候可以根據(jù) order_id字段到 合同信息表里查詢對應(yīng)的 order_id 即可。 管理員表 ： member 字段名稱 數(shù)據(jù)類型 字段說明 userid（主鍵） int(10)auto_increment 管理員 id username varchar(200) 管理員姓名 password varchar(200) 管理員密碼 北京大學(xué) 基于 web 的合同管理系統(tǒng)的設(shè)計(jì)和實(shí)現(xiàn) 第 19 頁 共 36 頁 合同信息表和合同日志表的關(guān)系 合 同 日志 表 log_order 里的 order_id 和 合同 信 息表 里的 主 鍵order_id 是對應(yīng)的關(guān)系。 下面列出本表的字段及字段類型和說明。 合同信息表 contract_order 的設(shè)計(jì) 合同信息表 contract_order：此表用來存放合同的基本信息和簽訂合同的乙方的信息，下面列出本表的字段及字段類型和說明。日志表存放操作合同后產(chǎn)生的日志。期中有三個(gè)表分別為 contract_order(合同信息表 )，log_order(合同的日志表 )， member(管理員信息表 )。 數(shù)據(jù)庫 的 設(shè)計(jì) 本 系 統(tǒng) 采用 MYSQL 為數(shù) 據(jù) 庫來 存 儲(chǔ)信 息。 實(shí)體和屬性的定義： 合同信息 (合同編號， 乙方 ， 合同名稱 ， 合同的有效期開始時(shí)間 ， 合同的有效期結(jié)束時(shí)間 ， 服務(wù)費(fèi)用 ， 服務(wù)費(fèi)用大寫 ， 支付說明 ， 服務(wù)器賬號 ，服務(wù)器中文名字 ， 提供服務(wù)器的類型 ， 服務(wù)器放置位置 ， 乙方負(fù)責(zé)人姓名 ，乙方負(fù)責(zé)人電話 ， 乙方負(fù)責(zé)人郵件 ， 乙方管理員的姓名 ， 乙方管理員電話 ，乙方管理員郵件 ， 合同狀態(tài) ， 創(chuàng)佳時(shí)間 ， 修改時(shí)間 ， 訂單狀態(tài) ) 上面定義了合同信息的主要屬性， 期中合同編號可以定義為自動(dòng)增長的字段， 作為主鍵。如果把 企業(yè)的數(shù)據(jù)比作生命所必須的血液，那么數(shù)據(jù)庫的設(shè)計(jì)就是應(yīng)用中最重要的一部分。 數(shù)據(jù)庫設(shè)計(jì)是指對于一個(gè)給定的應(yīng)用環(huán)境，構(gòu)造最優(yōu)的數(shù)據(jù)庫模式，建立數(shù)