1、課 程 設 計課程名稱：題目名稱：學生學院：專業班級：學 號：學生姓名： 指導教師： 2007 年 3月 4日目錄1系統分析31.1用戶需求31.2目標系統的流程41.3目標系統的數據存儲分析：72.系統設計102.1 網站總體設計102.1.1一般關系模型設計102.1.2前臺總體結構設計102.1.3后臺總體結構設計112.2網頁詳細設計122.2.1數據庫結構的具體設計122.2.2主頁總體布局設計122.2.3JavaBeans或類設計142.2.4基礎數據頁面設計142.2.5核心處理功能網頁設計153. 系統實現與運行183.1數據庫表結構的建立與數據輸入183.2網站系統設計與測

2、試213.3系統操作使用的簡要說明263.4運行系統并打印出運行結果263.5系統評價：29概述：本系統是以B/S模式設計了一個網上訂餐系統，可滿足大多數中小型的餐飲商務網站要求。系統統實現了一個完整的網上交易過程，系統結構簡單但功能齊全,系統中絕大多數ASP頁都直接訪問WEB服務器的文件系統或數據庫服務器的數據庫系統，快餐添加功能中的圖片上傳采用組件訪問WEB服務器。企業中利用計算機信息化管理是不可阻擋的趨勢，也是 21 世紀企業取得成功關鍵的一步。 餐飲系統的主要目標是實現對餐飲內部各種管理的電子化、自動化、提高各個模塊的辦公效率，為高質量餐飲服務提供保證。系統是以dreamweaver為

3、前臺開發工具，以 Microsoft access 為后臺數據庫服務器，采用當前最流行的 B/S 架構, 利用數據庫及分布式處理技術、模塊化功能設計等。系統著眼于餐飲業的當前管理與未來發展。系統結構圖如下：ASP頁上傳組件數據庫服務器WEB服務器 1 系統分析1.1用戶需求：網上訂餐系統是一種具有交互功能的商業信息系統，它在網絡上建立一個虛擬的快餐商城，使得訂餐過程變得輕松、快捷、方便，同時會員也可以在網上免費開一家自己的網上餐店，本系統包括了會員管理、快餐管理和訂餐車管理3種功能，另外添加了必要的系統管理。自從計算機應用于管理領域以來，短短的 30 多年，發生了驚人的變化；在信息系統開發與應

4、用方面的進展相當神速,在餐飲業競爭越來越激烈的今天，餐飲業該如何提高服務質量和管理能力顯得越來越重要。尤其是大型餐飲企業，企業內部服務項目眾多，即要完成前臺的一般性服務工作，又要完成后臺的管理工作，前臺包括：客人點菜管理、收銀管理、會員管理、菜品分類管理、菜品品種管理、每日統計營業狀況等；后臺包括：原料的進出、原料庫存量即時監控、原料消耗日盤點、原料的損耗、人員管理、成績考核等眾多的內容。如果沒有一套可靠的管理系統，單憑原始的手工操作，不僅管理效率低，而且經常出現錯誤。再加上一些未知的人為因素，不僅影響企業的經營成本，降低利潤，還會極大的影響餐飲業的服務質量。 可行性分析：據我們調查：一些酒店

5、、飯店采用手工點菜、結帳；客人就餐率為 30% 的時候，服務員可以應付自如，服務員人數供過于求；當就餐率為 60% 的時候，服務員顯得有些忙碌，尤其是遇到分樓層的情況，服務員需要不停地上下走動，有點供不應求；當就餐率為 90%-100% 的時候，服務員就顯得過于忙碌，忙亂時常常顧此失彼，出現這樣那樣的錯誤，大大影響了服務質量；在結帳時，還會出現客人等待、算錯帳、跑單的現象。在原料倉庫中，菜品原料數量不很確實，浪費嚴重。因為企業的營業收入就在菜品售價與原料的差額中，無論是原料管理還是收銀管理，只要其中一項出現錯誤，就會直接影響企業的效益。 利用計算機系統來管理店內的所有業務，不僅速度快、效率高，

6、而且大大提高了數據的準確率。即排除了人為因素的干擾，又使各方面的數據得到嚴格控制，降低了經營成本，增加了企業效益，大大提高了餐飲業務辦公的自動化程度。無形中就提高了工作效率和企業的管理水平，使企業贏得了時間，贏得了客戶，贏得了效益。這才符合現代化企業管理的要求。使企業全面提升了一個檔次。 所以，餐飲企業使用計算機系統來管理各種業務是當今社會的一個必然發展趨勢。計算機還可以實現數據遠程傳輸，您只要輕輕一擊鼠標，即可對整個企業的運營狀況了如支撐。1.2目標系統的流程所選業務相關的組織機構圖：說明：本站是提供免費為會員開店的多店方案快餐系統，特點是店鋪可分布在不同地區，甚至是不同城市,系統管理員審核

7、通過的店主可掌管理各店鋪的經營狀態, 包括快餐管理，訂單管理，留言管理等等。注冊會員可根據實際需要在不同店鋪都可以訂餐。各分店運用同一套系統，進行各自的管理，單獨核算。前臺客戶登陸數據流程圖：后臺管理數據流程圖：畫出網上訂餐系統圖T 圖T：網上訂餐系統根據功能數據（P-D）分析法，敘述分析過程并畫出U/C矩陣如下：數據資料過程購買訂單客戶檔案未注冊用戶注冊用戶錯誤單據正確單據錯誤通知單庫存檔案缺貨通知單購買單配送單錯誤單據正確單據發貨單庫存臺帳發票收據購買商品U1審核客戶UCCCC拒絕購買UUC審核單據CCUC拒絕購買UC審核庫存UUCCU2登記購買UC生產配送單UCUCC審核單據UCC生成發

8、貨單UC3修改庫存信息UC發貨配送UC畫出網上訂餐系統0層圖 圖0：網上訂餐系統1.3目標系統的數據存儲分析：從設計E-R圖的基本原則：原則1：能獨立存在的事物，例如人、物、事、地、團體、機構、活動、事項等等，在其有多個由基本項描述的特征需要被關注時，就應把它作為實體。 原則2：兩個或多個實體間的關聯與結合，如主管、從屬、組成、占有、作用、配合、協同等等當需要予以關注時，應作為聯系。聯系通常是某類行為動作，ERD中關注的是其狀態與結果而非其過程。 原則3：實體的屬性是實體的本質特征。實體應有標識屬性（能把不同個體區分開來的屬性組），并指定其中一個作為主標識。聯系的屬性是聯系的結果或狀態。屬性具

9、有如下幾個特點：a.非多值性；b.非復合性；c.非導出性。而實體的屬性還應有非關聯性。 原則4（一事一地原則）：所有基本項在同一E-R圖中作為屬性要在且僅在一個地方出現。畫出ERD系統管理員管理員密碼管理員賬號編號系統管理員E-R圖用戶（包括掌柜）聯系電話 用戶密碼用戶賬號用戶編號用戶信息表E-R圖快餐信息表快餐大類 快餐名稱用戶編號快餐編號快餐信息表E-R圖訂單信息表用戶姓名 用戶賬號用戶編號訂單編號訂單信息表E-R圖系統信息表網站LOGO地址 網站地址網站名稱編號系統信息表E-R圖留言表用戶頭像 用戶賬號用戶編號留言ID留言表E-R圖總體的E-R圖根據從E-R圖導出一般關系模型的4個原則：

10、原則1：E-R圖中的每一個獨立實體變換為一個關系，其屬性變為關系的屬性，其主標識變為關系的主碼。原則2：E-R圖中的從實體及相應的“的”聯系變換為一個關系，從實體的屬性加上主實體關系的主碼構成這個關系的屬性。如果“的”聯系是1：1的，則以主實體關系的主碼加上同一主實體個體聯系的不同從屬實體個體賴以相互區分的屬性組，組成該關系的主碼。原則3：M聯系通過在“多”實體關系中增加相聯系的“1”實體關系的主碼及聯系本身的屬性來表達。其中“1”實體主碼為外來碼。原則4：M：M聯系轉換成一個獨立的關系，被聯系實體關系的主碼（作為外來碼）和聯系本身的屬性作為該關系的屬性，被聯系實體關系的主碼組成其復合主碼。整

11、理伴隨著DFD的繪制畫出的功能層次圖（FHD），得到新系統的FHD。系統功能模塊圖(會員管理模塊、在線訂餐模塊和系統管理模塊)會員管理模塊用戶注冊用戶審核用戶登錄驗證在線訂餐模塊快餐查找訂餐車管理訂單查詢系統管理模塊快餐信息管理交易信息管理系統信息管理根據這些功能，設計出系統的功能層次，如下圖快餐管理訂單管理留言管理會員管理系統管理瀏覽快餐MF網上訂餐系統搜索快餐前臺管理后臺管理用戶注冊在線訂餐瀏覽新聞用戶管理功能模塊系統用戶信息管理創建修改刪除店主信息系統管理員修改刪除用戶信息管理系統信息修改自身密碼管理店鋪站務信息店主修改自身密碼創建修改自身信息信息會員創建修改個人資料查看訂單留言信息等信

12、息2.系統設計2.1 網站總體設計2.1.1一般關系模型設計用戶編號 用戶編號 2.1.2前臺總體結構設計：2.1.3后臺總體結構設計：2.2網頁詳細設計2.2.1數據庫結構的具體設計：a.用戶信息：用戶編號、用戶賬號、密碼、姓名、性別、QQ號碼、電話、EMAIL、收餐地址、注冊時間等b.快餐信息：快餐編號、快餐ID、快餐名、所屬大類、所屬小類、快餐介紹、市場價、會員價和加入時間等c.訂單信息：訂單ID、用戶賬號、姓名、QQ號碼、 電話、 收餐地址和付款方式等2.2.2主頁總體布局設計：前臺主頁面布局：亮麗快餐網主頁面設計獨特而引人入目，不僅在主菜單上面提供了最新快餐，購物車，客戶留言和關于本

13、站信息，而且還在頁面一角提供了新品推薦供顧客瀏覽和了解。除此之外，還提供了大量可供查看的快餐供顧客能立即定購。顧客還可以通過用戶注冊而成為網站的會員，注冊成會員后，顧客就可以通過查詢自己想要訂購的快餐來進行網上定購，整個過程非常方便。顧客能夠享受到優質的服務質量。主頁面：后臺管理布局：后臺主要有用戶管理，快餐管理，站務管理，退出系統和系統信息等幾個模塊，用戶管理里面包括添加管理員，管理員審核兩個功能；快餐管理包括管理快餐，添加快餐，添加大類，添加小類等4個功能；站務管理包括會員管理，客戶訂單處理，客戶訂單查看和管理客戶留有等4個功能；后臺登陸頁面：后臺管理系統頁面：2.2.3JavaBeans

14、或類設計：我們可以把可重用的代碼部分（如數據庫的連接）和頁面邏輯部分寫入JavaBean中，還可以通過使用JavaBean來減少在Jsp頁面中腳本語言的使用率，這樣可以使得Jsp頁面更簡潔、更容易維護、更容易被非編程人員接受。在開發過程中經常需要對數據庫操作，這就需要連接數據庫和操作數據庫（包括數據的插入、更新、刪除和查詢等），因此將連接數據庫和操作數據庫的代碼寫成了一個JavaBean：connDB.java。具體代碼請查看網站目錄下WEB-INFclassesbeans的connDB.java文件。在開發過程中經常需要考慮中文亂碼問題、過濾一些特殊字符（如空格與Null值等）和顯示文本中的

15、回車換行、空格。此功能通常都需要編寫成一個獨立的JavaBean：chStr.java完成，具體代碼請查看網站目錄下WEB-INFclassesbeans的chStr.java文件。在購物車中程序需要使用一個foodelement對象保存所選食物信息，生成該對象的JavaBean：bookelement.java。具體代碼請查看網站目錄下WEB-INFclassesbeans的bookelement.java文件。2.2.4基礎數據頁面設計：例如對客戶的信息刪除頁面如下：如果要刪除掉賬號為1234，姓名為li的客戶，直接點擊操作中的刪除鈕，就可以把該客戶注冊信息刪除掉，出現刪除后的頁面如下，這

16、是記錄中就減少了一條數據。如圖：2.2.5核心處理功能網頁設計：例1：購物車網頁設計：當你在主頁面中點擊了一下三種快餐的訂購后，在查看購物車欄里就出現以下頁面：訂購完后選擇“去收銀臺”付賬，出現下圖：點擊下一步，出現訂單信息框，如下：出現確認信息如下圖：點擊提交訂單，出現訂單成功框，并記下你的訂單號，如下：例2：客戶留言網頁設計：點擊客戶留言后，你就可以在網頁上面留下你對本網站服務或者快餐質量的各種意見，點擊右邊的“簽寫新留言”就出現一下頁面：填寫留言信息后，如下圖：點擊“提交留言”后，出現提交成功對話框：在主頁面的客戶留言中就可以瀏覽到自己的留言信息，如下圖：3. 系統實現與運行3.1數據庫

17、表結構的建立與數據輸入：數據庫邏輯設計：圖1：系統管理員圖2：用戶信息表圖3：快餐信息表圖4：快餐大類圖5：快餐小類圖6：訂單信息表圖7：系統信息表圖8：留言表圖9：快餐新聞表3.2網站系統設計與測試：會員管理模塊 (包含以下幾個子模塊,會員注冊、會員審核、用戶登錄驗證）reguser.asp頁面代碼function FORM1_onsubmit()/通過return FORM1_onsubmit()來判斷用戶輸入是否合法;if (chkitem(document.FORM1.uid.value)=0)alert("請輸入正確的會員帳號。");document.FORM1.

18、uid.focus();return false;</SCRIPT><FORM language=javascript name=FORM1 onsubmit="return FORM1_onsubmit()" action=reguser2.asp method=post>/將uid的值送入reguser2頁面。 <INPUT maxLength=16 size=12 name=uid> </tr> <INPUT class=main type=submit size=3 value=立刻注冊 name=Submit2

19、2 style="border:1px dotted gray; "> </FORM>reguser2.asp頁面代碼<% LANGUAGE="VBSCRIPT" %><!-#include file="conn.asp"->/引用數據庫連接對象文件<%set rs=server.createobject("adodb.recordset")/創建一個記錄集對象sqltext="select * from RegUser where UserId='

20、" & request.form("uid") & "'"/執行查詢操作，查找是否用戶輸入的名稱己存在；rs.open sqltext,conn,1,1/打開記錄集對象'查找數據庫，檢查用戶名是否已經注冊過if rs.recordcount >= 1 then if rs("userid")=request.form("uid") then Response.Redirect "loginsb.asp?msg=此用戶名已經注冊過，請選用其他用戶名!"

21、; response.end rs.close end ifend if%>reguser3.asp頁面代碼如果會員庫中不存大此用戶名，剛同意注冊，以下是執行添加新用戶操作<%set rs=server.createobject("adodb.recordset")sqltext="select * from RegUser"rs.open sqltext,conn,3,3'添加一個用戶到數據庫rs.addnewrs("UserId")=request.form("uid")rs("P

22、assWD")=request.form("pwd")rs("WtPass")=request.form("question")rs("DaPass")=request.form("answer")rs("Name")=request.form("Name")rs("Sex")=request.form("Sex")rs("Email")=request.form("Email

23、")rs("Phone")=request.form("usephone")rs("Address")=request.form("haddr")rs("qq")=request.form("qq")rs.update%>user_check.asp 為管理員對用戶信息進行操作<!-#include file="conn.asp"-><%set rs=server.createobject("adodb.reco

24、rdset")sqltext="select * from RegUser" rs.open sqltext,conn,1,1dim MaxPerPageMaxPerPage=20/每頁顯示20條記錄'假如沒有數據時If rs.eof and rs.bof then call showpages response.write "<p align='center'><font color='#ff0000'>還沒任何用戶資料</font></p>" respo

25、nse.endEnd if'取得頁數,并判斷用戶輸入的是否數字類型的數據，如不是將以第一頁顯示dim text,checkpagetext="0123456789" Rs.PageSize=MaxPerPagefor i=1 to len(request("page") checkpage=instr(1,text,mid(request("page"),i,1) if checkpage=0 then exit for end ifnext分頁顯示模塊If checkpage<>0 then If NOT IsE

26、mpty(request("page") Then CurrentPage=Cint(request("page") If CurrentPage < 1 Then CurrentPage = 1 If CurrentPage > Rs.PageCount Then CurrentPage = Rs.PageCount Else CurrentPage= 1 End If If not Rs.eof Then Rs.AbsolutePage = CurrentPage end ifElse CurrentPage=1End ifcall sh

27、owpagescall listIf Rs.recordcount > MaxPerPage then call showpagesend ifSub list()%> '顯示帖子的子程序 <%if not rs.eof then i=0 do while not rs.eof %> <tr class=main1> <td width="15%" align="center" height="25"> <%response.write "<a href=&

28、#39;user_detail.asp?ID="&rs("Id")&"&page="&CurrentPage&"' ><font color=#0000FF>詳細資料</font></a>"%></td>/傳遞用戶編號到user_detail.asp查看相應的用戶信息 <td width="14%" align="center" height="25"&

29、gt;<%response.write "<a href='javascript:confirmdel(" & rs("Id") & ","& CurrentPage&")'><font color=#0000FF>刪除</font></a>"%></td></tr>/執行刪除用戶操作，通過confirmdel函數確定用戶是否執行操作，是不話則通過傳遞用戶編號到DEL_USER.ASP

30、文件去執行刪除用戶命令<% i=i+1 if i >= MaxPerpage then exit do rs.movenext loopend if%> <%End subrs.close關閉記錄集對象conn.close關閉數據庫連接%> sub showpages()%>'顯示翻頁的子程序<%end sub%>orderloginsb.asp 驗證用戶登錄<%Name = Request.form("uid")/接收送來的用戶名Pwd = Request.form("pwd")/接收表單密

31、碼set Rs = Server.CreateObject("ADODB.recordset")/建立記錄集對象sql="select * from RegUser where UserId='"&Name&"'and PassWD='"&Pwd&"'"rs.open sql,conn,1,1/根據用戶名和密碼查找表RegUserIF rs.RecordCount >=1 then/如果存在 Session("LoginSuccess&

32、quot;)=rs("UserId")/利用SESSION保存用戶信息 Session("regtime")=rs("RegTime") response.redirect "index.asp"/轉到首頁 else/否則提示出錯 response.Write("<script language='javascript'>alert('請輸入正確帳號和密碼！');history.go(-1);</script>") End if rs.close/關閉記錄集conn.close/關閉數據庫連接%>orderlogin.asp 用戶登錄頁面<FORM language=javascript n