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

向右看齐 2022-11-21 11:28 325阅读 0赞

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

# 1.项目介绍 #

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

# 2.系统使用架构： #

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NvZGVyMTk5OA_size_16_color_FFFFFF_t_70_pic_center]

# 3.项目技术栈 #

旅游网技术栈列表：

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

# 4.项目功能点说明 #

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

*  首页–>导航条, 激活功能,下拉导航栏
 *  首页–>轮播图
 *  首页–>搜索栏
 *  首页–>地区栏
 *  首页–>常去目的地
 *  首页–>欢乐游玩
 *  footer–>布局设计
 *  景区目的地–>高级条件过滤
 *  景区目的地–>目的地方展示过滤
 *  景区目的地–>景区等级展示过滤
 *  景区目的地–>主题游玩展示过滤
 *  景区目的地–>景区价格高级过滤
 *  景区目的地–>目的地列表默认排序功能
 *  景区目的地–>目的地列表价格排序功能
 *  景区目的地–>目的地列表分页功能
 *  景区目的地->目的地详情页面设计和加载景区详情
 *  景区目的地–>目的地详情页订单预定功能
 *  景区目的地–>评价打星评价功能
 *  景区目的地->预定酒店数据加载功能
 *  景区目的地–>动态增删旅游人数填报功能
 *  景区目的地–>动态技术总价功能
 *  个人订单–>订单页列表设计
 *  个人订单–>加载个人订单数据
 *  个人订单–>订单未付款自动取消功能
 *  个人订单–>订单付款功能
 *  个人中心–>基本信息展示
 *  个人中心–>个人积分信息
 *  个人中心–>修改重置密码
 *  个人中心–>修改上传头像
 *  个人中心–>发表游记功能
 *  系统门户–>登录页签设计
 *  系统门户–>注册页签设计
 *  系统门户–>验证码功能
 *  系统门户–>注册信息发送email邮件功能
 *  系统门户–>服务协议和隐私协议
 *  系统门户–>第三方登录 微信 微博 QQ登录
 *  系统门户–>登录持久化数据功能
 *  系统门户–>退出注销功能设计
 *  社区问答–>时间线设计
 *  商务合作–>下拉折叠展示数据
 *  景点游记–>页面轮播图加载设计
 *  景点游记–>热门游记列表
 *  景点游记–>热门游记分页设计
 *  景点游记–>推荐作者设计
 *  景点游记–>点击加载游记详情设计和数据加载
 *  景点游记–>点击查看游记统计访问量
 *  --------------------
    
    后台登录–>后台登录页设计并登录
 *  后台导航栏–> 加载用户头像和用户信息
 *  后台导航栏–>logo加载
 *  后台主页–>各种好看的报表
 *  系统设置–>后台用户维护 (用户的CRUD)
 *  系统设置–>菜单维护(维护系统的菜单 CRUD)
 *  系统设置–>用户权限维护(维护系统用户权限 CRUD)
 *  系统设置–>角色维护(维护系统的角色 CRUD)
 *  系统设置–>用户角色设置
 *  系统设置–>用户权限设置
 *  游记管理–>游记列表展示
 *  游记管理–>游记封面图加载
 *  游记管理–>游记删除功能
 *  游记管理–>游记高级查询和分页功能设计
 *  酒店管理–>酒店数据采集
 *  酒店管理–>酒店数据修改 删除，查询 分页设计
 *  景区管理–>景区发布信息 (富文本编辑器 下拉数据 等)
 *  景区管理–>景区列表数据展示 (图片加载 关联数据加载)
 *  景区管理–>景区修改操作
 *  景区管理–>景区删除操作
 *  景区管理–>列表数据分页展示和高级查询功能
 *  客户管理–>后台查看客户的信息
 *  评论管理–>维护客户的评论信息，针对不良信息，可以进行删除操作
 *  订单管理–>订单列表展示
 *  订单管理–>订单高级查询分页功能
 *  订单管理–>订单支付状态格式化处理
 *  订单管理–>查看订单详情介绍
    
    等等 东西实在太多…
    
    --------------------
    
    ## 5 功能截图 ##
    
    旅游前台首页![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NvZGVyMTk5OA_size_16_color_FFFFFF_t_70_pic_center 1]  
    旅游前台登录  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NvZGVyMTk5OA_size_16_color_FFFFFF_t_70_pic_center 2]  
    旅游后台登录:  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NvZGVyMTk5OA_size_16_color_FFFFFF_t_70_pic_center 3]

# 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

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NvZGVyMTk5OA_size_16_color_FFFFFF_t_70_pic_center]: /images/20221120/c5b0725eb90a4a84bd7a8872310a7864.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NvZGVyMTk5OA_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221120/23755c8a60c2493e9cf3994c3ee0057d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NvZGVyMTk5OA_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20221120/44e41a09af4f4daead69c103104ecab7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NvZGVyMTk5OA_size_16_color_FFFFFF_t_70_pic_center 3]: /images/20221120/cbaf8692f7a747e890c7fea64c146c3a.png