畢業(yè)論文：單頁面WEB應用軟件開發(fā)實踐

目錄/提綱：……
1、投資少，回收快
2、基本不需要暫壓資金
3、24小時營業(yè)
4、不受店面空間的限制
5、不受地理位置的影響
1、經濟：實現(xiàn)這個平臺設計是否有經濟效益
2、技術：現(xiàn)有的技術能否開發(fā)該平臺，會有哪些困難
3、運行：該平臺規(guī)定的運行方式是否可行
4、法律：該平臺的開發(fā)會不會在社會上引起侵權或其它責任問題
……

大學學士畢業(yè)論文
單頁面WEB應用軟件開發(fā)實踐
學　　院： 數(shù)學科學學院
�！　I(yè)：信息與計算科學

摘 要

當前，隨著Internet的飛速發(fā)展,電子商務在經濟領域將會扮演越來越重要的角色.網(wǎng)上購物已成為一種時尚,開始接受網(wǎng)上購物。作為大學階段的畢業(yè)設計項目，作者所在畢業(yè)設計小組開發(fā)了網(wǎng)上生鮮超市系統(tǒng)。本文介紹了該系統(tǒng)的重要組成部分---后臺管理子系統(tǒng)。該系統(tǒng)以軟件工程開發(fā)思想為指導，以Internet的TCP/IP協(xié)議和單頁面Web應用程序開發(fā)模式為基礎；用SQL Server 2005數(shù)據(jù)庫系統(tǒng)的Microsoft Visual Studio 2008開發(fā)平臺；利用E*t JS腳本框架進行開發(fā)網(wǎng)上生鮮超市的后臺管理。E*t JS是封裝javascript的腳本框架，具有絢麗的用戶界面，開發(fā)速度快等優(yōu)點。網(wǎng)上生鮮超市后臺主要實現(xiàn)了：全部訂單、未確認訂單、未發(fā)貨訂單、未簽收訂單和完成訂單的查看，進貨單明細瀏覽以及進貨信息錄入操作功能。
本文詳細說明了我們設計開發(fā)網(wǎng)上生鮮超市后臺的分析思考和實現(xiàn)精要，重點闡述了其設計構想和系統(tǒng)實現(xiàn)過程。

關鍵詞：網(wǎng)站，網(wǎng)上生鮮超市，軟件工程，單頁面，E*t JS



Abstract

At present, with the rapid development of the Internet, e-commerce will play an increasingly important role in the economic field. Online shopping has become a fashion. More and more people have started to accept online shopping. As a college graduation design project, our design team developed an online system of fresh supermarkets. This thesis describes an important part of the system-----the backstage management subsystem. The system, which follows the thought of software engineering, and bases on the TCP / IP protocol of the Internet and the development model of single-page Web application, develops platform with the Microsoft Visual Studio 2008 of the SQL Server 2005 data system and develops backstage management Web of online supermarket with E*t JS script framework. E*t JS with a beautiful user interface and high developing speed is the script framework which encapsulates JavaScript. Online fresh supermarkets have such functio
……（新文秘網(wǎng)http://m.120pk.cn省略2346字，正式會員可完整閱讀）……　
、基本不需要暫壓資金。實體店的進貨資金少則幾千元，多則數(shù)萬元，而網(wǎng)上商店則不需要壓資金；
3、24小時營業(yè)。網(wǎng)上商店延長了商店的營業(yè)時間，一天24小時，一年365天不停地運作，無須專人值班看店，都可照常營業(yè)。實體店的營業(yè)時間一般為一天8—12小時，遇上壞天氣或者老板、店員有急事也不得不暫時休息；
4、不受店面空間的限制。哪怕只是街邊的小店，在網(wǎng)上卻可以擁有百貨大廈那么大的店面，只要投資者愿意，可以擺上成千上萬種商品。目前國內最大的專業(yè)拍賣網(wǎng)站同時在線的商品要超過10萬件，已經超過一些大型超市；
5、不受地理位置的影響。不管客戶離店有多遠，也不管顧客是國內還是國外，在網(wǎng)上，客戶一樣可以很方便地找到并購買商品。這令消費_突破了地域的限制，變得無限廣闊。
2.2網(wǎng)上商店的可行性分析
隨著計算機技術的發(fā)展和網(wǎng)絡人口的增加，網(wǎng)絡世界也越來越廣博，越來越豐富，電子商務已經成為網(wǎng)上的一股潮流。相信要不了多久，顧客就可以在網(wǎng)絡世界里獲得他們在現(xiàn)實世界中可以獲得的所有商品和服務。
可行性研究是為了研究系統(tǒng)開發(fā)的項目是否可以實現(xiàn)并且值得開發(fā)的研究過程，這實際上是一次大大簡化系統(tǒng)分析和系統(tǒng)設計的過程，所以，進行可行性分析是非常必要的，也是很重要的，經過最初的設計目標和進行的市場調查得出以下四點可行性分析：
1、經濟：實現(xiàn)這個平臺設計是否有經濟效益。該平臺設計只是作為本小組的課程設計，又因為設計能力有限，其功能還不能充分完善，所以沒有什么經濟效益可談。
2、技術：現(xiàn)有的技術能否開發(fā)該平臺，會有哪些困難。
3、運行：該平臺規(guī)定的運行方式是否可行。
4、法律：該平臺的開發(fā)會不會在社會上引起侵權或其它責任問題。因為該平臺是作為課程設計與商業(yè)無關，并且該平臺是自主開發(fā)設計，因此不會構成侵權，在法律上是可行的。


第三章 系統(tǒng)設計
3.1 系統(tǒng)目標
目前流行的網(wǎng)上購物系統(tǒng)不僅需要一個漂亮的網(wǎng)頁，更需要嚴謹?shù)囊?guī)劃，注重每一個細小的環(huán)節(jié)，這樣才能使得在電子交易時避免不必要的錯誤發(fā)生。我們將使用E*t JS框架，Aja*技術來編輯網(wǎng)頁，并運用技術把數(shù)據(jù)庫和動態(tài)網(wǎng)頁相關聯(lián)。使得該系統(tǒng)具有以下主要功能：
1、具備良好的人際界面，方便用戶操作；
2、為了保證對數(shù)據(jù)的合理操作和保障數(shù)據(jù)的安全性，劃分用戶的管理權限；
3、訂單信息的詳細查詢，包括全部訂單、未確定訂單、未發(fā)貨訂單、未簽收訂單以及已確定訂單，方便管理員對網(wǎng)上客戶訂單的管理；
4、進貨單的明細瀏覽，在該系統(tǒng)中管理員可以按兩種方式對貨源進行查詢：按時間查詢進貨單和按提貨商查詢進貨單，使得管理詳細和清晰。
5、商品進庫的操作，為使得管理員對所有商品有一個詳盡的統(tǒng)計和管理，該系統(tǒng)在進庫操作中，設置了商品ID、產品名稱、生產廠商、進貨價格和進貨數(shù)量。
3.2 后臺管理流程圖設計
管理員登入系統(tǒng)前先校驗賬號和密碼，判斷是否為管理員，如果為是就進入管理員系統(tǒng)。登錄系統(tǒng)成功后選擇要操作的模塊�？梢圆榭此杏唵蔚臓顟B(tài)，也可以分類瀏覽訂單，例如只瀏覽未確認訂單。進行確認未發(fā)貨訂單操作等。還可以根據(jù)輸入的條件查詢歷史進貨單，條件可以是時間，也可以是供應商。最后就是新進貨單信息的錄入，根據(jù)輸入進貨單信息修改后臺的進貨單的數(shù)據(jù)庫。
網(wǎng)上生鮮超市后臺管理系統(tǒng)的流程圖如圖3-1。
3.3系統(tǒng)功能結構
網(wǎng)上生鮮超市后臺管理包括訂單查看模塊、訂單處理模塊、進貨單明細瀏覽模塊、商品進庫操作模塊。其中訂單查看模塊包含管理員對全部訂單、未確認訂單、未發(fā)貨訂單、未簽收訂單和完成訂單的查看；訂單處理包含對未確認訂單進行確認，對未發(fā)貨的訂單進行發(fā)貨。進貨單明細瀏覽模塊包含按時間進行查詢，及按生產廠商進行查詢，兩個查詢條件任選一個。商品進庫操作模塊錄入進貨單的以下信息：商品ID，生產廠商，生產商品名稱，進貨價格，進貨數(shù)量。
網(wǎng)上生鮮超市后臺管理系統(tǒng)的系統(tǒng)功能結構圖如圖3-2：





否


是
進貨單明細瀏覽
























圖3-1 網(wǎng)上生鮮超市后臺管理系統(tǒng)的流程圖



















圖3-2系統(tǒng)功能結構圖


3.4 數(shù)據(jù)表
用戶表 T_Users 如表3-1所示，它負責保存用戶的信息，在用戶進行注冊時將在數(shù)據(jù)庫中創(chuàng)建一條對應的記錄，并在每次用戶登錄時從中獲得對應的用戶登錄賬號與密碼進行校驗。
表3-1 用戶信息表T_Users
　字段名 類型 默認值 是否為null 備注
UserID Int 　1 Not null 自增主鍵
Username Nvarchar(200) Not null 登陸賬號
Password Nvarchar(120) Not null 密碼
Realname Nvarchar(200) Not null 真實名字
Address Nvarchar(500) Not null 通訊地址
Phone Nvarchar(100) Not null 聯(lián)系方式
Email Nvarchar(100) 電子郵件
Description Nvarchar(800) 　 備注

優(yōu)惠信息表T_News如表3-2所示
表3-2 優(yōu)惠信息表T_News
　字段名 類型 　默認值 　是否為null 　備注
NewID Int 1 Not null 自增主鍵
Title Nvarchar(200) 標題
Content Nte*t 內容
CreatTime Datetime 創(chuàng)建

產品分類表T_Category如表3-3所示
表3-3商品類別信息表T_Category
　字段名 類型 默認值 是否為null 備注
CategoryID nvarchar(210) 　 Nat null 自增主鍵
Title Nvarchar(200) 標題
Description Nte*t 備注

商品表T_Products如表3-4所示，它保存系統(tǒng)中所有的商品信息，用戶可以對系統(tǒng)中的商品信息進行搜索，并將選購的商品放入購物車。

表3-4 商品信息表T_Products
　字段名 類型 默認值 是否為null 備注
ProductID int 1 Not null 自增主鍵
Title Nvarchar(200) 商品名稱
CategoryID Nvarchar(210) 外鍵，產品分類
Manufactures Nvarchar(200) 生產廠商
Model Nvarchar(200) 品牌
UniPrice Monery 單價
MarketPrice Money 市場價格
Stock Int 庫存
Description Nvarchar(4000) 備注
Specification Nvarchar(4000) 產品規(guī)格
Specification Nvarchar(4000) 質保
SmallImageUrl Nvarchar(200) 小圖片
LargeImage Nvarchar(200) 大圖片
TotalRating Int 評分
CreateTime Datetime 添加時間

產品評論表T_Comment的設計如表3-5所示。
表3-5 產品評論T_Comment
　字段名 類型 默認值 是否為null 備注
CommentID Int 1 Not null 自增主鍵
ProductID Int 外鍵，產品
Username Nvarchar(200) 評論人
Title Nvarchar(200) 評論標題
Description Nvarchar(500) 評論內容
Rating Float 評分
CreateTime Datetime 評論時間

訂單表T_Orders如表3-6所示，它保存訂單信息，當用戶選購完商品后，將核對購物車中的商品信息，核對無誤后會將選購的商品提交給系統(tǒng)，系統(tǒng)會為用戶生成對應的訂單。
表3-6 訂單表T_Orders
　字段名 類型 默認值 是否為null 備注
OrderID Int 1 Not null 自增主鍵
Username Nvarchar(200) 客戶名
CreateTime Datetime 訂購時間
StatusID Int 訂單狀態(tài)
SubTotal Money 小計
ShippingName Nvarchar(200`) 送貨名稱
ShippingAddress Nvarchar(200) 送貨地址
ShippingPostcode Nvarchar(6) 送貨郵編
ShippingCity Nvarchar(50) 送貨城市
ShippingProvince Nvarchar(50) 送貨身份
CustomerEmail Nvarchar(200) 客戶郵箱
CustomerPhone Nvarchar(50) 客戶電話
ShippedDate datetime 送貨時間

訂單詳細表T_OrderItems如表3-7所示。


表3-7 訂單詳細表T_OrderItems
　字段名 類型 默認值 是否為null 備注
OrderItemID Int 1 Not null 自增主鍵
CreateTime Datetime 創(chuàng)建時間
OrderID Int 外鍵，訂單
ProductID Int 外鍵，產品
Title Nvarchar(200) 名稱
UnitPrice money 單價
Quantity int 數(shù)量

進貨單詳細表T_StockinItems如表3-8所示。
表3-8 進貨單詳細表T_StockinItems
　字段名 類型 默認值 是否為null 備注
StockinItemID Int 1 Not null 自增主鍵
Createtime Datetime 進貨時間
StockingID Int Not null 庫存ID
ProductID Int Not null 產品ID
Title Nchar(200) 產品名
UnitPrice Money Not null 進貨價
Quantity Int Not null 進貨量

進貨單表T_StockIns如表3-9所示。

表 3-9 進貨單表 T_StockIns
　字段名 類型 默認值 是否為null 備注
StockinID Int Not null 自增主鍵
Provider Nchar(200) 供貨商
Manager Nchar（200） 操作員
Subtotal Money Not null 總價
Createtime Datetime 創(chuàng)建時間



第四章 后臺管理系統(tǒng)的設計與實現(xiàn)
4.1整體框架設計
整體設計上因為是單頁面，所以所有的代碼都是用腳本寫的，主要的腳本存放在Order.js中。主要用到了E*t的幾個控件，分別如下：E*t.TabPanel, E*t.FormPanel, E*t.combobo*。
三個模塊切換時，先判斷先前是否有控件，若沒有則直接產生新控件，否則先刪除舊控件然后產生新控件。繼續(xù)判斷點擊的控件是否為當前顯示的控件，如果是則跳出函數(shù)，保留舊控件。確保不會每次點擊一次就在原來的的控件下面產生一個新控件。
在訂單處理模塊用到E*t.TabPanel控件，在tab切換時應調用tp.on(tabchange, function (tanp,tab)函數(shù)來切換tab，所加載的數(shù)據(jù)才能顯示在對應tab的文本框中。
進貨單明細瀏覽模塊用E*t.FormPanel控件和時間控件，時間控件能自動校驗時間格式。
商品進庫操作模塊用E*t.combobo* ……（未完，全文共36636字，當前僅顯示6590字，請閱讀下面提示信息。收藏《畢業(yè)論文：單頁面WEB應用軟件開發(fā)實踐》）