【文章內(nèi)容簡(jiǎn)介】 .....................................................................................50 1 第一章 緒論 系統(tǒng)開(kāi)發(fā)背景 如 今 計(jì)算機(jī) 已經(jīng)發(fā)展成為了我們生活不可或缺 的一部分。 人們利用計(jì)算機(jī)來(lái)處理我們的日常生活，給 我們的生活也帶來(lái)了很多的便利。 唐潮美發(fā)沙龍旗艦店有數(shù)十名員工，內(nèi)部員工分為了發(fā)型師和發(fā)型師助理，收銀員以及 系統(tǒng)管理員 四中角色。不同的角色有著不同的職能。發(fā)型師可以做洗剪吹和燙染的業(yè)務(wù)；發(fā) 型師助理的業(yè)務(wù)有洗頭、加洗、燙染、加奶療 /還原酸；收營(yíng)員的業(yè)務(wù)就是提交發(fā)型師和發(fā)型師助理的所有業(yè)績(jī)到系統(tǒng)。 本系統(tǒng)就是針對(duì)以上業(yè)務(wù)，開(kāi)發(fā)一款適合 系統(tǒng)管理員 查看所有員工業(yè)績(jī)情況、按時(shí)間統(tǒng)計(jì)，并生成相應(yīng)的報(bào)表。除此以外 系統(tǒng)管理員 還可以通過(guò)后臺(tái)系統(tǒng)的登陸發(fā)布最新的活動(dòng)新聞和維護(hù)站點(diǎn)的相關(guān)信息；不同的員工也可以通過(guò)自己的工號(hào)登陸系統(tǒng)，選擇一定的時(shí)間查看自己的工作業(yè)績(jī)，并生成相應(yīng)的數(shù)據(jù)報(bào)表。 開(kāi)發(fā)與運(yùn)行環(huán)境 ? 軟件 環(huán)境 開(kāi)發(fā)工具 ： MyEclipse 開(kāi)發(fā)語(yǔ)言： JAVA(Jsp+Servlet) 數(shù)據(jù)庫(kù)： MySQL 服務(wù)器： 操作系統(tǒng)： Windows 7 瀏覽器： IE9， FireFox21,Chorme24 ? 硬件 環(huán)境 CPU： Intel(R) Core(TM)2 Duo CPU T6600 @ (2 CPUs), ~ 主板 ： LENOVO CB01523832 內(nèi)存 ： 4G 顯示器 ： NVIDIA GeForce G210M 硬盤(pán) ： WDC WD3200BEVT22ZCT0 鍵盤(pán) /鼠標(biāo) ： RAPOO Wireless Device 2 第二章 需求分析 可行性分析 經(jīng)濟(jì)可行 性 本系統(tǒng) 的開(kāi)發(fā)使用的均為開(kāi)源語(yǔ)言及工具。數(shù)據(jù)庫(kù)使用免費(fèi)數(shù)據(jù)庫(kù) MySQL，使用的開(kāi)源和免費(fèi)的工具和軟件，在不影響最終效果的前提下，能夠最大程度的節(jié)約開(kāi)發(fā)成本，當(dāng)然也能在最短的時(shí)間內(nèi)收回相應(yīng)的開(kāi)發(fā)成本。 對(duì)本次系統(tǒng)的開(kāi)發(fā)達(dá)到最低成本。 技術(shù)可行性 系統(tǒng) 采用的是 B/S結(jié)構(gòu)和 Inter網(wǎng)絡(luò)技術(shù) 。 其中的難點(diǎn)就在報(bào)表的生成部分，該部分是采用 java的一個(gè)開(kāi)源框架 JFreeChart，通過(guò)該工具能夠很方便的生成用戶所需要的各種圖形化報(bào)表。然后在前臺(tái)設(shè)計(jì)上，采用了的是當(dāng)前最新的 TML5和 CSS技術(shù)標(biāo)準(zhǔn)，是前臺(tái)的設(shè)計(jì)布局給人耳目一新的感覺(jué)。在后臺(tái)模塊主要是使用了兩個(gè) javascript框架： JQery和 Kindeditor。 JQuery主要是使用了它的 easyUI來(lái)對(duì)后臺(tái)驚醒布局設(shè)計(jì)，而Kindeditor主要是用來(lái)實(shí)現(xiàn)富文本和文件上傳等功能。 操作可行性 本系統(tǒng)的開(kāi)發(fā)原則就是減少用戶的業(yè)務(wù)工作，方便工作的開(kāi)展 ， 盡可能的去方便日常工作的管理與維護(hù)，所以用戶的可交互性是放在最首要位置的。 并且作為開(kāi)發(fā)者，我也盡可能地減少讓用戶難以操作或是難以理解的交互方式。 法律可行性 本系統(tǒng)開(kāi)發(fā)不會(huì)侵犯他人、集 體或國(guó)家利益，不存在侵權(quán)等問(wèn)題，不違反國(guó)家法律，因此具有法律可行性。 綜上所述，從 經(jīng)濟(jì)可行性、技術(shù)可行性、操作可行性和法律可行性 上都是可行的 ,而且要求不高， 故 該系統(tǒng)的開(kāi)發(fā)是可行的 。 業(yè)務(wù)流程 業(yè)務(wù)流程描述：用業(yè)務(wù)流程圖描述系統(tǒng)各項(xiàng)業(yè)務(wù) 的 處理過(guò)程，結(jié)合業(yè)務(wù)流程圖詳細(xì)準(zhǔn)確地說(shuō)明業(yè)務(wù)處理過(guò)程中數(shù)據(jù)的收集、輸入、傳遞、存儲(chǔ)、加工的方法、算法、輸出的數(shù)量及形式等。 系統(tǒng)管理員 使用系統(tǒng)的業(yè)務(wù)流程 系統(tǒng)管理員 使用 對(duì)系統(tǒng)的使用 流程如下 (系統(tǒng)管理員 的操作都是在系統(tǒng)登錄成功的情況下使用的，以下就不做重復(fù)說(shuō)明 )： 3 后 臺(tái) 登 陸焦點(diǎn)圖維護(hù)簡(jiǎn)介維護(hù)聯(lián)系方式維護(hù)員工維護(hù)業(yè)務(wù)維護(hù)業(yè)績(jī)查詢密碼修改最新發(fā)型設(shè)計(jì)與活動(dòng)上傳焦點(diǎn)圖查看與刪除服務(wù)器端焦點(diǎn)圖圖查看與刪除數(shù)據(jù)庫(kù)中焦點(diǎn)圖添加唐潮簡(jiǎn)介查看唐潮簡(jiǎn)介修改聯(lián)系方式查看聯(lián)系方式添加員工刪除員工修改員工信息添加業(yè)務(wù)刪除業(yè)務(wù)修改價(jià)格總的業(yè)績(jī)排行查詢按時(shí)間查詢業(yè)績(jī)按員工查詢業(yè)績(jī)修改老板密碼修改員工密碼維護(hù)最新活動(dòng)發(fā)布最新發(fā)型圖片與說(shuō)明 圖 21 系統(tǒng)管理員 業(yè)務(wù)流程 圖 添加焦點(diǎn)圖 登錄成功以后，進(jìn)入“網(wǎng)站維護(hù)菜單”，選擇“焦點(diǎn)圖維護(hù)”，選擇“我要添加圖片”選項(xiàng)卡，點(diǎn)擊“選擇圖片”，選擇需要上傳的圖片，點(diǎn)擊“打開(kāi)”后，系統(tǒng)自動(dòng)上傳圖片到數(shù)據(jù)庫(kù)以及服務(wù)器中。 圖 22 添加焦點(diǎn)圖 界面 截圖 從服務(wù)器刪除焦點(diǎn)圖 登錄成功以后，進(jìn)入“網(wǎng)站維護(hù)菜單”，選擇“焦點(diǎn)圖維護(hù)”， 對(duì)服務(wù)器端存在的焦點(diǎn)圖進(jìn)行維護(hù)。 4 圖 23 服務(wù)器端 本地化焦點(diǎn)圖操作界面截圖 從數(shù)據(jù)庫(kù)更新焦點(diǎn)圖： 登錄成功以后，進(jìn)入“網(wǎng)站維護(hù)菜單”，選擇“焦點(diǎn)圖維護(hù)”，對(duì)數(shù)據(jù)中存在的焦點(diǎn)圖進(jìn)行維護(hù)。 圖 24 服務(wù)器端本地化焦點(diǎn)圖操作界面截圖 展示唐潮簡(jiǎn)介： 登錄成功以后，進(jìn)入“網(wǎng)站維護(hù)菜單”，選擇“站點(diǎn)信息維護(hù)”，默認(rèn)打開(kāi)的就是唐潮簡(jiǎn)介展示。 圖 25 唐潮簡(jiǎn)介信息展示 界面截圖 5 修改添加唐潮簡(jiǎn)介： 登錄成功以后，進(jìn)入“網(wǎng)站維護(hù)菜單”，選擇“ 站點(diǎn)信息維護(hù) ”， 點(diǎn)擊“修改唐潮簡(jiǎn)介” 。 圖 26 唐潮簡(jiǎn)介信息 修改 界面截圖 聯(lián)系方式更新 ： 登錄成功以后，進(jìn)入“網(wǎng)站維護(hù)菜單”，選擇“站點(diǎn)信息維護(hù)”，點(diǎn)擊“聯(lián)系方式維護(hù)”。 在每一條信息的后面都有一個(gè)“修改”鏈接，只要單擊這個(gè)鏈接就會(huì)彈出相應(yīng)的對(duì)話框，修改對(duì)應(yīng)的項(xiàng)目保存以后，就達(dá)到修改聯(lián)系方式的目的。 圖 27 唐潮聯(lián)系方式信息管理界面截圖 修改自己的密碼 ： 登錄成功以后，進(jìn)入“個(gè)人管理”，選擇“ 修改密碼 ”， 默認(rèn)是修改自己的密碼。這里在修改管理員密碼的時(shí)候需要將系統(tǒng)管理員的密碼重新輸入，這樣才能保證系統(tǒng)的 安全性，是系統(tǒng)開(kāi)發(fā)的一種安全機(jī)制的體現(xiàn)。 圖 28 系統(tǒng)管理員 密碼修改界面截圖 6 修改普通員工的密碼 ： 登錄成功以后，進(jìn)入“個(gè)人管理”，選擇“修改密碼”，點(diǎn)擊“員工密碼修改”。 圖 29 員工 密碼修改界面截圖 員工展示 ： 登錄成功以后，進(jìn)入“ 員工維護(hù) ”， 默認(rèn)是當(dāng)前所有在職員工信息分頁(yè)界面 。 圖 210 員工信息展示界面截圖 添加員工 ： 登錄成功以后，進(jìn)入“員工維護(hù)”，點(diǎn)擊界面上的“添加員工按鈕”。 圖 211 添加 員工 界面截圖 7 刪除單個(gè)員工 ： 登錄成功以后，進(jìn)入“員工維護(hù)”，單擊選中 某一員工，然后點(diǎn)擊對(duì)應(yīng)的 藍(lán)色 刪除鏈接。 圖 212 刪除單個(gè) 員工界面截圖 刪除多個(gè)員工 ： 登錄成功以后，進(jìn)入“員工維護(hù)”，單擊選中 多個(gè) 員工，然后點(diǎn)擊 “刪除員工”按鈕 。 圖 213 刪除多個(gè)員工界面截圖 修改員工信息 ： 登錄成功以后，進(jìn)入“員工維護(hù)”，單擊選中單個(gè)員工，然后點(diǎn)擊對(duì)應(yīng)的藍(lán)色編輯鏈接。 8 圖 214 修改單 個(gè)員 基本信息 界面截圖 登錄成功以后，進(jìn) 入“ 業(yè)績(jī)維護(hù) ”， 選擇“業(yè)務(wù)管理”， 單擊選中單個(gè) 業(yè)務(wù) ，然后點(diǎn)擊對(duì)應(yīng)的 修改價(jià)格和刪除業(yè)務(wù) 編輯鏈接。 圖 215 業(yè)務(wù)管理 界面截圖 添加業(yè)績(jī) ： 登錄成功以后，進(jìn)入“ 業(yè)績(jī)維護(hù) ”，選擇“ 添加業(yè)績(jī) ”， 然后按照每個(gè)員工的實(shí)際工作量添加當(dāng)天業(yè)績(jī) 。 圖 216 系統(tǒng)管理員 添加員工業(yè)績(jī)操作截圖 查看業(yè)績(jī) ： 登錄成功以后，進(jìn)入“ 業(yè)績(jī)維護(hù) ”，選擇“ 查看業(yè)績(jī) ”， 根據(jù)時(shí)間和員工來(lái)查看具體的業(yè)績(jī) 。 9 圖 217 系統(tǒng)管理員 查看員工業(yè)績(jī)操作截圖 型設(shè)計(jì) 與活動(dòng) 編輯活動(dòng) ： 登錄成功以后，進(jìn)入“ 網(wǎng)站維護(hù) ”，選擇“ 美發(fā)圖片維護(hù) ”， 默認(rèn)選項(xiàng)卡是顯示當(dāng)前活動(dòng)和編輯活動(dòng) 。 圖 218 系統(tǒng)管理員 查看編輯當(dāng)前活動(dòng) 操作截圖 添加發(fā)型設(shè)計(jì) ： 登錄成功以后， 進(jìn)入“網(wǎng)站維護(hù)”，選擇“美發(fā)圖片維護(hù)” ， 添加圖片信息以及圖片 。 圖 219 系統(tǒng)管理員 添加發(fā)型設(shè)計(jì) 操作截圖 10 刪除發(fā)型設(shè)計(jì) ： 登錄成功以后， 進(jìn)入“網(wǎng)站維護(hù)”，選擇“美發(fā)圖片維護(hù)” ， 選中需要?jiǎng)h除的圖片，刪除 。 圖 220 系統(tǒng)管理員 刪除發(fā)型設(shè)計(jì) 操作截圖 收銀 員使用系統(tǒng)的業(yè)務(wù)流程 收銀員對(duì)系統(tǒng)的使用的使用流程如下： 后 臺(tái) 登 陸添 加 業(yè) 績(jī)添 加 員 工 業(yè) 績(jī) 圖 221 收銀員 業(yè)務(wù)流程圖 登錄成功以后，進(jìn)入“業(yè)績(jī)維護(hù)”，選擇“添加業(yè)績(jī)”，然后按照每個(gè)員工的實(shí)際工作量添加當(dāng)天業(yè)績(jī)。 圖 222 收銀員 添加員工業(yè)績(jī)操作截圖 11 普通員工使用系統(tǒng)的業(yè)務(wù)流程 普通員工 對(duì)系統(tǒng)的使用 的使用流程如下： 后 臺(tái) 登 陸基本信息維護(hù)業(yè)績(jī)查詢最新發(fā)型設(shè)計(jì)與活動(dòng)查看基本信息修改基本信息總的業(yè)績(jī)排行查詢按時(shí)間查詢業(yè)績(jī)維護(hù)最新活動(dòng)發(fā)布最新發(fā)型圖片與說(shuō)明 圖 223 普通員工 業(yè)務(wù)流程圖 登錄成功以后，進(jìn)入“業(yè)績(jī)查看”，選擇“查看業(yè)績(jī)”，對(duì)自己的業(yè)績(jī)信息進(jìn)行查詢。 圖 224 普通員工 業(yè)績(jī) 查看截 圖 登錄成功以后，進(jìn)入“個(gè)人信息”，選擇“信息維護(hù)”，對(duì)自己的當(dāng)前信息可以進(jìn)行修改。 圖 225 普通員工 信息查看截 圖 12 圖 226 普通員工信息修改截 圖 該功能操作流程與 系統(tǒng)管理員 操作流程完全相同。 一般用戶使用系統(tǒng)的流程 一般用戶 對(duì)系統(tǒng)的使用的使用流程如下： 訪 問(wèn) 站 點(diǎn) 首 頁(yè)站點(diǎn)瀏覽站點(diǎn)分享查看基本信息修改基本信息好友分享空間分享騰訊微博分享新浪微博分享朋友網(wǎng)分享 圖 227 一般用戶 業(yè)務(wù)流程圖 首頁(yè) ： 通過(guò)瀏覽器 訪問(wèn)站點(diǎn) 域名，進(jìn)入 首頁(yè)： 13 圖 228 站點(diǎn)首頁(yè)截圖 唐潮簡(jiǎn)介 ： 進(jìn)入首頁(yè)點(diǎn)擊“唐潮簡(jiǎn)介” 按鈕 設(shè)計(jì)欣賞 ： 進(jìn)入首頁(yè)點(diǎn)擊“ 設(shè)計(jì) 欣賞 ” 按鈕 聯(lián)系方式 ： 進(jìn)入首頁(yè)點(diǎn)擊“ 聯(lián)系方式 ”按鈕 通過(guò)點(diǎn)擊站點(diǎn)首頁(yè)右下角的社會(huì)化分享按鈕進(jìn)行分享該站點(diǎn) （這里只演示 好友分享界面 ，其他的同理 ） 。 圖 229 好友站點(diǎn)分享 界面截圖 需求規(guī)范 產(chǎn)品背景 現(xiàn)在網(wǎng)絡(luò)上大大小小的 站點(diǎn)管理系統(tǒng) 特別多， 管理系統(tǒng) 提供了各種 簡(jiǎn)單方便的統(tǒng)計(jì)工具 ，而 公司內(nèi)部 的 業(yè)績(jī)統(tǒng)計(jì) 恰好滿足了這種需要。 系統(tǒng)工具的使用會(huì)讓人們從繁忙的雙手 14 中解脫出來(lái) 。 產(chǎn)品概述 本系統(tǒng)是員工業(yè)績(jī)管理統(tǒng)計(jì)系統(tǒng)，完成對(duì)員工業(yè)績(jī)的查詢與管理功能。有前臺(tái)站點(diǎn)和后臺(tái)管理系統(tǒng)兩部分組成。本系統(tǒng)的開(kāi)發(fā)環(huán)境采用 JSP+MySQL 數(shù)據(jù) 庫(kù)進(jìn)行開(kāi)發(fā)。運(yùn)行的操作系統(tǒng)為 windows 7 操作系統(tǒng)，需要配置 Tomcat 服務(wù)器。 功能需求 本系統(tǒng)的功能分為員工使用 業(yè)績(jī)查詢后臺(tái)、 系統(tǒng)管理員 查詢管理后臺(tái)、收銀員添加業(yè)