第一篇:UI用户界面设计课程设计报告
UI用户界面设计 大作业课程设计报告
题 目:依依旅行系统前台应用及后台管理院 别:专 业:学生姓名:指导教师:成 绩:
信息与控制学院
计算机科学与技术 120210137宋依依
孙丽云
2015年 6 月 12 日
一、系统概述 1.1课程设计题目:
依依旅行系统前台及后台管理
1.2 课程设计运行环境:
1.2.1前台开发工具:
Java,MyEclipse6.5,Tomcat5.x 1.2.2后台开发工具:
Microsoft SQL Server 2008 1.2.2系统运行结果工具:
360安全浏览器7.1 1.3 课程设计实现技术:
基于HTML,CSS,JSP等技术的应用
二、依依旅行系统需求分析
2.1 系统功能需求:
系统的功能需求包括一下几个方面
(1)游客在不登录的情况下只可以进行相关旅行,车票,酒店信息的查询。(2)游客通过注册登录或者登录后,可以通过网络查询景点的信息概况和预定景点票,酒店,车票(飞机票,火车票,或者租车)。
(3)游客登录后还可以进行各种订单的退订,个人信息的修改。(4)系统管理员可以查看游客的预定请求和取消预定的请求。(5)系统管理员可以对系统的数据库进行维护,例如增加、删除和修改景点信息,增加、删除工作人员帐户,增加和删除旅行用户。
三、依依旅行系统概要分析
3.1旅游系统模块介绍
满足以上需求的管理系统主要包括以下几个模块。(1)旅游数据维护模块
基本数据维护模块提供了使用者录入、修改并维护基本数据的途径。例如对游客及导游及工作人员各项信息的更新和修改。(2)旅游业务模块
基本业务模块主要用于实现游客查询景点信息和预定的管理,可以登陆系统预定景点游票和导游预定,工作人员可以处理预定信息和取消预定信息等操作。
(3)数据库管理模块
在系统中,所有景点信息以及工作人员和导游的帐户信息都要进行统一管理,景点的使用情况和预定情况也要进行详细的记录,要用统一的数据库平台进行管理。(4)旅游信息查询模块
信息查询模块主要用于查询景点的信息和游客的预定信息。下图所示表示了旅游开发管理系统的功能需求:
3.2旅游数据维护模块
数据维护模块包括如下图所示的几个方面:
(1)修改更新景点信息:系统管理员可以更新和修改景点信息。(2)更新和修改信息:系统管理员可以更新和修改旅游景点和酒店出行,删除游客的信息。
(3)添加景点信息:系统管理员可以添加景点及景点信息。(4)删除景点信息:系统管理员可以删除景点及景点信息。
3.3旅游业务模块
旅游业务模块包括一下几个方面:
(1)注册登陆后,更改个人信息
(2)查询信息:游客查询景点使用信息及景点概括信息。(3)预定取消景点:游客预定景点票。
(4)酒店预订:游客可一根据情况预定酒店。
(5)出行方式:游客可以根据自己的情况选择出行方式。
3.4数据库管理模块
数据库模块包括一下一个方面:
(1)游客信息管理:信息包括游客的姓名,电话号码,及联系方式等。(2)景点信息管理:景点信息包括景点的名称,代号,概况等。(3)酒店信息管理:包括酒店名称,地址,规格等。
(4)出行信息管理:出行方式,火车票,租车信息等。(5)预定信息管理:景点票,酒店,车票信息。
四、依依旅行系统数据分析
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用户评论信息表
五、依依旅行系统的前台实现过程
5.1依依旅行系统首页
注:此时因系统未登录,所以只可以查看详情,若进入景点点击预定和留言或者点击出行方式和酒店预订则跳转到5.2登录界面
5.2依依旅行系统登录界面
当输入用户不存在时跳转到
当输入用户存在,密码输入有误时跳转到
当输入用户存在,密码正确时跳转到5.3
5.3依依旅行系统登录界面
若及点击退出则回到5.1首页界面。
5.4依依旅行系统注册界面 第一步:输入用户名,当用户名已存在时
当用户名不存在时
当密码两遍输入不相同时
当密码两遍输入相同时
5.5依依旅行系统修改个人信息界面
点击修改
修改后点击保存
5.6依依旅行系统修改个人密码界面
当前密码输入有误时:
新密码两遍输入不同时:
新密码两遍输入都正确时时:
5.7依依旅行系统常用游客信息界面
添加游客
5.8依依旅行系统支付信息界面
5.9依依旅行系统订单信息界面 景点订单信息
火车票订单信息
飞机票订单信息
租车订单信息
酒店订单信息
分别可以进行取消订单操作
5.10依依旅行系统预订信息界面 可以选择出行日期,出行人数
点击预订后对信息进行确认,并计算总价格
若积分大于总价格:预订成功
若积分小于于总价格:
5.11依依旅行系统出行方式界面 火车票
飞机票
租车
分别可进行预订
积分充足,与积分不足的情况同景点预订 剩余票数不足时:
5.12依依旅行系统酒店预订界面
5.13依依旅行系统退出界面
若及点击退出则回到5.1首页界面。
六、依依旅行系统的后台实现过程
6.1依依旅行系统管理员登录界面
注:管理员没有注册功能
管理员名称不存在或密码输入有误时情况与用户登录相同 6.2依依旅行系统管理员所有管理员界面
6.2依依旅行系统所有用户界面
可进行删除操作,提示操作人为当前用户指明操作人的操作成功
6.3依依旅行系统管理员所有景点信息界面
可对其进行添加,修改和删除操作
6.4依依旅行系统出行界面 飞机票信息
火车票信息
租车信息
6.5依依旅行系统用户订单信息界面 景点订单信息
飞机票订单信息
火车票订单信息
租车订单信息
酒店订单信息
6.6依依旅行系统管理员信息修改界面
七、依依旅行系统的总结
通过本次课程设计,对JAVA编程,WEB网页制作以及数据库设计有了更深刻的认识和学习到了更多细小的知识点,遇到难题,通过小组讨论以及在网上对相关资料的查询得到了有效的解决办法、本来这门课的知识学的就不够扎实,本次课程设计,在设计过程中碰到了很多问题,刚开始要设计的时候,还真不知道从哪里下手但最终在图书、同学和老师的帮助下都得到了解决,让我学会了好多书本上没有的东西,最重要的是知道了自己动手的不易,也知道了只要动手做就一定会得到收获!
一分耕耘一分收获!
第二篇:javaweb课程设计报告.用户注册界面设计
课程设计
Java web开发——课程设计:论坛系统用户注册界面的设计 目录
设计目的:
设计内容及目标:
定义CSS样式,也就是网页样式。4 利用HTML语言安排控件 5 JavaScript交互功能的实现 8 Html css jsp JavaScript java web 一.课程设计目的
课程设计是一项重要的实践性教学环节,在教师的指导下,以学生为中心,充分调动学生的积极性和能动性,重视学生自学能力的培养。《Java Web技术实践》是为教育技术学本科专业开设的专业选修课程,课程的主要目标是要求学生掌握基本的Java Web应用程序开发和设计的流程及相关的技术技能。本课程在讲解相关理论知识的基础上,按照一定的组织原则和现有实验条件安排了一定数量的实验,通过这些实验使学生初步掌握开发和设计Java Web应用程序的基本方法和基本技能。然而由于这些实验是分时分批按一定的技术种类和实验目的实施的,固然可以有目的地训练和培养学生某个方面技能,但明显的不连续性使学生不能从整体上把握如何系统地开发和设计一个完整Java Web应用程序。通过本课程设计可以较好地解决这个问题。
通过本课程设计可以使学生充分认识开发和设计Java Web应用程序的的重要性和复杂性,充分了解Java Web应用程序的设计和开发的基本过程,掌握常用的Java Web开发技术,充分把握各项技术的特点和应用领域以及各项技术之间的相互关系,进一步体会各项技术在Java Web应用程序中地位和作用从而对各种技术有比较清醒的认识,在此基础上习得Java Web开发技术平台的选择能力。二.课程设计内容与目标 课题名称:用户注册界面设计
设计目标:利用HTMLCSS JavaScript技术制作简洁及交互功能比较强的页面 设计方法:网页制作工具配合相关技术(如HTML、CSS、JavaScript等)
设计要求:利用Java Web应用程序的客户端开发技术(包括HTML、CSS、JavaScript、BOM、DHTML、XML等)设计一个符合要求的Java Web应用程序界面,并在此界面的基础上实现用户交互功能的设计,达到Java Web应用程序可用性和易用性目标。三.系统分析与设计:
1.总体分析:系统要实现的功能是有效性判断以及相关对象之间的关联关系,涉及到程序的算法,Java Web技术中的对象的认识;(1)整体风格
(2)系统所要实现的功能:用户交互功能(3)控间间的逻辑关系(4)程序算法
(5)客户端开发技术中对象的认识
2.设计:本课程设计时间为2周,实际有效天数为10天。具体时间安排如下: 第1天:收集资料、准备开发平台和技术、酝酿表单的功能和有关控件的数据 第2天:表单控件设计 第3天:表单外观设计
第4~6天:表单用户交互功能逻辑设计
第7天:Java Web表单应用程序的调试、修整、完善与定稿
模块划分、内容结构如何组织的方法,对一个Java Web程序设计的影响是很大的,有效的规划可以为Java Web程序设计增加美感。其它的模块则有一定的联系性,以下是我Java Web程序设计的组织框架。
但是所有的模板其并非是层级关系——即一层一层的点下去,他们可以通过导航栏上的链接转到其它JAVA WEB程序设计上,由此可形成一个具有Java Web程序设计的模式,因此这些模块之间可以实现无顺序关系,却仍能感受到该Java Web程序设计是一个很条理。3.界面设计:
有效性和交互性设计: 数字输入框的数字有效性;
特定内容的文本框输入的有效性; 四.模块的实现与调试 1.模块的实现:
模块系统可以直接深入到站点及其Java Web程序设计的所有内容,将Java Web程序设计中的有效数据采集出来(而不仅是Java Web程序设计或链接),并保持数据之间的逻辑关系。例如对一个外部西湘旅游息站点,采集系统可以将其每个教育信息的标题、正文、作者、日期等信息单独采集出来,分别作为字段存储在系统中,并无缝组合形成自身的Java Web程序设计信息。Java Web程序设计具有强大的批量设置功能,可以显示文章标题、文章作者、文章来源、内容分页方式、配色风格、版面设计模板等信息。Java Web程序设计是计算机综合处理图形图像、文字、音频和视频等多种信息及其存储与传输的技术,可以分为Java Web程序设计硬件技术和Java Web程序设计技术两大部分。Java Web程序设计素材的收集与制作,即对文本、图像、动画、声音以及视频影像等各种类型的Java Web程序设计素材的收集准备与制作,就可以自己构建一个对制作本科教学课件方便而有效的素材库。另外,在一些电子出版物中有很多优秀的Java Web程序设计素材,平时应注意收集和整理,这也是提高制作速度与Java Web程序设计素材库质量的有效途径。以上我们所说的都是素材的采集,接下来我们就要整理素材和进行素材编辑,这样在制作课件时将这些素材输出,就能又快又好地制作出精美的课件。2.模块的调试:
对所设计的作品进行调试是十分重要的,在制作Java Web程序设计的过程中可以通过调试的方法查找模块存在的不足,以便更正。我刚开始做Java Web程序设计的时候没有要合理使用层和表格,也或许是为图方便曾经大量使用层,当做好Java Web程序设计进行调试时,发现所有的层都走了样,整个Java Web程序设计几乎残破不堪,后来我重新使用表格才得到了我想要的结果,也是那时候我才发现表格用起来也不是那么麻烦。3.模块代码:
定义CSS样式,也就是网页样式。
/* 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语言安排控件
/*文字边框样式*/
/*字体*/ /*字体*/
/*三个问题的样式*/
/*表格边框样式*/