潮流鞋网站前端设

摘  要：互联网的飞速发展，人们获取信息的方式不在是报纸、广播、书籍等，互联网已然成为人们获取信息的主要途径。在家完成购物、学习、工作、娱乐正是当下快生活节奏的必然需求。潮流鞋购物网站专门为年轻人提供服务的电商网站。追求潮流的年轻人能通过网站在任何地方、任何时间点购买自己心仪的鞋子，为年轻人提供一个价格实惠、方便、无后顾之忧的购物网站。

课题目标是设计并实现一个网上正品潮流鞋网站。使用网页开发技术网站加上简单登陆注册功能。网页开发采用了HTML5+CSS3+JS+Vue.js+Swiper开发技术，有网站首页、登录页、列表页、内容页等页面，主要颜色以灰色为主加上红色点缀，网页设计风格偏向电商。网页布局多以方形作为基础设计，布局大方直观，和符合网页的交互功能。简单的登录注册。

关键词：网页开发技术 潮流鞋网站 登录注册

目 录

                                 

1 引言 1

1.1 潮流鞋网站前端设计开发背景 1

1.2 潮流鞋网站意义于设计目的 1

2 开发工具及环境介绍 2

2.1 潮流鞋网站的开发环境 2

2.2 本项目所应用的开发工具 2

2.2.1 Visual Studio Code 2

2.2.2 Adobe Photoshop CC 2019 3

2.2.3 XMind ZEN 4

2.3 本项目应用的主要开发技术 5

2.3.1 java script 5

2.3.2 Vue.js 5

2.3.3 HTML5+CSS3 6

2.3.4 Swiper 6

2.3.5 Element-Ui 7

3 项目概述 7

3.1 项目概述 7

3.2 项目风险 7

3.3 项目进度计划 8

4 项目需求分析 9

4.1 概要设计 9

4.2 现行研究存在的问题及解决问题 9

5 网站实现 10

5.1 网站界面设计与布局 10

5.1.1 首页 10

5.1.2 列表页 13

5.1.3 详细页 15

5.1.4 登录页 17

5.2 说明 19

5.2.1 项目命名规范 19

5.2.2 项目文件结构说明 19

6 测试 21

6.1 测试 21

6.2 测试例子及结果 21

7 总结与展望 23

致谢 24

参考文献 25