Design, Development and Realization of Tourism Website Based on HTML+CSS

目 录
第1章 绪论 1
1.1 选题背景及意义 1
1.1.1选题背景 1
1.1.2选题意义 1
1.2 研究现状 2
1.2.1国内研究现状 2
1.2.2国外研究现状 2
1.2.3发展趋势 3
1.3 研究主要内容 4
第2章 相关理论概述 5
2.1开发技术概述 5
2.2.1 Html 5
2.2.2 CSS 5
2.2.3 JSP 6
2.2.4 Java 7
2.2.5 MySQL 7
2.2 开发环境 8
第3章 旅游网站系统分析 9
3.1可行性研究 9
3.1.1经济上的可行性 9
3.1.2技术上的可行性 9
3.1.3操作上的可行性 10
3.2开发结构分析 11
3.3功能需求分析 11
3.4 数据流图 12
3.5 业务流程分析 14
3.6 数据字典 15
第4章 旅游网站系统设计 20
4.1系统功能描述 20
4.2系统界面设计 21
4.3系统功能结构图 21
4.4系统设计目标 22
4.4数据库设计 23
4.4.1数据库概念结构设计 23
4.4.2数据库逻辑结构设计 27
第5章 旅游网站系统实现 31
5.1旅游网站前端模块设计 31
5.1.1用户注册模块设计 36
5.1.2旅游景点模块设计 38
5.1.3酒店预定模块设计 41
5.2 旅游网站后台管理设计 43
5.2.1后台登录模块设计 44
5.2.2旅游景点模块设计 47
5.2.3线路管理模块设计 51
第6章 旅游网站系统测试 53
6.1 测试目的 53
6.2 测试过程 53
6.3 测试结果 54
结论 56
致谢 57
参考文献 58
1.3 研究主要内容
基于HTML+CSS的旅游网站设计开发与实现研究主要内容包括以下几个方面:

  1. Requirements analysis: collect user needs and analyze their characteristics, and determine the design and development functions of the website.
  2. Website architecture design: According to the results of demand analysis, design the structure and layout of the website, including homepage, navigation bar, footer, content page, registration, login and other modules.
  3. Interface design: According to the results of website architecture design, design the website's interface style, color, font, picture and other visual elements, as well as UI interface and interaction process.
  4. HTML coding: According to the results of interface design, use HTML tags and language to write the structure and content of the website.
  5. CSS style design: In order to make the website more beautiful and interactive, use CSS style to beautify the HTML structure, including styles such as fonts, colors, borders, and backgrounds. The backend uses JSP and MySQL to realize data interaction.
  6. Responsive design and optimization: In the process of implementation, taking into account the adaptability of the website on different platforms and devices, responsive design is adopted and optimized.
  7. Website testing and publishing: After the website design and development are completed, test the website, conduct some functional and technical tests, and release it online after confirming that the functions and performance are stable.
    To sum up, the research on the design, development and implementation of tourism websites based on HTML+CSS is a comprehensive project that includes many links. It requires the close cooperation of designers and developers to grasp the needs analysis, design, coding, testing and release of the website, so as to complete the development and realization of an excellent tourism website.
<%@ page language="java"  pageEncoding="gb2312"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ page language="java" import="java.sql.*" %>
<jsp:useBean id="connDbBean" scope="page" class="db.db"/>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'adminyanzheng.jsp' starting page</title>
    

  </head>
  
  <body>
  <%
 
 String uid=request.getParameter("username");
 String pwd=request.getParameter("pwd");
 String cx=new String(request.getParameter("cx").getBytes("8859_1"));
 String sql="";
 if(cx.equals("普通用户"))
 {
    
    
 	sql="select * from yonghuxinxi where yonghuming='"+uid+"' and mima='"+pwd+"'";
 }
 else
 {
    
    
 	sql="select * from allusers where username='"+uid+"' and pwd='"+pwd+"'";
 }
 ResultSet RS_result=connDbBean.executeQuery(sql);
 if(!RS_result.next())
{
    
    
	out.print("<script>alert('你输入的用户不存在或密码错误,请重新登录!');window.history.go(-1);</script>");
	}
else{
    
    
	
  	  session.setAttribute("username",uid);
	if(cx.equals("普通用户"))
 	{
    
    
  	  session.setAttribute("cx","普通用户");
  	  }
	  else
	  {
    
    
	  	session.setAttribute("cx",RS_result.getString("cx"));
	  }
	 response.sendRedirect("main.jsp");	 
	} 
RS_result.close();

 %>
  </body>
</html>


insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here

Guess you like

Origin blog.csdn.net/newlw/article/details/131824948