摘要：随着时代的发展和互联网的兴起，人们既能够通过互联网获取新鲜信息，又能在互联网上表达自我，展示个性。服饰搭配作为美与个性表达的一种方式，使得很多女性乐于在互联网上分享自己的时尚风格，同时寻求美的女性也可以快速从她人的分享中获取穿搭灵感。然而目前市场上少有专注于服饰搭配推荐分享的平台，鉴于此，本文基于Vue.js框架，设计并实现了一款服饰搭配推荐系统，旨在填补市场空白。

本系统使用WebStrom作为开发环境，采用了面向对象思想，结合MVVM模型，前端采用Vue.js框架铺设页面，后台使用PHP语言。同时使用MySQL作为数据库进行开发。实现包含登录模块、注册模块、搜索模块、推荐模块、个人主页模块、个性推荐模块、搭配模块，基础设置模块等模块。系统界面美观简约，操作简单易用。基本可以满足用户分享服饰搭配心得，搜索相关搭配及获取搭配推荐的需求。

关键词：服饰搭配；资讯分享；Vue.js

目录

摘要

Abstract

1 引言-1

1.1 课题开发背景-1

1.2 课题开发现状-1

1.3 课题开发意义-1

2 相关技术-2

2.1 Vue.js简介-2

2.2 PHP简介-2

2.3 MySQL简介-2

3 系统分析-3

3.1 可行性分析-3

3.1.1经济可行性-3

3.1.2技术可行性-3

3.1.3操作可行性-3

3.2 需求分析-3

3.2.1 系统需求和性能需求-3

3.2.2 用例分析及用例图-3

3.2.3 用例文本-4

4 总体设计-7

4.1 开发环境及工具-7

4.2 系统功能模块图-7

4.3 数据库概要设计-8

4.3.1 用户信息表(usudb_userinfo)-8

4.3.2 搭配详情表的设计(usudb_wear)-9

4.3.3 关注关系表的设计(usudb_relation)-10

5 详细设计与实现-11

5.1 推荐-11

5.2搜索-11

5.3基础设置-12

5.4搭配详情-13

5.5个人主页-14

5.6个人页面-15

6 系统测试-17

6.1 测试的目的-17

6.2 测试的原则-17

6.3 测试用例-17

结    论-20

参 考 文 献-21

致    谢-22