在路上”网站设计与制作
目录
一、引言 1
（一）课题开发背景 1
（二）选题意义 1
（三）设计内容 1
二、网站开发技术及工具简介 1
（一）主要开发技术的选用与介绍 1
1.Dreamwear 1
2.HTML 1
3.CSS 1
4.JQuery 1
5. JSP 2
（二）主要开发技术的选用与介绍 2
1.MyEclipse 2
2.Tomcat 2
3.Navicat for MySQL 2
三、网站总体分析介绍 2
（一）前台页面主要栏目 2
（二）数据库设计概念 3
1.数据的结构分析: 3
2.数据表结构: 4
四、网站前台界面设计与实现 5
（一）网站LOGO设计 5
（二）网站首页 5
（三）旅游页面的设计 6
(四) 门票页面 8
（五）联系我们 9
(六) 车车页面 10
（七）404页面 11
(八) map页面 11
五、网站后台功能管理 12
（一）登录功能的实现： 12
（二）注册功能的实现： 13
（三）商品模块功能的实现： 15
1.后台管理界面的设计与说明 15
2.产品列表显示实现过程 15
3.商品加入购物车就行结算效果实现： 16
4.商品订单效果确认及发货设计实现： 17
六、网站部分特效说明 18
（一）部分轮播图代码的实现 18
（二）车车页面全屏效果实现： 20
一、引言
（一）课题开发背景
近几年来，我国旅游业发生了巨大的变化，一些电子商务类型的旅游网站兴起，为旅游业的市场又提升了一个新的高度。人们开始旅行，由此，旅游业大热，传统的旅游，人们更多的是把眼光放在旅行社上面，而后，互联网的流行，使得许多事物的选择不再那么单一，而是逐渐多元化。
图代码的实现 18
（二）车车页面全屏效果实现： 20
一、引言
（一）课题开发背景
近几年来，我国旅游业发生了巨大的变化，一些电子商务类型的旅游网站兴起，为旅游业的市场又提升了一个新的高度。人们开始旅行，由此，旅游业大热，传统的旅游，人们更多的是把眼光放在旅行社上面，而后，互联网的流行，使得许多事物的选择不再那么单一，而是逐渐多元化。
（二）选题意义
对于旅游者而言，一些相关旅游信息是十分必要的，比如当地的旅游发展状况、热期景点分析、景区景点分布、旅游活动路线、交通、住宿等信息。为了更好地开发利用旅游资源，吸引更多的旅游者前来观光旅游，开发和建立旅游网站，为旅游者和各相关的行业提供全面详细的旅游信息是很必要的。
（三）设计内容
本网站的制作包括“在路上”网站的前台和后台设计与制作，前台的主要包括了不同栏目页面的设计和实现，采用JQuery和Js技术的动态效果运用。后台主要包括了用户和商品管理，包括用户的登入和退出，购物车的简单应用。
二、网站开发技术及工具简介
（一）主要开发技术的选用与介绍
1.Dreamwear
Dreamweaver是由美国MACROMEDIA公司开发的一款集网页设计和管理网站于一身的网页编辑器，Dreamweaver支持多种编码语言，包括HTML、xHTML、css等，利用Dreamweaver可以很轻松做出各种样式的网页，是一款在网页编辑方面理想的开发工具。
2.HTML
HTML是一种超文本标记语言，超文本语言是万维网编程的基础，利用该语言可以在网页中实现插入链接，音频，图片等多种类型的元素，实现在浏览器里面网页的美观效果。HTML语言有三个特点：第一，它具有简易性，HTML采用超集方式，使它本身更加方便灵活；第二，它具有可扩展性，采用采取子类元素的方式；第三，它具有通用性，允许制作人制作图文相结合的复杂页面，可以被任何人在网页上浏览。此外，HTML还支持和程序等非文字元素链接。
3.CSS
CSS的中文名称为层叠式样式表，是一种用于表现HTML或XHTML等文件样式的计算机语言。CSS可通过外联式、嵌入式、内联式中的一种表现方式实现对HTML页面或者XHTML页面的布局，排版，颜色搭配的设计。此外，CSS样式的多栏布局、列表模块、盒子模型为网页的显示提供了更加便捷的方式。
4.JQuery
JQuery是一种用来辅助JavaScript开发的库。它不仅兼容CSS3，同时还兼容各种浏览器, JQuery能够使用户的html页面保持代码和内容分离，为网站提供方便的AJAX交互。除此之外，JQuery还提供API是的开发者可以编写插件。模块化的使用方式可以让开发者轻松的开发出功能强大的静态或动态网页。
5. JSP
JSP是一种简化的Servlet设计，一种动态网页技术标准，主要目的是将表示逻辑从Servlet中分离出来，JSP的技术基础是Java Servlet，完全面向对象。通过JSP开发的WEB应用可以在多种操作系统上运行。在服务器端执行后，客户端可通过浏览器进行浏览。
（二）主要开发技术的选用与介绍
1.MyEclipse
MyEclipse软件是Eclipse的一款插件，是JavaEE集成开发环境，支持代码的编写、环境的配置、软件的测试以及除错，完整支持HTML，Struts，JSP，CSS，Javascript等语言，支持Java Servlet，AJAX，JSP数据库链接工具等多项功能。
2.Tomcat
Tomcat 是一款属于轻量级应用的免费的开放源代码的Web 应用服务器，是Apache 服务器的扩展，其具有技术先进、性能稳定，免费的特点，Tomcat支持web应用中的外部内容的直接引用，目前比较流行的Web 应用服务器。
3.Navicat for MySQL
Navicat for MySQL是一套为MySQL设计基于Windows平台的强大数据库管理及开发工具。它可以支持MySQL中大部分的功能，例如触发器、权限管理、检索、函数、时间等。软件可以与任何 MySQL 5.0.x 伺服器版本兼容，支援 BINARY VARBINARY/BIT、 Triggers数据种类等的规范。
三、网站总体分析介绍
一、引言 1
（一）课题开发背景 1
（二）选题意义 1
（三）设计内容 1
二、网站开发技术及工具简介 1
（一）主要开发技术的选用与介绍 1
1.Dreamwear 1
2.HTML 1
3.CSS 1
4.JQuery 1
5. JSP 2
（二）主要开发技术的选用与介绍 2
1.MyEclipse 2
2.Tomcat 2
3.Navicat for MySQL 2
三、网站总体分析介绍 2
（一）前台页面主要栏目 2
（二）数据库设计概念 3
1.数据的结构分析: 3
2.数据表结构: 4
四、网站前台界面设计与实现 5
（一）网站LOGO设计 5
（二）网站首页 5
（三）旅游页面的设计 6
(四) 门票页面 8
（五）联系我们 9
(六) 车车页面 10
（七）404页面 11
(八) map页面 11
五、网站后台功能管理 12
（一）登录功能的实现： 12
（二）注册功能的实现： 13
（三）商品模块功能的实现： 15
1.后台管理界面的设计与说明 15
2.产品列表显示实现过程 15
3.商品加入购物车就行结算效果实现： 16
4.商品订单效果确认及发货设计实现： 17
六、网站部分特效说明 18
（一）部分轮播图代码的实现 18
（二）车车页面全屏效果实现： 20
一、引言
（一）课题开发背景
近几年来，我国旅游业发生了巨大的变化，一些电子商务类型的旅游网站兴起，为旅游业的市场又提升了一个新的高度。人们开始旅行，由此，旅游业大热，传统的旅游，人们更多的是把眼光放在旅行社上面，而后，互联网的流行，使得许多事物的选择不再那么单一，而是逐渐多元化。
图代码的实现 18
（二）车车页面全屏效果实现： 20
一、引言
（一）课题开发背景
近几年来，我国旅游业发生了巨大的变化，一些电子商务类型的旅游网站兴起，为旅游业的市场又提升了一个新的高度。人们开始旅行，由此，旅游业大热，传统的旅游，人们更多的是把眼光放在旅行社上面，而后，互联网的流行，使得许多事物的选择不再那么单一，而是逐渐多元化。
（二）选题意义
对于旅游者而言，一些相关旅游信息是十分必要的，比如当地的旅游发展状况、热期景点分析、景区景点分布、旅游活动路线、交通、住宿等信息。为了更好地开发利用旅游资源，吸引更多的旅游者前来观光旅游，开发和建立旅游网站，为旅游者和各相关的行业提供全面详细的旅游信息是很必要的。
（三）设计内容
本网站的制作包括“在路上”网站的前台和后台设计与制作，前台的主要包括了不同栏目页面的设计和实现，采用JQuery和Js技术的动态效果运用。后台主要包括了用户和商品管理，包括用户的登入和退出，购物车的简单应用。
二、网站开发技术及工具简介
（一）主要开发技术的选用与介绍
1.Dreamwear
Dreamweaver是由美国MACROMEDIA公司开发的一款集网页设计和管理网站于一身的网页编辑器，Dreamweaver支持多种编码语言，包括HTML、xHTML、css等，利用Dreamweaver可以很轻松做出各种样式的网页，是一款在网页编辑方面理想的开发工具。
2.HTML
HTML是一种超文本标记语言，超文本语言是万维网编程的基础，利用该语言可以在网页中实现插入链接，音频，图片等多种类型的元素，实现在浏览器里面网页的美观效果。HTML语言有三个特点：第一，它具有简易性，HTML采用超集方式，使它本身更加方便灵活；第二，它具有可扩展性，采用采取子类元素的方式；第三，它具有通用性，允许制作人制作图文相结合的复杂页面，可以被任何人在网页上浏览。此外，HTML还支持和程序等非文字元素链接。
3.CSS
CSS的中文名称为层叠式样式表，是一种用于表现HTML或XHTML等文件样式的计算机语言。CSS可通过外联式、嵌入式、内联式中的一种表现方式实现对HTML页面或者XHTML页面的布局，排版，颜色搭配的设计。此外，CSS样式的多栏布局、列表模块、盒子模型为网页的显示提供了更加便捷的方式。
4.JQuery
JQuery是一种用来辅助JavaScript开发的库。它不仅兼容CSS3，同时还兼容各种浏览器, JQuery能够使用户的html页面保持代码和内容分离，为网站提供方便的AJAX交互。除此之外，JQuery还提供API是的开发者可以编写插件。模块化的使用方式可以让开发者轻松的开发出功能强大的静态或动态网页。
5. JSP
JSP是一种简化的Servlet设计，一种动态网页技术标准，主要目的是将表示逻辑从Servlet中分离出来，JSP的技术基础是Java Servlet，完全面向对象。通过JSP开发的WEB应用可以在多种操作系统上运行。在服务器端执行后，客户端可通过浏览器进行浏览。
（二）主要开发技术的选用与介绍
1.MyEclipse
MyEclipse软件是Eclipse的一款插件，是JavaEE集成开发环境，支持代码的编写、环境的配置、软件的测试以及除错，完整支持HTML，Struts，JSP，CSS，Javascript等语言，支持Java Servlet，AJAX，JSP数据库链接工具等多项功能。
2.Tomcat
Tomcat 是一款属于轻量级应用的免费的开放源代码的Web 应用服务器，是Apache 服务器的扩展，其具有技术先进、性能稳定，免费的特点，Tomcat支持web应用中的外部内容的直接引用，目前比较流行的Web 应用服务器。
3.Navicat for MySQL
Navicat for MySQL是一套为MySQL设计基于Windows平台的强大数据库管理及开发工具。它可以支持MySQL中大部分的功能，例如触发器、权限管理、检索、函数、时间等。软件可以与任何 MySQL 5.0.x 伺服器版本兼容，支援 BINARY VARBINARY/BIT、 Triggers数据种类等的规范。
三、网站总体分析介绍
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/jsjkxyjs/2537.html
