摘要：随着互联网技术的发展，人们趋向于利用互联网，进行一些商品和信息的交易。在国内，网上购物已经成为人们生活的一部分，通过便捷的网上交易，满足各自的需求。现如今，疫情的到来，让运动健康成为了时代热门话题，人们更加关注其自身健康，注重身体健康的标准，对健身方面的物品需求变得越来越大。为了使健身购物更一目了然，网站功能简洁，界面新颖，内容充实。本文详细阐述以Vue脚手架搭建网站前端的基本框架，使用CSS，HTML完成页面布局，运用Node.js完成服务器端与数据库之间的功能和数据的互通等技术设计的展示健身商品和购物交易的过程。本平台的搭建，可有效实现对健身商品领域需求的补缺，通过热门商品推荐、购买商品、活动中心以及个人中心等模块，把商品做到统一规划，以扩大对健身商品和知识方面的宣传。实现一个功能完整，性能稳定，操作界面友好的购物平台，让用户快捷有效的达成在健身购物平台上商品的交易。

关键词：HTML、CSS；Vue框架；MVVM设计模式

目 录

摘 要

Abstract

1  前言-5

1.1 课题背景-5

1.2 课题现状-5

1.3 课题意义-6

2  需求分析-7

2.1 可行性-7

2.2 功能需求-7

2.3业务流程-8

3  开发概要介绍-9

3.1开发工具-9

3.2开发技术-10

4  健身购物平台的设计-11

4.1 运行环境-11

4.2 功能模块-11

    4.2.1 前端设计-12

4.3 数据库-13

4.3.1 数据库实体类字段-13

5  健身购物平台的实现-16

5.1 注册与登录-16

    5.1.1 用户注册-16

5.1.2 用户登录-16

5.2 主页面-16

5.3 热门推荐-17

5.4 商品购买-17

5.5 活动社区-18

5.6 个人中心-18

5.6.1 用户信息-18

5.6.2 我的收藏-18

5.6.3 查看订单-19

5.6.4 用户评价-19

6  测试-20

6.1 测试目的-20

6.2 测试的主要内容-20

6.3 测试结果-20

结  论-22

致  谢-23

参考文献-24