讨论社区  /   日志  /   帖子详情
Java旅游网站源码+页面
2022-11-18 09:03:47
163
{{single.collect_count}}

旅游网站[源码+前后端页面]

在线预览：旅游网站TourismPro

账号：朱利尔，密码：123

管理员账号：admin，密码：123456

  • Github开源地址：https://github.com/jwwam/tourismPro
  • 下载 or 部署问题请加QQ群：696852484
  • 这是一个免费、轻量化、简单、易上手的旅游网站项目，系统包括完整的前端Html页面和后台代码，该项目仅适合作为JavaWeb入门或毕业设计使用，不具备实际使用价值，项目中涉及皮尔逊相关系数的相似度算法Java实现和实际应用可查看景点推荐模块。
  • 本项目开源免费，如果您看到有人售卖或利用该项目盈利请帮忙举报，谢谢。
  • PS：本人承接毕业设计制作，有意请联系我，划至页面底部获取我的联系方式。
  • 以下请您仔细阅读：
    这个项目相比于原来tourism的设计更加简洁明了，使用体验也更好，底层应用的实现代码也很简单，但是在部署方式上可能需要耗费一定的精力才能跑起来(相比老版本)，其实这对于每一个项目来说都是如此，相信找到这个项目的小伙伴大多是即将毕业的同学，如果您只是想毕业交差然后另谋他路请直接略过此段往下看，或者建议您找淘宝或者我帮你远程部署，花钱买时间永远是最划算的买卖(恰饭时间O(∩_∩)O)，您大可利用多余的时间去做更有意义的事情。但是如果您毕业后从事编程相关的工作，请一定仔细食用这个项目，相信你一定会有所收获。一个系统从设计到实现是一个非常复杂的过程，这个项目算不上牛逼但是带你入门足够了，项目用到的算法也不算牛逼但是面试吹牛也足够了，以上。

Project description-项目描述

  • 此项目为tourism的重构版本【tourism是3年前做的一个旅游网站毕业设计，采用ssh架构】
  • 因为tourism开发时间久远，现在对这个项目进行了全新升级
  • 本次升级抛弃了原来一些老旧的技术，底层的所有代码全部重写
  • 采用前后端分离架构
  • RESTful API风格接口化、Json形式数据传输
  • 前端页面进行了升级，引用了一些基本的组件，如dataTables.js、bootstrap.js、bootbox.js
  • 前端没有采用主流框架如Vue、React等，使用基本的HTML+CSS+JQ也减轻了上手难度
  • 引入皮尔逊线性相似度推荐算法的Java实现，应用于项目的“景点推荐”栏目

Project framework-项目架构

项目架构

  • 采用前后端分离，Jquery + SpringBoot2.0
  • 后端语言Java
  • ORM使用SpringDataJPA
  • 数据库使用MySql5.7+Mongodb3
  • 缓存Redis
  • 部署Nginx+Jar

Project algorithm-相关算法

  • 皮尔逊相关系数的相似度算法(Pearson)

  • 以下给出其实现公式：
    皮尔逊相似度算法

  • 该算法在本系统中实现了基于景点分数近似度的推荐功能，以下给出数据获取方法代码，具体算法实现请查看CFUtils.cosineSimilarity()方法。

public List<Spots> findRecommendList(String id) {//系统中我将景点抽象成了产品，这样便于扩展，如酒店、旅行团均可看作产品评分，统一记录在系统的分数表中//如果是查询景点推荐列表，则根据入参景点id查询景点List<Score> productScoreList = scoreDao.findByProductId(id);//因为相似度比对需要两份数据，首先得到自己查询的景点的分数集合double[] ownProductScoreList = new double[productScoreList.size()];for (int i = 0; i < productScoreList.size(); i++) {ownProductScoreList[i] = Double.parseDouble(productScoreList.get(i).getGrade());}//然后得到分数表中所有景点的分数集合List<Score> productCountInScoreList = scoreDao.findAllGroupByProductId();HashMap<String,double[]> ss = new HashMap<String,double[]>();//循环所有景点for (int i = 0; i < productCountInScoreList.size(); i++) {//得到该产品的所有分数List<Score> bb = scoreDao.findByProductId(productCountInScoreList.get(i).getProductId());double[] otherProductScoreList = new double[bb.size()];//循环该产品的所有分数for (int j = 0; j < bb.size(); j++) {otherProductScoreList[j] = Double.parseDouble(bb.get(j).getGrade());}//将产品作为key，分数集合作为value存入mapss.put(productCountInScoreList.get(i).getProductId(),otherProductScoreList);}List<Spots> resSpotsList = new ArrayList<>();//循环Map依次比对其线性相似度ss.forEach((String k, double[] v)->{//得到相似度值double n = CFUtils.cosineSimilarity(ownProductScoreList,v);log.info("id：{},线性相似度：{}",k,n);//判断相似度值是否符合自己设定的阈值if(n > pearsonCorrelation) {//符合相似阈值，放入推荐列表resSpotsList.add(spotsDao.findById(k));}});return resSpotsList;}

Project view Page-页面预览如下：

注：看不到图片可能需要梯子(maybe u need VPN)

  • 前台登录&注册：
    在这里插入图片描述
    在这里插入图片描述

  • 前台首页：
    在这里插入图片描述

  • 前台景点列表&详情：
    在这里插入图片描述
    在这里插入图片描述

  • 前台景点推荐：
    在这里插入图片描述

  • 前台酒店列表&详情&预订：
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

  • 前台旅线列表&详情：
    在这里插入图片描述
    在这里插入图片描述

  • 前台订单列表：
    在这里插入图片描述

  • 后台首页：
    后台首页

  • 后台景点列表&添加&更新&删除：
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

  • 后台酒店列表&添加&更新：
    在这里插入图片描述在这里插入图片描述
    在这里插入图片描述

  • 后台线路列表&更新：
    在这里插入图片描述
    在这里插入图片描述

  • 后台订单列表&订单审核：
    在这里插入图片描述
    在这里插入图片描述

  • 后台旅行社列表：
    在这里插入图片描述

  • 后台用户列表：
    在这里插入图片描述

Run-启动访问(本地部署)

1.启动Nginx

启动命令：nginx.exe

将两个前端页面【tour-front】和【tour】文件包拷贝到Nginx根目录下，修改./conf/nginx.conf配置文件，替换原有的server配置如下：

server {listen 80;server_namelocalhost;location / {root tour-front;indexindex.html index.htm;}error_page 500 502 503 504/50x.html;location = /50x.html {root html;}}server {listen 8082;server_namelocalhost;location / {root tour;indexindex.html index.htm;}error_page 500 502 503 504/50x.html;location = /50x.html {root html;}}

关闭Nginx

nginx.exe -s stop

重启Nginx

nginx.exe -s reload

2.启动Mongodb

启动命令：net start mongoDB

3.启动Redis

启动命令：redis-server.exe--service-start --service-name redisserver

4.启动项目

  • 本地启动
    打开idea选择import project，选择tourismPro或者mongodb-file-server导入，然后等待相关依赖加载完成
    修改tourismPro项目中application.properties配置文件，将你自己的MySQL账号和密码替换写入
#数据源spring.datasource.url=jdbc:mysql://localhost:3306/tourismPro?useUnicode=true&zeroDateTimeBehavior=convertToNull&autoReconnect=true&characterEncoding=utf8spring.datasource.username=你自己的MySQL账号spring.datasource.password=你自己的MySQL密码spring.datasource.driver-class-name=com.mysql.jdbc.Driver

修改mongodb-file-server项目中application.properties配置文件，将你自己本地创建的数据库替换写入，这里在mongodb中创建了名为tourismPro的数据库

spring.data.mongodb.uri=mongodb://localhost:27017/tourismPro

如图启动main方法(mongodb-file-server同理)
idea启动项目
5.view address访问地址

前台：http://localhost后台：http://localhost:8082/index.html

Quick start-快速部署(另一种部署方式)

注：使用我配置好的Nginx部署前端项目，通过我打包的jar直接启动后端项目

1.工具介绍：

  • 【MongoDB安装包】mongodb-win32-x86_64-3.4.24.zip
  • 【MongoDB连接工具】Robo3T_v1.3.1.exe
  • 【Redis安装包】Redis-x64-3.0.504.zip
  • 【Redis连接工具】redis-desktop-manager-0.9.3.817.exe
  • 【Nginx安装包】nginx-1.18.0.zip
  • 【MySql连接工具】Navicat网上一大堆我就不上传了

2.前端部署：

  • 务必保证系统的80端口、8082端口不被占用
  • 解压nginx-1.18.0-tourismPro.rar
  • 双击解压后nginx-1.18.0-tourismPro目录中的nginx.exe
  • 打开浏览器，输入localhost，再打开新标签输入localhost:8082
  • 页面正常显示则前端部署完成

3.后端部署：

  • 务必保证系统的8081端口不被占用
  • 务必保证系统已经正确配置了JDK1.8环境变量
  • 务必保证系统正确安装且启动了Redis且未修改默认端口、未设置密码
  • 务必保证系统正确安装且启动了Mongodb且新建了一个名为tourismPro的数据库
  • 务必保证系统安装的是Mysql5.X版本（本项目暂不支持8.X系列的MySQL数据库）且新建了一个名为tourismPro的数据库
  • 安装数据库时设置初始化账号为root，密码为1234
  • 打开cmd或者powershell输入以下命令：
java -jar tourismPro.jar
  • 打开一个新的cmd或powershell输入以下命令：
java -jar mongodb-file-server.jar

两个jar包启动都不报错则部署成功

4.验证：

打开浏览器访问地址

前台：http://localhost后台：http://localhost:8082/index.html

在后台添加数据查看是否在前台正确展示

PS-其他说明

  • 本项目使用SpringDataJpa自动构建数据库表，启动项目会自动生成表结构，无需您手动创建
  • 启动不能自动构建表，并且报错"Specified key was too long; max key length is xxx bytes"的请保证您的MySQL版本为5.X，并且修改您的数据库编码字符集为utf8 – UTF-8 Unicode
  • 项目使用Redis存储Session会话
  • 项目使用MongoDB作为小型文件存储数据库
  • 项目中推荐算法部分的实现需要评分数据支撑，请登录不同用户为景点提交评分、评论(每个景点不少于5个评分)

Call me-联系方式

  • E-mail：824247231@qq.com
  • QQ：824247231
  • QQ群：696852484
回帖
全部回帖（{{commentCount}}）
{{item.user.nickname}} {{item.user.group_title}} {{item.friend_time}}
{{item.content}}
{{item.comment_content_show ? '取消' : '回复'}} 删除
回帖
{{reply.user.nickname}} {{reply.user.group_title}} {{reply.friend_time}}
{{reply.content}}
{{reply.comment_content_show ? '取消' : '回复'}} 删除
回帖
收起
没有更多啦~
{{commentLoading ? '加载中...' : '查看更多评论'}}
发帖
加入PHP技术QQ群
一个专属于OneKeyAdmin的技术交流平台，记录OneKeyAdmin开发者的成长与进步。
主题帖
6222
回帖数
147
{{userInfo.nickname}} {{userInfo.group_title}}
{{userInfo.describe}}
文章
{{blog_count}}
回帖
{{blog_comment_count}}
收藏
{{blog_collect_count}}
登陆  /   注册
文章
-
评论
-
粉丝
-
热门帖子
1  gitlab中国官方网站
5076
2  攻入网站后台的方法
4325
3  Yandex企业邮箱注册
4218
4  WordPress Rest API 入门详解
3663
5  Thinkphp5.0 获取新增数据的ID
3120
6  thinkphp5 解决跨域问题
2742
7  Thinkphp6 的 where 查询条件 and 和 or 的 操作
2570
8  PHP的exec()函数用法详解
2445
9  Vue3官网使用及简介
2411
10  thinkphp6配置连接微软的sqlserver数据库
2132

Copyright © 2021-2024 onekeyadmin.com All rights reserved 温州市万旗信息科技有限公司 版权所有  网站备案/许可证号：浙ICP备2022028513号-1