《汽车销售网站设计与实现后台与手机页面制作》由会员分享，可在线阅读，更多相关《汽车销售网站设计与实现后台与手机页面制作（29页珍藏版）》请在金锄头文库上搜索。
1、第 1 页 (共 29 页)汽车销售网站设计与实现后台与手机页面制作摘 要：网络在人们生活中的应用越来越频繁，现在不仅仅是 pc 端，移动互联网的时代也到来了，人们可以更加方便地了解车辆的信息参加活动。现在的汽车的种类很多，功能，内部环境也相对有差异，给客户购车行为带来了很大的麻烦，所以汽车销售网解决了人们的购车网上购车需求，让用户可以更迅速，有效，全面的了解各方面的信息。关键词：汽车销售网站；汽车销售网站后台；手机界面Abstract：The application of the network in peoples life more and more frequent, not just
2、 the PC, now. The mobile Internet era has arrived, people can more easily understand the vehicle information to participate in the activities. Now, many different kinds of cars, functions, there are differences between the internal environment is also relatively, brought about a lot of trouble, cars
3、 so car network can effectively solve the people shopping online shopping needs, let users can more quickly, effectively and fully understand all aspects of the information.Key words：Car sales, car sales website backstage, mobile phone interface1 绪论随着社会的进步和经济的发展，汽车已经已经越来越成为不可缺少的交通工具。而当今市场中，传统的汽车销售模式
4、存在很多不足，客户对汽车的要求各有不同，因此需要客户自己快捷选择自己的需求，就需要汽车销售平台。通过网络进行汽车销售，是随着网络的普及和电子商务概念的兴盛而兴起的。这种新型的汽车销售形式，与传统通过 4s 店面进行销售的方式相比优势显著：1，降低了销售成本；2，改变传统的了解信息和购买方式，使用网络平台了解信息并购买，速度快，效率高，商业活动不受空间和时间的限制；3，信息的传递更加有效和直观，新车信息上传后，人们可以立即了解咨询，交易马上可以从网上进行，从而大大提高了交易的效率。第 2 页 (共 29 页)2 可行性分析2.1 社会可行性据 InternetWorldStatS 的统计，今天的
5、互联网有 17 亿用户。而目前的全球人口为 67 亿，到 2020 年毫无疑问会有更多的人使用互联网。美国国家科学基金会预计，到那时互联网的用户数量将接近 50 亿。网民队伍的迅速扩充，无疑为汽车销售的发展提供了巨大的市场空间。2.2 技术可行性本系统页面采用的是当前流行的 div+Css 开发，Windows 操作系统，用Dreamweaver 进行网页界面制作。硬件方面，硬件的性能越来越强大，更新换代的速度恶业越来越快，存储容量越来越大，可靠性能越来越高，制造价格也越来越低，硬件平台完全能满足此系统的需要。2.3 操作可行性目前，大多数计算机以及浏览器都能运行该网站，该网站的安装、调试、运
6、行对原计算机系统的设置和布局无大的影响，并且提示信息完整，思路清晰，能够方便的操作软件。2.4 系统技术介绍2.4.1 htmlhtml 是用来描述网页的一种语言,是超文本标记语言 (Hyper Text Markup Language) ,不是一种编程语言，而是一种标记语言 (markup language) ,html是使用标记标签来描述网页。2.4.2 cssCss 是指指层叠样式表 (Cascading Style Sheets) ，样式通常存储在外部样式表中，通过仅仅编辑一个简单的 CSS 文档，外部样式表使你有能力同时改变站点中所有页面的布局和外观。第 3 页 (共 29 页)由于
7、允许同时控制多重页面的样式和布局，CSS 可以称得上 WEB 设计领域的一个突破。作为网站开发者，你能够为每个 HTML 元素定义样式，并将之应用于你希望的任意多的页面中。如需进行全局的更新，只需简单地改变样式，然后网站中的所有元素均会自动地更新。2.4.3 javascriptJavaScript 是一种基于对象（Object）和事件驱动（Event Driven）并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端 Web 开发的脚本语言，常用来给 HTML 网页添加动态功能，比如响应用户的各种操作。它最初由网景公司（Netscape）的 Brendan Eich 设计，是一种动态
8、、弱类型、基于原型的语言，内置支持类。JavaScript 依赖于浏览器本身，与操作环境无关，只要计算机能运行浏览器，并支持 JavaScript 的浏览器，就可正确执行，从而实现了“编写一次，走遍天下”的梦想。因此，JavaScript 是一种新的描述语言，其可以被嵌入到 HTML文件中。JavaScript 语言可以做到响应使用者的需求事件（例如表单的输入），而不需要任何的网络来回传输资料。所以当一位使用者输入一项资料时，此资料数据不用经过传给服务器（server）处理再传回来的过程，而直接可以被客户端（client）的应用程序所处理。2.4.4 jqueryjQuery 是一个快速的，简
9、洁的 javaScript 库，使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供 AJAX 交互。jQuery 是免费、开源的，使用 MIT 许可协议。jQuery 的语法设计可以使开发者更加便捷， jQuery 还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。2.5 系统开发平台及运行环境2.5.1 系统开发平台Dreamvear 一个可视化的网页设计和网站管理工具，支持最新的 Web 技术，第 4 页 (共 29 页)包
10、含 HTML 检查、HTML 格式控制、HTML 格式化选项、Dreamweaver 可以用最快速的方式将 Fireworks，FreeHand，或 Photoshop 等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。Dremweaver 能与您喜爱的设计工具，如 Playback Flash， Shockwave 和外挂模组等搭配，不需离开 Dremweaver便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使 Dreamweaver自动开启 Firework 或 Photoshop 来进行编辑与设定图
11、档的最佳化。 2.5.2 运行环境操作系统：Windows XP 以上版本。服务器软件：Tomcat6.0 以上版本。浏览器：IE 、Fire Fox、Google Chrome 。3 需求分析3.1 系统功能模块概述和分析后台主要对车辆信息进行全面管理。通过后台管理各类订单（订购）信息，提供订单提供查询，增加，修改，删除功能。对会员信息进行管理，提供查询，增加，修改，删除功能。对会员预约信息进行管理，提供查询，增加，修改，删除功能。对商品信息进行管理，提供查询，增加，修改，删除功能。对车型进行管理，提供查询，增加，修改，删除功能。对品牌进行管理，提供查询，增加，修改，删除功能。对活动信息进行
12、管理，提供提供查询，增加，修改功能。手机界面主要是最新车型，热销车型，最新活动，售后服务以及联系方式，具有查看最新车型，以及了解相应车型信息功能，查看热销车型，了解相应车型信息功能，查看最新活动，了解相应活动信息功能。3.2 系统功能模块设计根据系统功能分析，可以画出系统的功能模块图 3-1，图 3-2。第 5 页 (共 29 页)汽车销售网商品管理商城用户管理购物车收藏夹预约试驾最新活动买家指南订单模块添加商品删除商品修改商品搜索商品条件查询全文索引用户注册用户登陆禁用用户提交注册信息邮箱激活添加购物项删除购物项清空购物车添加收藏查看收藏个人中心账户管理购买记录我的收藏修改收货地址修改登陆信
13、息查看收藏删除收藏查询订单在线支付生产订单提交订单新增活动加载活动列表售后服务用户预约预约管理查询预约删除预约删除记录评价商品品牌管理类型管理图 3-1 系统的功能模块图图 3-2 手机的功能模块图4 后台设计与实现第 6 页 (共 29 页)4.1 管理员登录后台管理员登录页面，登录成功后到达后台主页，图 4-1。界面截图：图 4-1 后台登陆图Html 代码：账 号：密 码：第 7 页 (共 29 页)记住账号记住密码4.2 后台主页管理员登录成功后，到达主页。主页是框架页，由上、左、右三部分构成。上部显示标题和菜单，分别为：“logo”、“ 退出”、“管理员登陆信息”左部显示菜单栏，包括
14、商城用户管理，商品信息，订单管理，活动管理，、预约管理，系统管理。右侧包括显示当前文职已经默认显示欢迎图片，当点击头部链接或左部链接后，都在中部显示，图 4-2。图 4-2 后台主页图(1)头部如图 4-3：第 8 页 (共 29 页)图 4-3 后台头部图一个 id=”header”的 div 包裹头部，内部分为 3 个块，logo 退出，管理员登陆信息，分别包裹在 3 个 div 下，部分代码如下：退出管理员 pillys 您好，今天是 2012-12-21，欢迎回到管理后台(2)左侧如图 4-4：第 9 页 (共 29 页)图 4-4 后台功能列表图分为商城用户管理，商品信息，订单管理，
15、活动管理，预约管理，系统管理。部分代码如下：商城用户管理商城用户管理商品信息新增车型管理新增品牌管理新增商品管理订单管理订单管理活动管理新增活动管理预约管理预约管理系统管理新增系统用户管理(3)右侧如图所示 4-5：图 4-5 后台功能列表图右侧导航：一个 div 包裹，主题内容是 ul , li 标签书写，给当前的页面加了一个 class，使管理员清晰了解当前页面所属分类。首页用户商品 订单活动第 11 页 (共 29 页)预约系统(4)右侧主体内容如图 4-6 所示：图 4-6 后台主页展示图由 class=”center”的 div 包裹，代表主体内容。头部的当前位置由 h2 标签包裹。
16、中间欢迎内容是由 class=”welcome”的 div 包裹，分别放图片和文字。管理首页欢迎进入汽车网站后台管理！4.3 商城用户管理4.3.1 用户管理列表当点击左侧的“商城用户管理”链接到达商城用户管理页面，图 4-7。第 12 页 (共 29 页)图 4-7 商城用户管理页面图(1)右侧主体内容如图 4-8 所示：图 4-8 商城用户管理页面局部图由 class=”center”的 div 包裹，代表主体内容。头部的当前位置由 h2 标签包裹。中间表格内容是使用表格标签包裹，结构 ，内容包括用户名，e-mail, 手机，注册时间，操作。底部页面选择是由ul li 标签包裹部分代码如下：用户名Email第 13 页 (共 29 页)手机注册时间操作张三丰 2014-09-12 17:09:08(2)分页效果采用.布局，如图 4-9 所示：图 4-9 后台分页图分页 html 代码如下：12345第页nts
