汽车销售网站设计与实现

──前端页面制作

摘 要：当前，网络技术迅猛发展，网络的方便快捷导致人们对网络的依赖逐渐增大，各类信息都可以通过网站浏览，致使各类网站如雨后春笋般的出现，汽车销售网的出现给想要购车的人群了解汽车信息和购买带来了方便，解决了人们想要购车但因为种类繁杂难以筛选的问题。

本论文所提出的方案采用的是当前比较流行的语言，如html、css和javascript、jQuery，结合photoshop，fireworks工具等完成该系统的基本功能模块，如汽车详情、个人中心、购物车、登陆、注册等。

关键词：前端； 电子商务；功能模块

Abstract：At present，network technology develops quickly，network is so convenient,that people are more and more rely on Internet.we can get information everywhere by website,so that all kinds of website sprang up,the appeared of car_sales website bring more convenient for that people who want to get more car information and want to buy，solved the people want to be a car because of the diversity of difficult to filter.

In this paper，the proposed scheme USES the current relatively popular in the language,such as javascript、jQuery，combine this tools to finished basic modules of the system,this tools include Photoshop、Firefox and on,function module is like showCon2、personal center、shopCar、log in、register.

Key words：leading end; e-business; function module; html

1 绪论

在网上销售汽车是时代发展的结果，随着网络技术迅猛发展，网络的方便快捷导致人们对网络的依赖逐渐增大，各类信息都可以通过网站浏览，致使各类网

第1页 （共30页）

站如雨后春笋般的出现，汽车销售网的出现给想要购车的人群了解汽车信息和购买带来了方便，解决了人们想要购车但因为种类繁杂难以筛选的问题。汽车销售实体店比较分散，如果一个汽车店没有找到自己喜欢的车型，转到下一个实体店，花费时间，对人体的消费也比较大，网上销售给人们带来了极大的方便，它将汽车集中在一起，不用出门就可以看到各种车型，所以网上营销是时代进步的产物。

在此篇论文中，我将介绍如何在建立网站，以何种方式在网上进行销售的，通过网页的介绍，使人们对销售模式更加熟悉，我将介绍当前主流浏览器，以及浏览器对各种语言的支持，如：jQuery、javascript、css等，我通过网站的结构，组成，技术支持，功能模块的实现，网页测试等方面来描述汽车销售网站，通过这些我们将对汽车销售网站的架构有一定的了解，功能实现也有一定的认识，各功能模块的实现和测试也有相当的认知，我将详细介绍这些。

2 实现环境介绍

2.1 当前主流浏览器介绍 2.1.1 IE

Internet Explorer，原名为Microsoft Internet Explorer，又称Windows Internet Explorer，简称IE，推出公司是微软公司，推出公司在美国，是一款网页浏览器，当前主流浏览器之一，IE浏览器是全球使用率最高的浏览器。 2.1.2 Firefox

Firefox又称“火狐”或“火狐浏览器”，简称Fx或FF，火狐是一款开源的网页浏览器，火狐浏览器在全球占率较高，用户在全球各浏览器中排名第三，用户数在国外使用率更高。 2.1.3 chrome

第2页 （共30页）

Chrome，又名Google浏览器，是Google公司开发的设计简单、高效的浏览工具，chrome是基于其他开源软件编著的，chrome浏览器开发的目的是提高浏览器的稳定性、安全性和速度。 2.2 站点

站点，是一个储存区，将一个网站中的网页文件和素材文件，有条理地存放在站点文件夹里，存放在站点中的文件与文件夹一起构成网站的实质内容。站点中的文件除了网页文件外还有素材文件，素材文件就是网页中会用到的图片、视频、声音等，这些素材是以文件的形式存放在站点中。 2.3 超链接

超链接属于网页的一部分，它让其他网页同站点之间进行的其他元素进行连接，也就是当浏览页面时，鼠标点击某段文字或者图片时，会打开其他网页，也可以跳转到其他网站。超链接将同一网站的同一页面、同一网站的不同页面、不同网站串联起来，方便客户的浏览和查找，超链接使web服务生命力广泛、持久。 2.4 网页

网页是网站的基本元素，网页是一个文件，是各种网站应用的平台，网

页是通过网页浏览器阅读，网页是用文字、图片、视频、声音来展示效果，网页上主流代码布局之前通常以表格定位，但是现在一般采用div+css布局。Div是选择区，css是将图片、文字、视频、声音在网页上摆放的样式固定并表现出来。

3 网站前台实现需求分析

3.1 页面实现需求

根据页面设计的需求和客户的要求，在页面实现是采用html+css布局，通过javascript、jQuery实现动态效果，在我所实现的页面中，页面布局相对简单，

第3页 （共30页）

主要实现由javascript、jQuery编写的动态效果，我主要实现的页面是：登陆（login），注册（register），汽车详情（showCon2），购物车（shopCar），个人中心。用户进入汽车销售网后可以浏览车型，看到感兴趣的车型想要加入购物车时必须登陆，如果在此网站没有账号的点击注册，注册在本网站的账号或使用其他方式登陆，如QQ，微信360，支付宝等，登陆或注册成功后跳转会浏览车型页面，要了解车详细，点击车图片或文字介绍，进入汽车详情（showCon2）页，对喜欢的车型加入购物车（shopCar）,确定后跳转回汽车详情，点击用户名进入账户管理，若账户信息有改变，点击编辑进入更改账户信息或点击管理地址进入更改地址簿。进入账户信息后需要更改密码的点击更改密码复选框出现更改密码更改账户信息或更改地址簿成功后跳转回账户管理页面，要查看之前的购买记录或收藏点击我的购买记录或我的收藏，这些就是我这部分的功能模块实现需求图3-1，图3-2。 3.2 功能模块

(1)

图3-1 功能结构一图

第4页 （共30页）