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

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以上 |
| 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 功能截图
旅游前台首页

旅游前台登录

旅游后台登录:

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

1261

被折叠的 条评论
为什么被折叠?



