基于SSM和Vue的旅游网和旅游管理系统

基于SSM和Vue打造的前后端分离的在线旅游网

1.项目介绍

该系统是完全使用vue全家桶+springboot+ssm打造,不管是旅游网的前端页面 还是旅游网后台管理页面都是vue打造,界面不借用任何模板,全手工写出来。同时也是前后端分离项目。是您学习,开发, 还有使用的不错选择。

2.系统使用架构:

基于SSM和Vue的旅游网和旅游管理系统_第1张图片

3.项目技术栈

旅游网技术栈列表:

Vue端栈名词 版本号
nuxt 2.14.6
@nuxtjs/axios 5.12.2
element-ui 2.13.2
less 3.12.2
less-loader 7.0.2
vue-quill-editor 3.0.6
vue 2.6.12
vue-router 3.4.6
vuex 3.5.1
e-icon-picker 1.0.4
echarts 4.8.0
js-cookie 2.2.0
quill 1.3.7
vue-amap 0.5.10
xlsx 0.16.3
node >= 6.0.0
npm >= 3.0.0
后台服务端技术栈 版本号
springboot 2.3.0以上
jdk 1.8以上
lombok 1.18.12
commons-lang 2.6
commons-io 2.4
poi 3.17
slf4j 1.7.30
fastjson 1.2.47
jjwt 0.7.0
swagger2 2.7.0
maven 3.2.5以上
mysql 5.7以上
email 1.6.5
redis 3.2以上
mybatis 3.5.0以上
security 5.3.2
springweb 5.2.6以上
springmvc 5.2.6以上

4.项目功能点说明

旅游网前台和后台功能详情列表:

  • 首页–>导航条, 激活功能,下拉导航栏

  • 首页–>轮播图

  • 首页–>搜索栏

  • 首页–>地区栏

  • 首页–>常去目的地

  • 首页–>欢乐游玩

  • footer–>布局设计

  • 景区目的地–>高级条件过滤

  • 景区目的地–>目的地方展示过滤

  • 景区目的地–>景区等级展示过滤

  • 景区目的地–>主题游玩展示过滤

  • 景区目的地–>景区价格高级过滤

  • 景区目的地–>目的地列表默认排序功能

  • 景区目的地–>目的地列表价格排序功能

  • 景区目的地–>目的地列表分页功能

  • 景区目的地->目的地详情页面设计和加载景区详情

  • 景区目的地–>目的地详情页订单预定功能

  • 景区目的地–>评价打星评价功能

  • 景区目的地->预定酒店数据加载功能

  • 景区目的地–>动态增删旅游人数填报功能

  • 景区目的地–>动态技术总价功能

  • 个人订单–>订单页列表设计

  • 个人订单–>加载个人订单数据

  • 个人订单–>订单未付款自动取消功能

  • 个人订单–>订单付款功能

  • 个人中心–>基本信息展示

  • 个人中心–>个人积分信息

  • 个人中心–>修改重置密码

  • 个人中心–>修改上传头像

  • 个人中心–>发表游记功能

  • 系统门户–>登录页签设计

  • 系统门户–>注册页签设计

  • 系统门户–>验证码功能

  • 系统门户–>注册信息发送email邮件功能

  • 系统门户–>服务协议和隐私协议

  • 系统门户–>第三方登录 微信 微博 QQ登录

  • 系统门户–>登录持久化数据功能

  • 系统门户–>退出注销功能设计

  • 社区问答–>时间线设计

  • 商务合作–>下拉折叠展示数据

  • 景点游记–>页面轮播图加载设计

  • 景点游记–>热门游记列表

  • 景点游记–>热门游记分页设计

  • 景点游记–>推荐作者设计

  • 景点游记–>点击加载游记详情设计和数据加载

  • 景点游记–>点击查看游记统计访问量


  • 后台登录–>后台登录页设计并登录

  • 后台导航栏–> 加载用户头像和用户信息

  • 后台导航栏–>logo加载

  • 后台主页–>各种好看的报表

  • 系统设置–>后台用户维护 (用户的CRUD)

  • 系统设置–>菜单维护(维护系统的菜单 CRUD)

  • 系统设置–>用户权限维护(维护系统用户权限 CRUD)

  • 系统设置–>角色维护(维护系统的角色 CRUD)

  • 系统设置–>用户角色设置

  • 系统设置–>用户权限设置

  • 游记管理–>游记列表展示

  • 游记管理–>游记封面图加载

  • 游记管理–>游记删除功能

  • 游记管理–>游记高级查询和分页功能设计

  • 酒店管理–>酒店数据采集

  • 酒店管理–>酒店数据修改 删除,查询 分页设计

  • 景区管理–>景区发布信息 (富文本编辑器 下拉数据 等)

  • 景区管理–>景区列表数据展示 (图片加载 关联数据加载)

  • 景区管理–>景区修改操作

  • 景区管理–>景区删除操作

  • 景区管理–>列表数据分页展示和高级查询功能

  • 客户管理–>后台查看客户的信息

  • 评论管理–>维护客户的评论信息,针对不良信息,可以进行删除操作

  • 订单管理–>订单列表展示

  • 订单管理–>订单高级查询分页功能

  • 订单管理–>订单支付状态格式化处理

  • 订单管理–>查看订单详情介绍

    等等 东西实在太多…


    5 功能截图

    旅游前台首页
    旅游前台登录

    旅游后台登录:
    基于SSM和Vue的旅游网和旅游管理系统_第2张图片

6 项目的部署方式:

   
   前端启动:
      cd  itfxq_travel_admin
      npm run dev
   访问:http://localhost:3000
   
   后台启动
      cd  itfxq_travel_web
   访问:http://localhost:8080
   
   
   服务启动
   
      启动本地的redis服务
      idea 或者eclipse启动springboot的服务
  

记住一句话: 实践才是检验的真理的唯一标准…
github地址: https://github.com/soulCoder1998/itfxq_travel

你可能感兴趣的:(旅游管理系统,研发管理,vue,java,数据库,mysql)