潮流鞋网站前端设计

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

课题目标是设计并实现一个网上正品潮流鞋网站。使用网页开发技术网站加上简单登陆注册功能。网页开发采用了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 Code2

2.2.2 Adobe Photoshop CC 20193

2.2.3 XMind ZEN4

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

2.3.1 java script5

2.3.2 Vue.js5

2.3.3 HTML5+CSS36

2.3.4 Swiper6

2.3.5 Element-Ui7

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