第一篇:UI用戶界面設(shè)計課程設(shè)計報告
UI用戶界面設(shè)計 大作業(yè)課程設(shè)計報告
題 目:依依旅行系統(tǒng)前臺應(yīng)用及后臺管理院 別:專 業(yè):學(xué)生姓名:指導(dǎo)教師:成 績:
信息與控制學(xué)院
計算機科學(xué)與技術(shù) 120210137宋依依
孫麗云
2015年 6 月 12 日
一、系統(tǒng)概述 1.1課程設(shè)計題目:
依依旅行系統(tǒng)前臺及后臺管理
1.2 課程設(shè)計運行環(huán)境:
1.2.1前臺開發(fā)工具:
Java,MyEclipse6.5,Tomcat5.x 1.2.2后臺開發(fā)工具:
Microsoft SQL Server 2008 1.2.2系統(tǒng)運行結(jié)果工具:
360安全瀏覽器7.1 1.3 課程設(shè)計實現(xiàn)技術(shù):
基于HTML,CSS,JSP等技術(shù)的應(yīng)用
二、依依旅行系統(tǒng)需求分析
2.1 系統(tǒng)功能需求:
系統(tǒng)的功能需求包括一下幾個方面
(1)游客在不登錄的情況下只可以進行相關(guān)旅行,車票,酒店信息的查詢。(2)游客通過注冊登錄或者登錄后,可以通過網(wǎng)絡(luò)查詢景點的信息概況和預(yù)定景點票,酒店,車票(飛機票,火車票,或者租車)。
(3)游客登錄后還可以進行各種訂單的退訂,個人信息的修改。(4)系統(tǒng)管理員可以查看游客的預(yù)定請求和取消預(yù)定的請求。(5)系統(tǒng)管理員可以對系統(tǒng)的數(shù)據(jù)庫進行維護,例如增加、刪除和修改景點信息,增加、刪除工作人員帳戶,增加和刪除旅行用戶。
三、依依旅行系統(tǒng)概要分析
3.1旅游系統(tǒng)模塊介紹
滿足以上需求的管理系統(tǒng)主要包括以下幾個模塊。(1)旅游數(shù)據(jù)維護模塊
基本數(shù)據(jù)維護模塊提供了使用者錄入、修改并維護基本數(shù)據(jù)的途徑。例如對游客及導(dǎo)游及工作人員各項信息的更新和修改。(2)旅游業(yè)務(wù)模塊
基本業(yè)務(wù)模塊主要用于實現(xiàn)游客查詢景點信息和預(yù)定的管理,可以登陸系統(tǒng)預(yù)定景點游票和導(dǎo)游預(yù)定,工作人員可以處理預(yù)定信息和取消預(yù)定信息等操作。
(3)數(shù)據(jù)庫管理模塊
在系統(tǒng)中,所有景點信息以及工作人員和導(dǎo)游的帳戶信息都要進行統(tǒng)一管理,景點的使用情況和預(yù)定情況也要進行詳細(xì)的記錄,要用統(tǒng)一的數(shù)據(jù)庫平臺進行管理。(4)旅游信息查詢模塊
信息查詢模塊主要用于查詢景點的信息和游客的預(yù)定信息。下圖所示表示了旅游開發(fā)管理系統(tǒng)的功能需求:
3.2旅游數(shù)據(jù)維護模塊
數(shù)據(jù)維護模塊包括如下圖所示的幾個方面:
(1)修改更新景點信息:系統(tǒng)管理員可以更新和修改景點信息。(2)更新和修改信息:系統(tǒng)管理員可以更新和修改旅游景點和酒店出行,刪除游客的信息。
(3)添加景點信息:系統(tǒng)管理員可以添加景點及景點信息。(4)刪除景點信息:系統(tǒng)管理員可以刪除景點及景點信息。
3.3旅游業(yè)務(wù)模塊
旅游業(yè)務(wù)模塊包括一下幾個方面:
(1)注冊登陸后,更改個人信息
(2)查詢信息:游客查詢景點使用信息及景點概括信息。(3)預(yù)定取消景點:游客預(yù)定景點票。
(4)酒店預(yù)訂:游客可一根據(jù)情況預(yù)定酒店。
(5)出行方式:游客可以根據(jù)自己的情況選擇出行方式。
3.4數(shù)據(jù)庫管理模塊
數(shù)據(jù)庫模塊包括一下一個方面:
(1)游客信息管理:信息包括游客的姓名,電話號碼,及聯(lián)系方式等。(2)景點信息管理:景點信息包括景點的名稱,代號,概況等。(3)酒店信息管理:包括酒店名稱,地址,規(guī)格等。
(4)出行信息管理:出行方式,火車票,租車信息等。(5)預(yù)定信息管理:景點票,酒店,車票信息。
四、依依旅行系統(tǒng)數(shù)據(jù)分析
4.1管理員信息表
4.2用戶信息表
4.3景點信息表
4.4酒店信息表
4.5火車票信息表
4.6飛機票信息表
4.7租車信息表
4.8用戶支付信息表
4.9常用游客信息表
4.10游客常用地址信息表
4.11景點訂單信息表
4.12火車票訂單信息表
4.13飛機票訂單信息表
4.14租車訂單信息表
4.15酒店訂單信息表
4.16用戶評論信息表
五、依依旅行系統(tǒng)的前臺實現(xiàn)過程
5.1依依旅行系統(tǒng)首頁
注:此時因系統(tǒng)未登錄,所以只可以查看詳情,若進入景點點擊預(yù)定和留言或者點擊出行方式和酒店預(yù)訂則跳轉(zhuǎn)到5.2登錄界面
5.2依依旅行系統(tǒng)登錄界面
當(dāng)輸入用戶不存在時跳轉(zhuǎn)到
當(dāng)輸入用戶存在,密碼輸入有誤時跳轉(zhuǎn)到
當(dāng)輸入用戶存在,密碼正確時跳轉(zhuǎn)到5.3
5.3依依旅行系統(tǒng)登錄界面
若及點擊退出則回到5.1首頁界面。
5.4依依旅行系統(tǒng)注冊界面 第一步:輸入用戶名,當(dāng)用戶名已存在時
當(dāng)用戶名不存在時
當(dāng)密碼兩遍輸入不相同時
當(dāng)密碼兩遍輸入相同時
5.5依依旅行系統(tǒng)修改個人信息界面
點擊修改
修改后點擊保存
5.6依依旅行系統(tǒng)修改個人密碼界面
當(dāng)前密碼輸入有誤時:
新密碼兩遍輸入不同時:
新密碼兩遍輸入都正確時時:
5.7依依旅行系統(tǒng)常用游客信息界面
添加游客
5.8依依旅行系統(tǒng)支付信息界面
5.9依依旅行系統(tǒng)訂單信息界面 景點訂單信息
火車票訂單信息
飛機票訂單信息
租車訂單信息
酒店訂單信息
分別可以進行取消訂單操作
5.10依依旅行系統(tǒng)預(yù)訂信息界面 可以選擇出行日期,出行人數(shù)
點擊預(yù)訂后對信息進行確認(rèn),并計算總價格
若積分大于總價格:預(yù)訂成功
若積分小于于總價格:
5.11依依旅行系統(tǒng)出行方式界面 火車票
飛機票
租車
分別可進行預(yù)訂
積分充足,與積分不足的情況同景點預(yù)訂 剩余票數(shù)不足時:
5.12依依旅行系統(tǒng)酒店預(yù)訂界面
5.13依依旅行系統(tǒng)退出界面
若及點擊退出則回到5.1首頁界面。
六、依依旅行系統(tǒng)的后臺實現(xiàn)過程
6.1依依旅行系統(tǒng)管理員登錄界面
注:管理員沒有注冊功能
管理員名稱不存在或密碼輸入有誤時情況與用戶登錄相同 6.2依依旅行系統(tǒng)管理員所有管理員界面
6.2依依旅行系統(tǒng)所有用戶界面
可進行刪除操作,提示操作人為當(dāng)前用戶指明操作人的操作成功
6.3依依旅行系統(tǒng)管理員所有景點信息界面
可對其進行添加,修改和刪除操作
6.4依依旅行系統(tǒng)出行界面 飛機票信息
火車票信息
租車信息
6.5依依旅行系統(tǒng)用戶訂單信息界面 景點訂單信息
飛機票訂單信息
火車票訂單信息
租車訂單信息
酒店訂單信息
6.6依依旅行系統(tǒng)管理員信息修改界面
七、依依旅行系統(tǒng)的總結(jié)
通過本次課程設(shè)計,對JAVA編程,WEB網(wǎng)頁制作以及數(shù)據(jù)庫設(shè)計有了更深刻的認(rèn)識和學(xué)習(xí)到了更多細(xì)小的知識點,遇到難題,通過小組討論以及在網(wǎng)上對相關(guān)資料的查詢得到了有效的解決辦法、本來這門課的知識學(xué)的就不夠扎實,本次課程設(shè)計,在設(shè)計過程中碰到了很多問題,剛開始要設(shè)計的時候,還真不知道從哪里下手但最終在圖書、同學(xué)和老師的幫助下都得到了解決,讓我學(xué)會了好多書本上沒有的東西,最重要的是知道了自己動手的不易,也知道了只要動手做就一定會得到收獲!
一分耕耘一分收獲!
第二篇:javaweb課程設(shè)計報告.用戶注冊界面設(shè)計
課程設(shè)計
Java web開發(fā)——課程設(shè)計:論壇系統(tǒng)用戶注冊界面的設(shè)計 目錄
設(shè)計目的:
設(shè)計內(nèi)容及目標(biāo):
定義CSS樣式,也就是網(wǎng)頁樣式。4 利用HTML語言安排控件 5 JavaScript交互功能的實現(xiàn) 8 Html css jsp JavaScript java web 一.課程設(shè)計目的
課程設(shè)計是一項重要的實踐性教學(xué)環(huán)節(jié),在教師的指導(dǎo)下,以學(xué)生為中心,充分調(diào)動學(xué)生的積極性和能動性,重視學(xué)生自學(xué)能力的培養(yǎng)。《Java Web技術(shù)實踐》是為教育技術(shù)學(xué)本科專業(yè)開設(shè)的專業(yè)選修課程,課程的主要目標(biāo)是要求學(xué)生掌握基本的Java Web應(yīng)用程序開發(fā)和設(shè)計的流程及相關(guān)的技術(shù)技能。本課程在講解相關(guān)理論知識的基礎(chǔ)上,按照一定的組織原則和現(xiàn)有實驗條件安排了一定數(shù)量的實驗,通過這些實驗使學(xué)生初步掌握開發(fā)和設(shè)計Java Web應(yīng)用程序的基本方法和基本技能。然而由于這些實驗是分時分批按一定的技術(shù)種類和實驗?zāi)康膶嵤┑模倘豢梢杂心康牡赜?xùn)練和培養(yǎng)學(xué)生某個方面技能,但明顯的不連續(xù)性使學(xué)生不能從整體上把握如何系統(tǒng)地開發(fā)和設(shè)計一個完整Java Web應(yīng)用程序。通過本課程設(shè)計可以較好地解決這個問題。
通過本課程設(shè)計可以使學(xué)生充分認(rèn)識開發(fā)和設(shè)計Java Web應(yīng)用程序的的重要性和復(fù)雜性,充分了解Java Web應(yīng)用程序的設(shè)計和開發(fā)的基本過程,掌握常用的Java Web開發(fā)技術(shù),充分把握各項技術(shù)的特點和應(yīng)用領(lǐng)域以及各項技術(shù)之間的相互關(guān)系,進一步體會各項技術(shù)在Java Web應(yīng)用程序中地位和作用從而對各種技術(shù)有比較清醒的認(rèn)識,在此基礎(chǔ)上習(xí)得Java Web開發(fā)技術(shù)平臺的選擇能力。二.課程設(shè)計內(nèi)容與目標(biāo) 課題名稱:用戶注冊界面設(shè)計
設(shè)計目標(biāo):利用HTMLCSS JavaScript技術(shù)制作簡潔及交互功能比較強的頁面 設(shè)計方法:網(wǎng)頁制作工具配合相關(guān)技術(shù)(如HTML、CSS、JavaScript等)
設(shè)計要求:利用Java Web應(yīng)用程序的客戶端開發(fā)技術(shù)(包括HTML、CSS、JavaScript、BOM、DHTML、XML等)設(shè)計一個符合要求的Java Web應(yīng)用程序界面,并在此界面的基礎(chǔ)上實現(xiàn)用戶交互功能的設(shè)計,達到Java Web應(yīng)用程序可用性和易用性目標(biāo)。三.系統(tǒng)分析與設(shè)計:
1.總體分析:系統(tǒng)要實現(xiàn)的功能是有效性判斷以及相關(guān)對象之間的關(guān)聯(lián)關(guān)系,涉及到程序的算法,Java Web技術(shù)中的對象的認(rèn)識;(1)整體風(fēng)格
(2)系統(tǒng)所要實現(xiàn)的功能:用戶交互功能(3)控間間的邏輯關(guān)系(4)程序算法
(5)客戶端開發(fā)技術(shù)中對象的認(rèn)識
2.設(shè)計:本課程設(shè)計時間為2周,實際有效天數(shù)為10天。具體時間安排如下: 第1天:收集資料、準(zhǔn)備開發(fā)平臺和技術(shù)、醞釀表單的功能和有關(guān)控件的數(shù)據(jù) 第2天:表單控件設(shè)計 第3天:表單外觀設(shè)計
第4~6天:表單用戶交互功能邏輯設(shè)計
第7天:Java Web表單應(yīng)用程序的調(diào)試、修整、完善與定稿
模塊劃分、內(nèi)容結(jié)構(gòu)如何組織的方法,對一個Java Web程序設(shè)計的影響是很大的,有效的規(guī)劃可以為Java Web程序設(shè)計增加美感。其它的模塊則有一定的聯(lián)系性,以下是我Java Web程序設(shè)計的組織框架。
但是所有的模板其并非是層級關(guān)系——即一層一層的點下去,他們可以通過導(dǎo)航欄上的鏈接轉(zhuǎn)到其它JAVA WEB程序設(shè)計上,由此可形成一個具有Java Web程序設(shè)計的模式,因此這些模塊之間可以實現(xiàn)無順序關(guān)系,卻仍能感受到該Java Web程序設(shè)計是一個很條理。3.界面設(shè)計:
有效性和交互性設(shè)計: 數(shù)字輸入框的數(shù)字有效性;
特定內(nèi)容的文本框輸入的有效性; 四.模塊的實現(xiàn)與調(diào)試 1.模塊的實現(xiàn):
模塊系統(tǒng)可以直接深入到站點及其Java Web程序設(shè)計的所有內(nèi)容,將Java Web程序設(shè)計中的有效數(shù)據(jù)采集出來(而不僅是Java Web程序設(shè)計或鏈接),并保持?jǐn)?shù)據(jù)之間的邏輯關(guān)系。例如對一個外部西湘旅游息站點,采集系統(tǒng)可以將其每個教育信息的標(biāo)題、正文、作者、日期等信息單獨采集出來,分別作為字段存儲在系統(tǒng)中,并無縫組合形成自身的Java Web程序設(shè)計信息。Java Web程序設(shè)計具有強大的批量設(shè)置功能,可以顯示文章標(biāo)題、文章作者、文章來源、內(nèi)容分頁方式、配色風(fēng)格、版面設(shè)計模板等信息。Java Web程序設(shè)計是計算機綜合處理圖形圖像、文字、音頻和視頻等多種信息及其存儲與傳輸?shù)募夹g(shù),可以分為Java Web程序設(shè)計硬件技術(shù)和Java Web程序設(shè)計技術(shù)兩大部分。Java Web程序設(shè)計素材的收集與制作,即對文本、圖像、動畫、聲音以及視頻影像等各種類型的Java Web程序設(shè)計素材的收集準(zhǔn)備與制作,就可以自己構(gòu)建一個對制作本科教學(xué)課件方便而有效的素材庫。另外,在一些電子出版物中有很多優(yōu)秀的Java Web程序設(shè)計素材,平時應(yīng)注意收集和整理,這也是提高制作速度與Java Web程序設(shè)計素材庫質(zhì)量的有效途徑。以上我們所說的都是素材的采集,接下來我們就要整理素材和進行素材編輯,這樣在制作課件時將這些素材輸出,就能又快又好地制作出精美的課件。2.模塊的調(diào)試:
對所設(shè)計的作品進行調(diào)試是十分重要的,在制作Java Web程序設(shè)計的過程中可以通過調(diào)試的方法查找模塊存在的不足,以便更正。我剛開始做Java Web程序設(shè)計的時候沒有要合理使用層和表格,也或許是為圖方便曾經(jīng)大量使用層,當(dāng)做好Java Web程序設(shè)計進行調(diào)試時,發(fā)現(xiàn)所有的層都走了樣,整個Java Web程序設(shè)計幾乎殘破不堪,后來我重新使用表格才得到了我想要的結(jié)果,也是那時候我才發(fā)現(xiàn)表格用起來也不是那么麻煩。3.模塊代碼:
定義CSS樣式,也就是網(wǎng)頁樣式。
/* CSS Document */ td{ font:normal normal normal 20px “新宋體”;border-width:medium;
border-top:2px inset #33FF00;border-right: 2px inset #33FF00;border-left:2px inset #33FF00;border-bottom:2px inset #33FF00;/*border:10px #009900;*/ padding:10px;margin:auto}.label1{
font:oblique normal bold 48px “新宋體”;color:#000099}.label2 {
font-size:large;
font-family:“宋體”;
background-image:url(images/img1.jpg);}.p1{
font:normal normal bold 20px “新宋體”;color:#000099}.tablestyle{ border-width:thick;
border-top:8px outset #006600;border-right: 4px outset #006600;border-left:4px outset #006600;border-bottom:4px outset #006600;border-color:#0000CC;border-style:double;}
利用HTML語言安排控件
/*文字邊框樣式*/
/*字體*/ /*字體*/
/*三個問題的樣式*/
/*表格邊框樣式*/