摘要：随着互联网的井喷式爆发，人们越来越习惯于建立在网络上的消费活动，任何一项事物，能与其相结合都可以锦上添花。随着时代的发展国人娱乐生活愈加的丰富多彩，酒吧可以称之为个中翘楚。综上所述，两个新兴事物的结合也是大势所趋，在这个前提下开发一个功能完善的酒吧搜索平台也是十分必要的。“酒咖”酒吧搜索平台是一个基于Vue.js开发的酒吧搜索平台，用户可以在平台上搜索酒吧的信息和预定包厢，同时也可以获取酒吧最新动态信息和举行的大型活动。该平台既能节省用户的时间来提供更便捷、完善的功能，同时也可以为商家提供一个推广酒吧的机会。该平台拟采用的Vue.js框架，运用MVVM思想，前后端分离技术来构建项目整体框架。前端使用企业中流行开发框架，后端使用node.js语言，数据源为Mysql数据库。此平台是一个逻辑完整、界面简单大方，交互性强的搜索平台，能为用户提供更加便捷、完善的服务。

关键词：vue.js；前后端分离模式；mysql

目 录

摘 要

Abstract

1  绪论-1

1.1  课题的背景-1

1.2  课题的意义-1

1.3  国内外现状-1

1.4  课题主要内容-2

2  需求分析-3

2.1  需求调研-3

2.2  开发工具与运行环境需求-3

2.2.1  开发工具-3

2.2.2  运行环境-3

2.3  可行性分析-3

2.3.1  经济可行性分析-4

2.3.2  技术可行性分析-4

2.3.3  社会可行性分析-4

3  概要设计-5

3.1  系统总体设计-5

3.2  数据库设计-5

3.2.1  数据库模型图-5

3.2.2  逻辑结构设计-6

4  详细设计-9

4.1  功能模块设计-9

4.1.1  酒吧展示模块-9

4.1.2  酒吧详情模块-9

4.1.3  积分商城模块-10

4.1.4  个人中心模块-11

4.2  接口设计与实现-12

4.3  页面设计与实现-14

4.3.1  首页设计与实现-14

4.3.2  酒吧列表展示页面设计与实现-14

4.3.3  酒吧详情展示页面设计与实现-15

4.3.4  支付页面设计与实现-15

4.3.5  个人中心页面设计与实现-16

4.3.6  积分商城页面设计与实现-16

4.3.7  积分商品页面设计与实现-17

5  测试-18

5.1  测试目的-18

5.2  测试流程-18

5.2.1  前端模块测试-18

5.2.2  后端模块接口测试-18

5.3  测试结果-18

结    论-22

致    谢-23

参考文献-24