【文章內(nèi)容簡介】 341 商品添加數(shù)據(jù)流程圖 圖 342 其他信息添加數(shù)據(jù)流程圖 D1 打單區(qū)域 商品列表 添加商品 商品添加 打單員 商品查詢 添加商品信息到打印區(qū) 數(shù)據(jù)庫 要打印的商品信息 要打印的商品信息 手工添加 數(shù)據(jù)庫 客戶資料 員工資料 數(shù)據(jù)庫 打單員 D1 打單區(qū)域 客戶姓名和電話，制單人和部門 數(shù)據(jù)庫 修改 11 單據(jù)上的客戶資料和制單人信息默認是從數(shù)據(jù)庫提取，如有信息要修改，打單員可以在打單之前隨時修改信息，程如圖 342 所示。 數(shù)據(jù)條目 表 31 數(shù)據(jù)元條目 數(shù)據(jù)元 條目 送貨單 日期： // 單據(jù) 編號： 客戶： 客戶電話： 151******** 制單人： 序號 商品名稱 單位 數(shù)量 單價 金額 1 10 21 210 2 20 50 3 2 5 4 20 4 80 合計 大寫（人民幣）：叁佰肆拾伍元 小寫：￥ 345 部門 ：人事部 業(yè)務 員： 客戶簽字： （白）存根 （藍）客戶 （紅）倉庫 （黃）記帳 表 32 數(shù)據(jù)元條目 數(shù)據(jù)元條目 銷售統(tǒng)計 銷售單號 名稱 內(nèi)容 單位 數(shù)量 金額 備注 202100001 202100002 202100003 202100004 12 第 4 章 系統(tǒng)設(shè)計 功能結(jié)構(gòu)圖設(shè)計 系統(tǒng)功能概述 圖 41 系統(tǒng)功能圖 前臺功能 商品管理 商品管理設(shè)計了兩個功能： 商品的添加和查詢功能。 1） 商品添加 ? 手工添加商品信息，需要臨時添加少量的商品信息可以用到此功能。 打印報表時，手工添加商品到報表中，如果商品數(shù)據(jù)庫表中不存在次商品，系統(tǒng)會自動把此商品添加到數(shù)據(jù)庫中 。 ? 從數(shù)據(jù)庫添加，直接添加打印的商品信息。 2）查詢 打單系統(tǒng) 前臺功能 數(shù)據(jù)管理 打單管理 商品管理 人員管理 銷售統(tǒng)計 打印、保存記錄及輸出 excel 打單歷史查詢 更新、清除表單數(shù)據(jù) 商品信息添加 商品查詢，打印 客戶資料添加 員工信息添加 保存銷售統(tǒng)計 統(tǒng)計查詢 數(shù)據(jù)庫管理 13 在商品管理中，查詢目標商品信息添加到表單打 印。 人員 管理 設(shè)計此功能主要是為了減少人工的信息輸入， 包括兩方面：員工管理和客戶管理。在 打單 過程中，客戶資料和員工信息默認 從數(shù)據(jù)庫中提出，也可以手工修改。 銷售統(tǒng)計管理 銷售統(tǒng)計功能主要是在打完銷售單后，用以記錄本銷售單的銷售單號，名稱，內(nèi)容，單位，數(shù)量，金額等信息，包括信息的保存和查詢兩個方面。 打單管理 本系統(tǒng) 設(shè)計主要目的是實現(xiàn) 打單功能。 從 圖 41 系統(tǒng)功能圖 能夠看出，系統(tǒng)除了能夠正常的打印表單外，還設(shè)計了歷史查詢功能，該功能是為了讓業(yè)主了解同種產(chǎn)品的 銷售價格變化情況。 數(shù)據(jù)管理 數(shù)據(jù)庫管理 數(shù)據(jù)庫管理是針對商品，員工和客戶資料，銷售統(tǒng)計，打單的相應數(shù)據(jù)表進行管理，包括表的修改，刪除，添加和查詢，以及數(shù)據(jù)的修改，刪除，添加和查詢，該功能對于打單系統(tǒng)來說主要可以及時清除很久以前的舊賬，需要管理員權(quán)限。 數(shù)據(jù)庫設(shè)計 數(shù)據(jù)庫結(jié)構(gòu)設(shè)計 用戶的需求具體體現(xiàn)在各種信息的提供、保存、更新和查詢，這就要求數(shù)據(jù)庫結(jié)構(gòu)能充分滿足各種信息的輸出和輸入。收集基本數(shù)據(jù)、數(shù)據(jù)結(jié)構(gòu)以及數(shù)據(jù)處理的流程，組成一份詳盡的數(shù)據(jù)字典，為后面的具體設(shè) 計打下基礎(chǔ)。 仔細分析調(diào)查有關(guān) 打單系統(tǒng) 信息需求的基礎(chǔ)上，得到如圖 421 所示的本系統(tǒng)所處理的數(shù)據(jù)流程。 圖 421 打單 系統(tǒng)數(shù)據(jù)功能概況圖 添加 ，輸出 和保存 商品信息 客戶信息 員工信息 打單 銷售統(tǒng)計 打單記錄 14 通過對 打單系統(tǒng) 的內(nèi)容和數(shù)據(jù)流程分析，設(shè)計數(shù)據(jù)項和數(shù)據(jù)結(jié)構(gòu)如下： ? 商品信息，包括的數(shù)據(jù)項有 ：名稱、單位、數(shù)量、單價、添加日期等。 ? 客戶信息，包括的數(shù)據(jù)項有：客戶姓名、客戶電話 等 。 ? 員工信息，包括的數(shù)據(jù)項有：制單人姓名、部門 等 。 ? 銷售統(tǒng)計信息，包括的數(shù)據(jù)項有：銷售單號、名稱、內(nèi)容、單位、數(shù)量、金額、日期、備注等。 ? 打單信息，包括的數(shù)據(jù)項有：單據(jù)編號、商品名稱、單位、數(shù)量、價格、金額、日期等 。 ? 打單記錄信息， 包括的數(shù)據(jù)項有：單據(jù)編號、商品名稱、單位、數(shù)量、價格、金額、日期、 制單人，客戶，客戶電話，部門等。 數(shù)據(jù)模型 ER 圖 客戶信息商品信息 員工信息銷售統(tǒng)計表單信息打單記錄信息clientidnamephoneint(10)varchar(20)varchar(15)pkcountidT_idT_nameT_contentT_unitT_numT_sumT_dateremarkint(10)varchar(20)varchar(20)varchar(50)varchar(20)int(10)decimal(10,2)datetimevarchar(50)pkpkgoodsidD_nameD_unitD_numD_priceD_dateint(10)varchar(20)varchar(20)int(10)decimal(10,2)datetimepkpkhistoryidD_idD_nameD_unitD_numD_priceD_moneyD_dateT_nameC_nameC_phoneT_brachint(10)varchar(20)varchar(20)varchar(20)int(10)decimal(10,2)decimal(10,2)datetimevarchar(10)varchar(20)varchar(15)varchar(20)pkpkprintidD_idD_nameD_unitD_numD_priceD_moneyD_dateint(10)varchar(20)varchar(20)varchar(20)int(10)decimal(10,2)decimal(10,2)datepkpk,fk1fk3useridnamebranchint(10)varchar(20)varchar(20)pk 圖 422 數(shù)據(jù)模型 ER 圖 15 數(shù)據(jù)字典 表 41 商品信息表 字段名 類型 備注 說明 D_id int(10) pk ID 自動遞增 D_name varchar(20) pk 商品名稱 D_unit varchar(20) 單位 D_num int(10) 數(shù)量 D_price decimal(10,2) 價格 D_date datetime 添加日期 表 42 客戶信息表 字段名 類型 備注 說明 id int(10) pk ID 自動遞增 name varchar(20) 姓名 phone varchar(15) 客戶電話 表 43 員工信息表 字段名 類型 備注 說明 id int(10) pk ID 自動遞增 name varchar(20) 姓名 branch varchar(20) 部門 表 44 銷售統(tǒng)計信息表 字段名 類型 備注 說明 id int(10) pk ID 自動遞增 T_id varchar(20) pk 銷售單號 T_name varchar(20) 名稱 T_content varchar(50) 內(nèi)容 T_unit varchar(20) 單位 T_num int(10) 數(shù)量 T_sum decimal(10,2) 金額 T_date datetime 日期 16 remark varchar(50) 備注 表 45 表單信息表 字段名 類型 備注 說明 id int(10) pk ID 自動遞增 D_id varchar(20) pk fk1 單據(jù)編號 D_name varchar(20) fk3 商品名稱 D_unit varchar(20) 單位 D_num int(10) 數(shù)量 D_price decimal(10,2) 單價 D_money decimal(10,2) 金額 D_date date 打單日期 表 46 打單記錄信息表 字段名 類型 備注 說明 id int(10) pk ID 自動遞增 D_id varchar(20) pk 單據(jù)編號 D_name varchar(20) 商品名稱 D_unit varchar(20) 單位 D_num int(10) 數(shù)量 D_price decimal(10,2) 單價 D_money decimal(10,2) 金額 D_date datetime 打單日期 T_name varchar(10) 制單人 C_name varchar(20) 客戶 C_phone varchar(15) 客戶電話 T_brach varchar(20) 部門 代碼與界面設(shè)計 代碼和界面的設(shè)計是前面所述的需求分析的功能的具體實現(xiàn)，代碼與界面的設(shè)計直接影響軟件的 遠行效率和用戶的體驗 。所以代碼設(shè)計和界面設(shè)計 必須統(tǒng)籌規(guī)劃，參照相關(guān)的標準和原則 。 17 代碼設(shè)計原則 為了系統(tǒng)的高效穩(wěn)定的效果，在實施系統(tǒng)的過程中，主要遵循以下原則： ? 標準化?？紤] 到編碼的格式 ， 在國內(nèi)盡可能使用 GB2312 編碼。 ? 通用性。盡量采用原業(yè)務處理上已使用的且行之有效的代碼，方便使用。 ? 擴展性?？紤]功能的增強 ，當增加 新的功能時 ，直接利用原代碼追加，保持原代碼體系不變。 ? 可讀 性。代碼 設(shè)計 盡可能在必要的位置進行注釋，增強可讀性 。 ? 簡明性。在不影響代碼系統(tǒng)的容量和擴充性的前提下，代碼盡可能簡短、統(tǒng)一。 界面設(shè)計 此系統(tǒng)是利用可視化編程工具 dreamweaver 開發(fā)設(shè)計的界面，在界面設(shè)計中，考慮到 用戶最直觀的體驗， 就是為了用戶的工作更加方便 、 快捷 ，界面設(shè)計應該遵循簡潔而不簡單，功能全面。 詳細設(shè)計 系統(tǒng)的主界面 打單系統(tǒng)所有的功能按鈕都設(shè)計在此界面上， 所圖 4331 所示， 最上面的商品信息添加，左邊的數(shù)據(jù)庫管理，右邊的客戶和員工資料添加，最下面的保 存銷售統(tǒng)計和最中間的打單區(qū)域。 圖 4331 系統(tǒng)主界面 18 在這里介紹幾個關(guān)鍵技術(shù)的代碼實現(xiàn)： Media 屬性實現(xiàn) 部分區(qū)域打印 jQuery 框架 異步提交更新數(shù)據(jù) script type=text/javascript $.ajaxSetup({ contentType: application/xformurlencoded。 charset=GBK })。 $(document).ready(function(){ $(tabletbodytrtd).dblclick(function(){ var inval=$(this).html()。 var infd=$(this).attr(fd)。 var inid=$(this).parents().attr(id)。 var hasinput=INPUT。 var putindex=(hasinput)。 if (putindex=0) { var hasval=value。 var hasjqu=jQuery。 var valindex=(hasval)。 var jquindex=(hasjqu)。 var subval =(valindex+6,jquindex1)。 alert(39。請雙擊鼠標即可，請勿連續(xù)點擊 !39。)。 } if(putindex=0){ $(this).html(input id=39。edit +infd+inid+ 39。 value=39。+inval+39。)。 $(edit+infd+inid).focus().live(blur,function(){ var editval=$(this).val()。 $(this).parent(td).html(editval)。 $.post(,{id:inid,fd:infd,val:editval})。 })。} })。})。 /script style media=print Noprint{display:none。} .PageNext{pagebreakafter: always。} /style div 打印區(qū)域 ! /div div id=”Noprint” 隱藏內(nèi)容區(qū)域 ! /div div class=”PageNext” 打印下一頁 ! /div 19 WebBrowser 打