基于JQ的产品官网平台搭建——以机车为例

摘  要：产品官网以其特有的信息量大，跟新快，便捷来更好协助传统线下宣传模式。同时也会对公司销售产品带来很大的帮助，给客户带来更良好的体验。网站也是品牌的一部分，好的网站能够提升品牌的形象。

    网站开发采用了div+css开发技术，有网站首页、产品页面、经销商查询、关于我们、新闻等页面，界面设计以黑橙两色为主，极强的表现出公司对自由生活的追求的核心文化内涵。网站版块多以组合形状作为基础设计，紧贴网站主题。布局合理简洁，符合交互要求。

关键词：div+css 产品官网 JQuery 

目 录

1 引言 1

1.1 机车产品官网搭建背景 1

1.2 机车产品官网搭建的意义与设计目的 1

2 开发工具及环境介绍 2

2.1 机车产品官网搭建的开发环境 2

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

2.2.1 Adobe Photoshop CC 2018 2

2.2.2 Visual Studio Code 3

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

2.3.1 JQuery 3

2.3.2 Vue.js 4

2.3.3 DIV+CSS 5

3 项目概述 6

3.1 项目概述 6

3.2 项目风险 6

3.3 项目进度计划 7

4 项目需求分析 8

4.1 概要设计 8

4.1.1 网站结构图 8

4.1.2 网站概要设计说明 9

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

5 网站实现 10

5.1 网站界面设计与布局 10

5.1.1 网站首页 10

5.1.2 查找经销商页面 11

5.1.3 摩托车页面 12

6 测试 14

6.1 测试 14

6.2 测试例子及其结果 15

6.2.1 页面效果测试 15

7 总结与展望 16

致谢 17

参考文献 18