# 民宿网站

**Repository Path**: datacabbage/hotel

## Basic Information

- **Project Name**: 民宿网站
- **Description**: 一个简单的民宿系统
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 3
- **Created**: 2019-10-05
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 项目链接
[客户端链接](http://www.minsush.com/index) 用户名:185833241@qq.com,密码:123456789<br>

[后台管理链接](http://www.minsush.com:1314/api/login)用户名:admin,密码:admin123456

### 技术栈
vue2 + vuex + vue-router + webpack + es6 

### 项目说明
这是一个简单的民宿系统，实现了一个民宿的基础功能。项目是自己第一次学vue尝试写的一个练手项目。第一次写完的时候有着许多的bug，因为对于前端框架的不太熟悉，导致代码结构不是很清晰。不过好在最终还是完整的跑通了一套完整的流程。


### 项目截图
![a](https://gitee.com/uploads/images/2018/0226/171552_4433f095_1230427.jpeg "a.jpg")
![d](https://gitee.com/uploads/images/2018/0226/171215_077a002a_1230427.png "d.png")
![b](https://gitee.com/uploads/images/2018/0226/171238_0db160f0_1230427.png "b.png")
![c](https://gitee.com/uploads/images/2018/0226/171255_37ba1c9e_1230427.png "c.png")

### 目录结构
```

├─build                                            //webpack配置文件
│      
├─config                                           //配置文件
│      
├─src
│  │  App.vue                                    
│  │  main.js                                      //主文件
│  │  
│  ├─components
│  │  ├─admin                                      //公共头部
│  │  │  └─header
│  │  │          header.vue
│  │  │          
│  │  ├─bookHome                                
│  │  │      bookHome.vue                          //房屋预定界面
│  │  │      payProgress.vue                       //支付的步骤条
│  │  │      sellerConfirm.vue                     //支付确认页面
│  │  │      
│  │  ├─common
│  │  │      areaModel.vue                          //地区弹窗
│  │  │      calendar.vue                           //日历
│  │  │      calendar2.vue                          //另一种日历
│  │  │      footer.vue                             //公共底部
│  │  │      header.vue                             //公共头部
│  │  │      map.vue                                //地图
│  │  │      paging.vue                             //翻页组件
│  │  │      rating.vue                             //评分组件
│  │  │      search.vue                             //搜索组件(房屋按不同条件查询)
│  │  │      typeModel.vue                          //房屋类型组件(单人间双人间三人间之类的)
│  │  │      
│  │  ├─component
│  │  ├─help                                        //获取帮助模块
│  │  │      becomeLandlord.vue                     //如何成为房东
│  │  │      bookHotel.vue                          //如何预定房间
│  │  │      customerService.vue                    //在线客服
│  │  │      help.vue                               //获取帮助
│  │  │      issueHouse.vue                         //如何发布房源
│  │  │      novice.vue                             //如何使用我们
│  │  │      payment.vue                            //如何支付
│  │  │      
│  │  ├─homeDetail
│  │  │      homeDetail.vue                         //房屋详情
│  │  │      
│  │  ├─homeResult
│  │  │      homes.vue                               //搜索到的房屋结果
│  │  │      
│  │  ├─landlord
│  │  │      houseCheck.vue                        //房屋审核
│  │  │      houseDetail.vue                       //填写房屋详情
│  │  │      houseInfo.vue                         //填写房屋基本信息
│  │  │      landlord.vue                          //申请成为房东
│  │  │      progress.vue                          //成为房东步骤条
│  │  │      
│  │  ├─login
│  │  │      login.vue                             //登录页面
│  │  │      
│  │  ├─main
│  │  │      full-slide.vue                        //主页面全屏滑动
│  │  │      index.vue                             //主页面入口
│  │  │      main.vue                    
│  │  │      recommend.vue                         //推荐页面
│  │  │      
│  │  ├─register                                   //注册页面
│  │  │      register.vue
│  │  │      registerSuccess.vue
│  │  │      
│  │  ├─rental
│  │  │      rental.vue                            //业主个人信息
│  │  │      waitMessage.vue
│  │  │      
│  │  ├─story                                      //我们的故事
│  │  │      discuss.vue
│  │  │      people.vue
│  │  │      story.vue
│  │  │      storyDetail.vue
│  │  │      writeStory.vue
│  │  │      
│  │  ├─success                                    //上传成功后的公共组件
│  │  │      tip.vue
│  │  │      
│  │  └─userInfo
│  │          changePwd.vue                        //修改用户密码
│  │          headModel.vue                        //头像上传弹窗
│  │          houseRecord.vue                      //房屋出售记录
│  │          model.vue                            //用户个人信息弹窗
│  │          myHouse.vue                          //我的房屋
│  │          myOrder.vue                          //我的订单
│  │          myReview.vue                         //我的评价
│  │          orderList.vue                        //订单列表
│  │          storyRecord.vue                      //我的故事
│  │          success.vue                          //修改密码成功    
│  │          user.vue                             //用户信息
│  │          userDetail.vue                       //用户详细信息
│  │          userInfo.vue                         //用户基本信息
│  │          
│  └─router
│          index.js                                //路由
│          
└─static
    │  
    ├─css
    │      iconfont.css
    │      reset.css
    │      swiper-3.4.2.min.css
    │      
    ├─fonts
    │      iconfont.eot
    │      iconfont.svg
    │      iconfont.ttf
    │      iconfont.woff
    │      
    ├─images
    │      
    ├─img
    │      
    ├─js
    │      iconfont.js
    │      
    ├─json                                                //数据模拟
    │      facilities.json
    │      home.json
    │      home2.json
    │      index.json
    │      order.json
    │      orderList.json
    │      searchResult.json
    │      searchResult2.json
    │      story.json
    │      storyDetail.json
    │      userInfo.json
    │      userInfo2.json
    │      userManage.json
    │      userManage2.json
    │      
    └─plugins                                            //插件
            calendar.js
            swiper-3.4.2.min.js
            


```