校园电子商务平台设计及其实现
贵 州 民 族 毕 业 论 文
校园电子商务平台设计及其实现
吴承发
摘要:电子商务是一种基于互联网或者其他网络来实现的现代商业方法。随着数字化校园的不断深入，
为依托的电子商务系统的运作模电子商务已成为数字化校园的重要组成部分。本文分析了以校园网络
式、特点和需求，设计并实现了一个实用型校园电子商务系统，为开发真正数字化校园的大型电子商务
系统作了理论和实践上的有益探索，同时为学校电子商务人才培养提供实训环节，为计算机类人才培养
提供实训案例。
本文首先了解电子商务在国内外应用的现状，并了解其定义以及电子商务的优点和电子商务常用的
安全机制;以及校园电子商务需要解决的一些问题。再次做了校园电子商务平台的可行性分析;需求分
析。最后建立了系统一般流程图，并详细剖析了本系统关键技术如商品展示功能实现、购物车功能实现、
客户订单信息管理等功能。
关键词:校园电子商务 电子商务系统 数字化校园 人才培养 校园电子商务剖析
Campus Design and Implementation of e-commerce platform
WuChengFa
Abstract: E-commerce is based on the Internet or other network to achieve a modern business methods. With the deepening of the digital campus, e-commerce has become a figure of an important part of campus. This paper analyzes the campus network, e-commerce systems rely on the operation, characteristics and needs, She Ji and implement a practical of the academic e-commerce system for the development of truly large-scale digital campus e-commerce system Zuoliao theory and practice of Youyi explore, and provide personnel training for the school e-commerce training session, to provide personnel training for the computer training class of cases.
This article first understand the status of e-commerce applications at home and abroad, and to understand its definition and the advantages of e-commerce and e-commerce security mechanism used; and campus e-commerce need to address some of the problems. Campus e-commerce platform once again done a feasibility analysis; needs analysis. At last, a general flow chart of the system, and a detailed analysis of the key technologies of this system display functions such as product realization, shopping cart implementation, customer order information management.
Key words: Campus e-commerce systems Digital Campus Training Campus E-commerce Analysis
1
作者:吴承发(计算机与信息工程学院 06电子班)指导教师:陈家荣
目录
第一章 绪 论 ............................................................................................................................ 4
1.1 电子商务定义 ........................................................................................................................................ 4
1.2 优点 ........................................................................................................................................................ 4
1.3 电子商务安全要求 ................................................................................................................................ 5
1.4 电子商务最常见之安全机制 ................................................................................................................ 5 1.5 电子商务需要解决的一些问题 ........................................................................................................... 6 1.6 校园电子商务与一般电子商务的区别 ................................................................................................ 7 1.7 小结 ........................................................................................................................................................ 8
第二章 系统分析与设计......................................................................................................... 9
2.1 系统分析 ................................................................................................................................................ 9
2.1.1 可行性分析 ............................................................................................................................ 9
2.1.2 需求分析 ................................................................................................................................ 9
2.2 系统设计 .............................................................................................................................................. 10
2.2.1 系统目标 ................................................................................................................................ 10
2.2.2 系统功能结构 ........................................................................................................................ 10 2.3 开发环境 ............................................................................................................................................ 13
2.4 小结 ...................................................................................................................................................... 13
第三章 数据库设计 .............................................................................................................. 14
3.1 数据库分析 ............................................................................................................................................ 14
3.1.1 商品信息实体 ........................................................................................................................ 14
3.1.2 商品订单实体 ........................................................................................................................ 15
3.1.3 用户信息实体 ........................................................................................................................ 15
3.1.4 商品评价实体 ........................................................................................................................ 16 3.2 创建数据库和数据表 .......................................................................................................................... 16
3.2.1 商品信息(tb_shangping)数据表结构图 ............................................................................ 17
3.2.2 用户订单(tb_dingdan)数据表结构图 ................................................................................ 17
3.2.3 用户信息表(tb_user)数据表结构图 .................................................................................. 18 3.3 小结 ...................................................................................................................................................... 18
第四章 公共模块设计 .......................................................................................................... 19
4.1 数据库类 .............................................................................................................................................. 19
4.2 CSS样式表 ........................................................................................................................................... 19
4.3 前台首页设计 ...................................................................................................................................... 20
4.4 后台首页设计 ...................................................................................................................................... 21
4.5 小结 ........................................................................................................................................................ 21
第五章 模块设计 .................................................................................................................. 22
2
贵 州 民 族 毕 业 论 文
5.1 商品展示模块设计 .............................................................................................................................. 22
5.1.1 商品展示模块技术分析 ...................................................................................................... 22
5.1.2 最新商品展示的实现过程 .................................................................................................. 24 5.2 购物车模块设计 .................................................................................................................................. 26
5.2.1 网站购物车技术分析 .......................................................................................................... 26
5.2.2 添加至购物车的实现过程 .................................................................................................. 27
5.2.3 查看购物车的实现过程 ...................................................................................................... 29
5.2.4 从购物车中移去指定商品的实现过程 .............................................................................. 33
5.2.5 修改商品购买数量的实现过程 .......................................................................................... 34
5.2.6 清空购物车的实现过程 ...................................................................................................... 34
5.2.7 收银台结账的实现过程 ...................................................................................................... 34
5.2.8 生成商品订单的实现过程 .................................................................................................. 39 5.3 客户订单信息管理模块设计 .............................................................................................................. 41
5.3.1 查看客户订单信息的实现过程 .......................................................................................... 41
5.3.2 执行客户订单信息的实现过程 .......................................................................................... 45
5.3.3 打印客户订单信息的实现过程 .......................................................................................... 50 5.4 小结 ...................................................................................................................................................... 54
第六章 总结 .......................................................................................................................... 55
致谢 ......................................................................................................................................... 56
参考文献 ................................................................................................................................. 57
附录 ......................................................................................................................................... 58
3
作者:吴承发(计算机与信息工程学院 06电子班)指导教师:陈家荣
第一章 绪 论
20世纪90年代以来，电子商务在全球范围内的兴起和迅猛发展，快速地改变着原有经济格局，以及传统的经济运行方式和增长模式。电子商务在催生新经济和推动经济全球化中所表现出来的巨大能量，已经使其成为评价一国经济发展水平和可持续发展能力的重要指标。
随着高校的规模扩张，过去多以小零售、小规模为主的校园商业形式已经不再适合现代消费和服务模式，如何进行校园电子商务运作，建立一个基于校园网的经济、实用、安全、高效、稳定校园电子商务系统是真正实现数字化校园的重要问题。
校园电子商务系统的出现使在校师生的生活变得越来越便利，解决师生日常学习工 作生活中的许多问题，而且能改变他们的消费方式和购物习惯,为学校创造巨大的经济效益。此外，在校园开展电子商务，可以营造良好的电子商务环境，提供学生 参与电子商务的现实环境，也为学校的电子商务教学提供实习基地，创造培养电子商务合格人才的教学条件，为新世纪电子商务的全面开展打下基础。
1.1 电子商务定义
所谓电子商务(Electronic Commerce)是利用计算机技术、网络技术和远程通信技术，实现整个商务(买卖)过程中的电子化、数字化和网络化。人们不再是面对面的、看着实实在在的货物、靠纸介质单据(包括现金)进行买卖交易。而是通过网络，通过网上琳琅满目的商品信息、完善的物流配送系统和方便安全的资金结算系统进行交易(买卖)。 1.2 优点
电子商务将传统的商务流程电子化、数字化，一方面以电子流代替了实物流，可以大量减少人力、物力，降低了成本;另一方面突破了时间和空间的限制，使得交易活动可以在任何时间、任何地点进行，从而大大提高了效率。
(1)电子商务所具有的开放性和全球性的特点，为企业创造了更多的贸易机会。
(2)电子商务使企业可以以相近的成本进入全球电子化市场，使得中小企业有可能拥有和大企业一样的信息资源，提高了中小企业的竞争能力。
(3)电子商务重新定义了传统的流通模式，减少了中间环节，使得生产者和消费者的直
4
贵 州 民 族 毕 业 论 文
接交易成为可能，从而在一定程度上改变了整个社会经济运行的方式。
(4)电子商务一方面破除了时空的壁垒，另一方面又提供了丰富的信息资源，为各种社会经济要素的重新组合提供了更多的可能，这将影响到社会的经济布局和结构。
(5)互动性:通过互联网,商家之间可以直接交流,谈判,签
合同
劳动合同范本免费下载装修合同范本免费下载租赁合同免费下载房屋买卖合同下载劳务合同范本下载
,消费者也可以把自己的反馈建议反映到企业或商家的网站,而企业或者商家则要根据消费者的反馈及时调查产品种类及服务品质,做到良性互动。
1.3 电子商务安全要求
(1)信息保密性:交易中的商务信息有保密的要求。如信用卡的帐号和用户名被人知悉，就可能被盗用，订货和付款的信息被竞争对手获悉，就可能丧失商机。因此在电子商务的信息传播中一般均有加密的要求。
(2)交易者身份的确定性:网上交易的双方很可能素昧平生，相隔千里。要使交易成功，首先要能确认对方的身份，对商家要考虑客户端不能是骗子，而客户也会担心网上的商店不是一个玩弄欺诈的黑店。因此能方便而可靠地确认对方身份是交易的前提。
(3)不可否认性:由于商情的千变万化，交易一旦达成是不能被否认的。否则必然会损害一方的利益。因此电子交易通信过程的各个环节都必须是不可否认的。不可修改性:交易的文件是不可被修改的，以保障交易的严肃和公正。
1.4 电子商务最常见之安全机制
电子商务发展的核心和关键问题是交易的安全性，由于Internet本身的开放性，使网上交易面临了种种危险，也由此提出了相应的安全控制要求。电子商务最常见之安全机制有SSL(安全套接层协议)及SET(安全电子交易协议)两种。
SSL (Secure Socket Layer):
SSL 是Secure socket Layer英文缩写,它的中文意思是安全套接层协议,指使用公钥和私钥技术组合的安全网络通讯协议。SSL协议是网景公司(Netscape)推出的基于 WEB应用的
安全协议
租房安全协议拆除工程安全协议书房屋拆除合同及安全协议书高空作业安全协议书范本高空作业安全协议责任书
,SSL协议指定了一种在应用程序协议(如Http、Telenet、NMTP和FTP等)和TCP/IP协议之间提供数据安全性分层的机制,它为TCP/IP连接提供数据加密、服务器认证、消息完整性以及可选的客户机认证,主要用于提高应用程序之间数据的安全性,对传送的数据进行加密和隐藏,确保数据在传送中不被改变,即确保数据的完整性。
5
作者:吴承发(计算机与信息工程学院 06电子班)指导教师:陈家荣
SSL 以对称密码技术和公开密码技术相结合，可以实现如下三个通信目标: (1)秘密性: SSL客户机和服务器之间传送的数据都经过了加密处理,网络中的非法窃听者所获取的信息都将是无意义的密文信息。
完整性: SSL利用密码算法和散列(HASH)函数,通过对传输信息特征值的提取来保证信( 2)
息的完整性,确保要传输的信息全部到达目的地,可以避免服务器和客户机之间的信息受到破坏。
认证性:利用证书技术和可信的第三方认证,可以让客户机和服务器相互识别对方的身(3)
份。为了验证证书持有者是其合法用户(而不是冒名用户), SSL要求证书持有者在握手时相互交换数字证书,通过验证来保证对方身份的合法性。
SET(Secure Electronic Transcation 即安全电子交易协议)
SET是美国Visa和MasterCard两大信用卡组织等联合于1997年5月31日推出的用于电子商务的行业
规范
编程规范下载gsp规范下载钢格栅规范下载警徽规范下载建设厅规范下载
，其实质是一种应用在Internet上、以信用卡为基础的电子付款系统规范，目的是为了保证网络交易的安全。SET妥善地解决了信用卡在电子商务交易中的交易协议、信息保密、资料完整以及身份认证等问题。SET已获得IETF
标准
excel标准偏差excel标准偏差函数exl标准差函数国标检验抽样标准表免费下载红头文件格式标准下载
的认可，是电子商务的发展方向。
SET支付系统的组成:
SET支付系统主要由持卡人(CardHolder)、商家(Merchant)、发卡行(Issuing Bank)、收单行(Acquiring Bank)、支付网关(Payment Gateway)、认证中心(Certificate Authority)等六个部分组成。对应地，基于SET协议的网上购物系统至少包括电子钱包软件、商家软件、支付网关软件和签发证书软件。 1.5 电子商务需要解决的一些问题
(1)交易的安全性得不到保障
电子商务的安全问题仍然是影响电子商务发展的主要因素。由于Internet的迅速流行，电子商务引起了广泛的注意，被公认为是未来IT业最有潜力的新的增长点。然而，在开放的网络上处理交易，如何保证传输数据的安全成为电子商务能否普及的最重要的因素之一。调查公司曾对电子商务的应用前景进行过在线调查，当问到为什么不愿意在线购物时，绝大多数的人的问题是担心遭到黑客的侵袭而导致信用卡信息丢失。因此，有一部分人或企业因担心安全问题而不愿使用电子商务，安全成为电子商务发展中最大的障碍。
6
贵 州 民 族 毕 业 论 文
电子商务的安全问题其实也是人与人之间的诚信问题，和现实商业贸易相识，均需双方的共同协作和努力。电子商务的未来，需要所有网民的共同协作。 (2)配送问题
配送是让商家和消费者都很伤脑筋的问题。网上消费者经常遇到交货延迟的现象，而且配送的费用很高。业内人士指出，我国国内缺乏系统化、专业化、全国性的货物配送企业，配送销售组织没有形成一套高效、完备的配送管理系统，这毫无疑问地影响了人们的购物热情。
1.6 校园电子商务与一般电子商务的区别
一般企业电子商务系统是面向广大的社会公众，而校园电子商务系统是以校园整
体环境为依托，面向校同内的师生员工、单位和校内企业，他们之间存在着一定的区
别:
(1)客户群体的区别
一般企业电子商务的客户群体是社会各行各业的人，不确定性较大。校同电子商
务系统的客户群体是校同内的师生员工。受教育程度高，素质较高，容易接受新生事
物，他们绝大多数都是网民，都是校园电子商务的潜在用户。大多数学生年龄一般在
18-25岁左右，有着共同的兴趣和消费倾向，消费商品较社会群体单一，有利于校园
电子商务系统的不展和顺利进行，而且每年数以千计的学生流动又给校心电子商务注
入了新鲜血液，是开展电子商务的主力军。这一稳定的客户群体足一般企业电子商务
所兀法比拟和复制的。
(2)网络环境的区别
高校既是知识密集的地方，也是电脑等信息信息接入设备普及率最高的地方之一，
大部分学校为了便利学生的学习与生活，大都建立了校园网，互通互联，以达到信息
资源传输与共享，提高效率、优化组合的目的。
(3)服务内容的区别
企业电子商务系统主要是以网上交易为主题，提高企业交易质量，减少交易成本，
为企业实现经济效益(校园电子商务系统旨在服务于广大师生员工，为他们提供低成
本、高效率和方便快捷的服务，内容涉及日常学习、工作、生活的方方面面，而不仅
仅是提供一个在线购物的平台。它将校园内各单位和部门连接起来，为广大师生员工
提供适时的信息，方便部门之、师生之间、学生和校内机构之间等的双向沟通，提高
7
作者:吴承发(计算机与信息工程学院 06电子班)指导教师:陈家荣
办事效率，也为学校管理提供方便。从本质上说，它不单纯以盈利为目的，而是以服务为宗旨。
(4)物流配送的区别
居住相对集中，物流配送简单可行是校园物流配送的一大特点，一般来说客户就在学校内部或校园附近，只需要很少的人员就可以解决物流配送问题，有利于物流配送的准确性和及时性，可以大大降低物流成本。
1.7 小结
本章主要介绍了电子商务的定义、优点、安全性要求以及常用的安全机制等基本内容，使人们对电子商务有个初步的认识和了解。并分析了校园电子商务与一般的电子商务的区别。
8
贵 州 民 族 毕 业 论 文
第二章 系统分析与设计
2.1 系统分析
2.1.1 可行性分析
随着高校的规模扩张，过去多以小零售、小规模为主的校园商业形式已经不再适合现代消费和服务模式，校园电子商务运作，建立一个基于校园网的经济、实用、安全、高效、稳定校园电子商务系统是真正实现数字化校园。
校园电子商务系统的出现使在校师生的生活变得越来越便利，解决师生日常学习工作生活中的许多问题，而且能改变他们的消费方式和购物习惯,为学校创造巨大的经济效益。此外，在校园开展电子商务，可以营造良好的电子商务环境，提供学生参与电子商务的现实环境，也为学校的电子商务教学提供实习基地，创造培养电子商务合格人才的教学条件。
2.1.2 需求分析
随着Internet的发展，电子商务是21世纪网络发展的主流，网上购物将成为一种购物时尚，它为人门提供了网络购物的方便性，使顾客可以不出门就可以购买商品。现在流行的电子商务网站有B2B、C2C、B2C、G2C等类型。本电子商务平台是基于C2C之间的电子商务网站，它可以使用户通过浏览商品、网络购物、查询订单、打印订单、查看订单等功能购买自己需要的商品。通过对一些电子商务平台的考察、分析，并结合校园内需求以及实际的市场调查，因此本系统具有以下功能:
(1)网站设计页面要求美观大方、个性化。
(2)规划、完善的基础信息设置。
(3)商品分类详尽，可按不同分类查看商品信息。
(4)按商品大类及商品名称、订单进行模糊查询。
(5)实现选购商品-->订购商品-->收银结账-->打印订单功能。
(6)买家对用户订单进行管理。
(7)网上购物和支付:与一般电子商务系统一样，要设计购物车，实现网上支付。
(8)新品及特价商品展示:新品和特价商品应摆在显眼位置。
9
作者:吴承发(计算机与信息工程学院 06电子班)指导教师:陈家荣
2.2 系统设计
2.2.1 系统目标
目前Internet网上商家不少，但由于缺乏相应的安全保障、管理机制、操作便捷和可维护性，造成重复建设和资源浪费。一个网上购物网站，尤其是数据流量比较大的网络管理系统，必须要满足使用的方便、操作灵活等设计需求。本系统在设计时应满足以下几个目标:
(1)系统采用人机对话方式，界面设计美观大方、方便、快捷、准确，数据储存安全可靠。
(2)展示最新商品、推荐商品、热门商品。
(3)实现各种查询，如模糊查询、高级查询
(4)为充分展现网站的交互性，本系统实现“网上用户订购->支付->发货”一条链路。
(5)实现订单打印功能。
(6)系统运行稳定、安全可靠。
2.2.2 系统功能结构
(1)前台功能模块结构图
电子商务平台前台管理系统
我热最商推用的门新品荐户 购商商分商中物品品 类 品心 车
用户注册 用户登录
10
图2.2.1 电子上网前台功能结
构图
贵 州 民 族 毕 业 论 文
(2)用户后台功能模块结构
电子商务平台用户后台管理
系统
订单管理 商品管理 用户管理
理别改 用 商查添编商修密 户询品辑加品改码信订订类商管商修 单单息 别 品理品 改 管类修
图2.2.2用户后台功能模块结
构
(3) 管理员后台功能模块结构
电子商务管理员后台系统
用户管理 日志管理
限 修查 改询用用 户户
权
图2.2.3管理员后台功能模块
结构
11
作者:吴承发(计算机与信息工程学院 06电子班)指导教师:陈家荣
(4)购物流程图
校园电子商务网站
管理员 网站访问者
否 否
登录 注册 浏览网站其
他的功能
登录 相应的管理 否
选择
商品
购物车
更改商品数
量
查看商品 否
查看账单
购买
收银台量
图2.2.4购物流程图
12
贵 州 民 族 毕 业 论 文 2.3 开发环境
在开发电子商务平台网站时，该项目使用的软件开发环境如下: 1.服务器端:
(1)操作系统:Windows NT 。
(2)服务器:Apache 2.2.4。
(3)PHP软件:5.2.3。
(4)数据库:MYSQL 5.0.45。
(5)MYSQL图形化管理软件(phpMyAdmin):2.10.2。
(6)开发工具:Dreamweaver 8。
(7)浏览器:IE 8 、火狐、世界之窗。
(8)分辨率:最佳效果1024*768像素。
2.客户端:
(1)浏览器: IE 8 、火狐、世界之窗。
(2)分辨率:最佳效果1024*768像素。
2.4 小结
本章主要介绍了校园电子商务平台的可行性分析、需求分析、系统功能结构设计、本
系统开发环境等基本内容，为后面系统的设计作铺垫。
13
作者:吴承发(计算机与信息工程学院 06电子班)指导教师:陈家荣
第三章 数据库设计
3.1数据库分析
根据以上条件对系统所做的需求分析、系统设计，规划出电子商务平台的实体关系E-R图。本系统中使用的数据库实体分别为商品信息实体、商品类型实体、用户信息实体、商品订单实体、商品评价实体、管理员信息实体。
3.1.1 商品信息实体
商品信息实体包括编号、名称、价格、上市时间、等级、型号、图片路径、数量、购买次数、是否推荐、商品类型、市场价、会员价。商品信息实体E-R 图为:
购买次 上市时间 价格 数
等级 名称
商品信息实体 图片路径
编号
型号
会员价 数量 市场价
图3.1.1商品信息实体E-R图
14
贵 州 民 族 毕 业 论 文
3.1.2 商品订单实体
商品订单实体包括编号、订单号、商品串、数量串、收货人姓名、收货人性别、收货人地址、邮编、联系电话、E-mail、付款方式、下单时间、订单状态、价格总计。商品订单实体E-R图为:
商品串 数量串
订单号
收货人
商品订单 编号
收货地
订单状态 址
支付方。。。。。。 价格总计 式
3.1.3 用户信息实体 图3.1.2商品订单实体E-R图
用户信息包括编号、用户名、加密密码、E-mail、身份证、联系电话、QQ号、密码提示、密码答案、邮编、注册时间、真实姓名。用户信息实体E-R图为:
冻结标记 身份证 用户名
密码提示
用户信息 加密密码 密码答案
编号 密码 。。。。。。 注册时间
图3.1.3用户信息实体E-R图
15
作者:吴承发(计算机与信息工程学院 06电子班)指导教师:陈家荣
3.1.4 商品评价实体
商品评价实体包括编号、用户编号、商品编号、评价主题、评价内容、评价时间。商品评价实体E-R图为:
商品编号 用户编号
评价主题 商品评价 编号
评价内容
评价时间
图3.1.4 商品评价实体
3.2 创建数据库和数据表
结合时间情况对校园电子商务平台需求分析，电子商务平台db_shop数据库包含几个数据库管理员信息表、订单信息表、公告信息表、用户留言表、商品评价信息表、商品评价信息表、商品类型信息表、用户信息表。在phpMyAdmin中如下所示。
图3.2 校园电子商务平台数据库
16
贵 州 民 族 毕 业 论 文 3.2.1 商品信息(tb_shangping)数据表结构图
图3.2.1 商品信息数据表结构图
3.2.2 用户订单(tb_dingdan)数据表结构图
图3.2.2 用户订单表数据表结构图
17
作者:吴承发(计算机与信息工程学院 06电子班)指导教师:陈家荣
3.2.3 用户信息表(tb_user)数据表结构图
图3.2.3用户信息表数据表结构图
3.3 小结
本章主要讲数据库的设计用实体E-R图表示出来，并在phpmyadmin界面下完成数据库以及数据表。为实现网站打下后台数据库基础。
18
贵 州 民 族 毕 业 论 文
第四章 公共模块设计
4.1 数据库类
根据日常需求把链接MYSQL数据库文件写成一个类，用时就直接调用这个MYSQL数据库链接类。这是一个最基本数据库类包含增加数据方法、删除数据方法、查看数据方法、修改数据方法。具体看附录代码1--数据库类。
4.2 CSS样式表
CSS(Cascading Style Sheet，可译为“层叠样式表”或“级联样式表”)是一组格式设置规则，用于控制Web页面的外观。通过使用CSS样式设置页面的格式，可将页面的内容与表现形式分离。页面内容存放在HTML文档中，而用于定义表现形式的CSS规则则存放在另一个文件中或HTML文档的某一部分，通常为文件头部分。将内容与表现形式分离，不仅可使维护站点的外观更加容易，而且还可以使HTML文档代码更加简练，缩短浏览器的加载时间。
采用CSS布局相对于传统的TABLE网页布局而具有以下3个显著优势:
(1)表现和内容相分离
将设计部分剥离出来放在一个独立样式文件中，HTML文件中只存放文本信息。这
样的页面对搜索引擎更加友好。
(2)提高页面浏览速度
对于同一个页面视觉效果，采用CSS布局的页面容量要比TABLE编码的页面文件
容量小得多，前者一般只有后者的1/2大小。浏览器就不用去编译大量冗长的标签。
(3)易于维护和改版
你只要简单的修改几个CSS文件就可以重新设计整个网站的页面。
(4)使用CSS布局更符合现在的W3C标准。
具体代码看附录2
19
作者:吴承发(计算机与信息工程学院 06电子班)指导教师:陈家荣
4.3 前台首页设计
效果图如下:
图4.3前台首页效果图
20
贵 州 民 族 毕 业 论 文
4.4 后台首页设计
效果图如下:
图4.4 后台首页效果图
4.5 小结
本章主要讲css公共文件、通用的数据库类和前台首页、后台首页设计的最终效果。
21
作者:吴承发(计算机与信息工程学院 06电子班)指导教师:陈家荣
第五章 模块设计
5.1 商品展示模块设计
5.1.1 商品展示模块技术分析
在电子商务平台中，考虑到商品的种类会非常多，因此采用分页的方式来进行显
示。其具体分页方法为:
function page($totle, $displaypg = 20, $url = '') {
global $page, $firstcount, $pagenav, $_SERVER;
$GLOBALS["displaypg"] = $displaypg;
if (!$page)
$page = 1;
if (!$url) {
$url = $_SERVER["REQUEST_URI"];
}
//URL分析:
$parse_url = parse_url($url);
$url_query = $parse_url["query"]; //单独取出URL的查询字串
if ($url_query) {
$url_query = ereg_replace("(^|&)page=$page", "", $url_query);
$url = str_replace($parse_url["query"], $url_query, $url);
if ($url_query)
$url .= "&page";
else
$url .= "page";
22
贵 州 民 族 毕 业 论 文
} else {
$url .= "?page";
}
$lastpg = ceil($totle / $displaypg); //最后页，也是总页数
$page = min($lastpg, $page);
$prepg = $page -1; //上一页
$nextpg = ($page == $lastpg ? 0 : $page +1); //下一页
$firstcount = ($page -1) * $displaypg;
//开始分页导航条代码:
$pagenav = "
显示第
" . ($totle ? ($firstcount +1) : 0) .
"/
" . min($firstcount + $displaypg, $totle) . " 条
记录
混凝土 养护记录下载土方回填监理旁站记录免费下载集备记录下载集备记录下载集备记录下载
，共 $totle 条记录";
//如果只有一页则跳出函数:
if ($lastpg <= 1)
return false;
$pagenav .= "
9 ";
// $pagenav .= "
首页 ";
if ($prepg)
$pagenav .= "
7 ";
// $pagenav .= "
前页 ";
else
// $pagenav .= " 前页 ";
$pagenav .= "
7 ";
if ($nextpg)
$pagenav .= "
8 ";
// $pagenav .= "
后页 ";
else
// $pagenav .= " 后页 ";
23
作者:吴承发(计算机与信息工程学院 06电子班)指导教师:陈家荣
$pagenav .= "
8 ";
$pagenav .= "
: ";
// $pagenav .= "
尾页 ";
//下拉跳转列表，循环列出所有页码:
$pagenav .= " 到第
页，共 $lastpg 页
";
}
5.1.2 最新商品展示的实现过程
在该网站有“最新上架”栏目，在该页面中系统按用户发布商品的时间降序排列的前几件商品。本设计是采用在tb_shangpin中开辟一个字段addtime字段。应用该字段记录商品的添加时间，在前台显示商品是只要应用该字段将所有的商品降序排列，然后
do„„„while循环语言就可以将排序号的记录通过浏览器显现出来。
最新上架
query("SELECT * FROM `tb_shangpin` order by id desc limit 0,12");
while($a = mysql_fetch_array($result)){
24
贵 州 民 族 毕 业 论 文
// echo $a[c_content];
//调用字符串的截取方法
//$str="如果要截#@~&*()v取偶数个字符，所要截取长度范围内的字符必须含偶数个非汉字，否则截取的长度加一";
$introduction=cutstr($a[introduction],50); ?>
-
"; ?>
¥
$strleng)return $str;//截取的长度要小于等于字符串长度
$notchinanum = 0; //初始不是汉字的字符数
25
作者:吴承发(计算机与信息工程学院 06电子班)指导教师:陈家荣
for($i=0;$i<$cutleng;$i++){
if(ord(substr($str,$i,1))<=128){
$notchinanum++;
}
}
if(($cutleng%2==1)&&($notchinanum%2==0))//如果要截取奇数个字符，所要截取长度范围内的字符必须含奇数个非汉字，否则截取的长度加一
{
$cutleng++;
}if(($cutleng%2==0)&&($notchinanum%2==1))//如果要截取偶数个字符，所要截取长度范围内的字符必须含偶数个非汉字，否则截取的长度加一
{
$cutleng++;
}
return substr($str,0,$cutleng);
}
?>
5.2 购物车模块设计
5.2.1 网站购物车技术分析
在电子商务平台中，相对较困难而且是重点的部分是购物车的实现过程。购物车的作用是用来临时存储用户的购物信息。用户可以修改购物车的商品数量、移除购物车里面的某一件商品、清空购物车等功能。本设计是按照以下方法来实现的:
当用户登录成功后，为用户分配一个$producelist变量和一个$quatity变量，分别用来储存用户放入购物车的商品id和该商品的对应数量，并且$producelist的初始值为0，而变量$quatity初始值为1。将商品id转换成字符变量，并且这些变量用字符“@”进行
26
贵 州 民 族 毕 业 论 文
连接，比如用户分别将商品id为1、2、3、的商品放入购物车中，这时session变量和$producelist的值为“1@2@3@”。
当用户不断的单击“立即购买”按钮时，系统将会不断的帮用户把商品放到给用户分配的购物车中。对于相同的商品，系统会提示用户已经添加到购物车中，只需要在购物车中修改对应的数量即可。如果用户打算修改某商品的数量只需要explode()函数提取该商品的id值和数量值，并将该id对应的储存的变量$quatity中的该商品数量赋予新值即可。
如果用户想将购物车中某商品移除，只需将该商品对应的id值赋予空值，并将该商品对应的数量赋予空值。清空购物车只要将变量$producelist变量和变量$quatity同时赋予空串即可。(参考[5])
5.2.2 添加至购物车的实现过程
在网站商品展示区，单击相应的商品中的“购买”按钮，即可进入到“添加至购物车”的页面。下面是添加至购物车的代码:
alert('该商品已经售完!');history.back(); " ;
exit;
}else{
$array=explode("@",$_SESSION[producelist]);
for($i=0;$i
alert('该商品已经在你的购物车中!'); history.back(-1); " ;*/
}
}
$_SESSION[producelist]=$_SESSION[producelist].$id."@";
$_SESSION[quatity]=$_SESSION[quatity]."1@";
echo "";
}
}else{
$id=$_GET[id];
$sql=mysql_query("select * from tb_shangpin where id='$id'"); $info=mysql_fetch_array($sql);
if($info[shuliang]<=0){
echo " " ;
exit;
}else{
$array=explode("@",$_SESSION[producelist]);
for($i=0;$i alert('该商品已经在你的购物车中!'); history.back(-1); " ;*/
}
}
}
$_SESSION[producelist]=$_SESSION[producelist].$id."@";
$_SESSION[quatity]=$_SESSION[quatity]."1@";
28
贵 州 民 族 毕 业 论 文
?>
5.2.3 查看购物车的实现过程
在购物过程中，当用户购买完商品或点击“我的购物车”超链接后，即可在购物车表
页面查看当前用户所购商品的详细情况。该页面可以对选购的商品进行移除、数量更新、
结账、清空购物车等操作。其实现过程为:
在查看购物车的页面中，将$producelist用@进行分割从而将购物车现有的商品id的
值存放在数组$arraygwuc中，将session变量和$quatity中的内容用字符@进行分割，并
把结果保存到数组$arrayquatity中，然后用for循环语句输出购物车中的商品。
5.2.4 从购物车中移去指定商品的实现过程
首先用函数explode()将session变量$producelist以@进行分割，并把分割的子串放在数组中，然后将用户打算移除的商品对应的数组赋予空值，最后将数组元素重新组合成新串。
history.back(-1); ";
?>
33
作者:吴承发(计算机与信息工程学院 06电子班)指导教师:陈家荣
5.2.5 修改商品购买数量的实现过程
while(list($name,$value)=each($_POST)){
for($i=0;$i
并提交给处理页，处理页代码如下:
"; //echo $info[id];
$spc=$_SESSION[producelist]; //商品串
$slc= $_SESSION[quatity]; //数量串
$shouhuoren=$_POST[name]; //收货人 $sex=$_POST[sex]; //性别
//echo $sex;
$dizhi=$_POST[dz]; //地址
$youbian=$_POST[yb]; //邮编
$tel=$_POST[tel]; //电话
$email=$_POST[email]; ///email $shff=$_POST[shff]; //收货方式 $zfff=$_POST[zfff]; //支付方式 //echo $spc;
//echo $slc;
if(trim($_POST[ly])==""){
$leaveword="";
38
贵 州 民 族 毕 业 论 文
}
else{
$leaveword=$_POST[ly];
}
$xiadanren=$_SESSION[username];
$time=date("Y-m-j H:i:s");
$zt="未作任何处理";
$total=$_SESSION[total];
$sql = $db->query("insert into tb_dingdan(`id`, `dingdanhao`, `spc`, `slc`, `shouhuoren`, `sex`, `dizhi`,
`youbian`, `tle`, `email`, `shff`,`zfff`, `leaveword`, `xiadanren`,`time`, `zt`, `total`) values
('NULL','$dingdanhao','$spc','$slc','$shouhuoren','$sex','$dizhi','$youbian','$tel','$email','$shff','$zfff','$
leaveword','$xiadanren','$time','$zt','$total')")or die(mysql_error());
if($sql){
header("location:gouwu2.php?dingdanhao=$dingdanhao");
ob_end_flush();
//echo "";*/
}else{
echo "";
}
?>
5.2.8 生成商品订单的实现过程
填好订单后，单击“确认无误，购买”按钮，即可进入“显现订单”页面，其代码如
下:
$dingdanhao=$_GET[dingdanhao];
39
作者:吴承发(计算机与信息工程学院 06电子班)指导教师:陈家荣
$sql=mysql_query("select * from tb_dingdan where dingdanhao=$dingdanhao ");
$info=mysql_fetch_array($sql);
$spc=$info[spc];
$slc=$info[slc];
$arraysp=explode("@",$spc);
$arraysl=explode("@",$slc);
$total=0;
for($i=0;$iquery("select * from tb_shangpin where id=$arraysp[$i]");
$info1=mysql_fetch_array($sql1);
$total=$total+=$arraysl[$i]*$info1[jiage];
?>
|
|
|
|
40
贵 州 民 族 毕 业 论 文 5.3 客户订单信息管理模块设计
5.3.1 查看客户订单信息的实现过程
当用户提交订单后，管理员就可以查看用户自己已经提交的订单。代码实现如下:
query("select count(*) as total from tb_dingdan ");
$info=mysql_fetch_array($sql);
$total=$info[total];
if($total==0){
echo "本站暂无订单!";
}
else{
$pagesize=20;
if ($total<=$pagesize){
$pagecount=1;
}
if(($total%$pagesize)!=0){
$pagecount=intval($total/$pagesize)+1;
}else{
$pagecount=$total/$pagesize;
}
if(($_GET[page])==""){
$page=1;
}else{
$page=intval($_GET[page]);
41
作者:吴承发(计算机与信息工程学院 06电子班)指导教师:陈家荣
}
$sql1=$db->query("select * from tb_dingdan order by id desc limit
".($page-1)*$pagesize.",$pagesize");
$info1=mysql_fetch_array($sql1);
?>
5.3.2 执行客户订单信息的实现过程
在“查看订单”页面，单击“执行”按钮，应用JavaScript见脚本中的window对象的location方法跳转到orderdd.php页面并将执行订单的id一并传递到该页。
执行
然后应用mysql_query()函数检索订单id所对应的详细信息，应用explode()函数将该订单中的商品id及这些商品的数量存放在数组中，最后通过for循环语句查询该订单所有的商品信息。其代码如下: $id=$_GET[id];
//echo $id."----------";
$sql= $db->query("select * from tb_dingdan where id = $id");
$info=mysql_fetch_array($sql);
45
作者:吴承发(计算机与信息工程学院 06电子班)指导教师:陈家荣
注:一旦商品确定发货，该商品数量将自动从库存中相应减少，并且不可更改～
|
收货人信息 |
48
贵 州 民 族 毕 业 论 文
收货人姓名: |
|
详细地址: |
|
邮 编: |
|
电 话: |
|
电子邮件: |
|
49
作者:吴承发(计算机与信息工程学院 06电子班)指导教师:陈家荣
送货方式:
|
|
支付方式:
|
|
简单留言:
|
|
|
5.3.3 打印客户订单信息的实现过程
代码如下:
query("select * from tb_dingdan where id='$id'");
$info=mysql_fetch_array($s);
//echo $info[spc];
$spc=$info[spc];
$slc=$info[slc];
$arraysp=explode("@",$spc);
$arraysl=explode("@",$slc);
?>
51
作者:吴承发(计算机与信息工程学院 06电子班)指导教师:陈家荣
| 商品名称 |
价格 |
数量 |
小计 |
|
|
|
|
|
总计费用:
|
|
52
贵 州 民 族 毕 业 论 文
| 下单人: |
|
| 收货人: |
|
| 收货人地址: |
|
| 邮 编: |
|
电 话: |
|
| E-mail: |
|
|
|
| 送货方式: |
|
53
作者:吴承发(计算机与信息工程学院 06电子班)指导教师:陈家荣
支付方式: |
|
| 请您在一周内按您的支付方式进行汇款,汇款时注明您的订单号!汇款后请及时通知我们 |
| |
创建时间: |
|
5.4 小结
小结:本章分析商品展示模块设计、购物车模块设计、客户订单信息管理模块设计，并现。这一部分相对来讲是本系统的中心。一个购物网站只有实现最基本的购物功能了，才能算是电子商务平台。
54
贵 州 民 族 毕 业 论 文
第六章 总结
电子商务代表着2l世纪新经济的发展方向，它的产生背景基于经济全球化和信息全球化。近年来和平与发展成为人类社会普遍认同的两大主题，这些都为世界各国经济的交汇融合以及跨国贸易的快速发展提供了孥实的环境平台。校园电子商务作为电子商务的一个重要应用领域，具有良好的客户群体和应用前景。
但是，我国在校园中的实施却仍处于摸索期，因此多角度研究校园电子商务模式，促进校园电子商务的顺利发展是现阶段的主要任务。本文通过对校园电子商务做的主要研究工作有:
第一，讨论了校园电子商务的基本理论、以及与普通电子商务的区别，电子商务的体系结构以及我国电子商务应用中所存在的问题。
第二，分析总结了校园电子商务系统需求分析、系统的基本逻辑框架结构和各部分功能模块设计。介绍了订单数据检索技术、购物车功能，列出了订单数据检索、购物车功能的实现方法。
通过本文的写作让我更一步理解电子商务网站的建设，也让我知道这与商业的电子商务网站有很大的差距。
55
作者:吴承发(计算机与信息工程学院 06电子班)指导教师:陈家荣
致谢
本文是在陈家荣老师的悉心指导下完成的。在本课题的研究进程中陈老师一直关心本课题的研究进展，为整个课题的完成付出了很多心血。陈老师渊博的知识、深刻的洞察力、严谨的治学念度和兢兢业的工作作风给我留下了深刻的印象，将使我终身受益。在此表示由衷的敬意和感谢。感谢支持我的所有人。此文谨献给所有支持、关心和帮助过我的人。
56
贵 州 民 族 毕 业 论 文
参考文献
[1]HTML&XHTML权威指南[(美)穆西亚诺//肯尼迪|译者:张洪涛] 清华大学出版社 [2]PHP从入门到精通[孙鹏] 清华大学出版社
[3]精通CSS+DIV网页样式与布局 [曾顺] 人民邮电出版社
[4]JavaScript宝典[(美)古德曼//莫里森|译者:张文波] 人民邮电出版社 [5]PHP项目开发全程实录[张仿彦//刘中华//杨丽 ] 清华大学出版社 [6]MySQL 5权威指南 [(奥)科夫勒(Kofler,M.)著] 人民邮电出版社 [7]Ajax与PHP基础教程/Web开发系列 [(加)巴班|译者:徐锋//陈绍继] 人民邮电出版社
57
作者:吴承发(计算机与信息工程学院 06电子班)指导教师:陈家荣
附录 附录1
sys_conf.php 文件
mysql class 连接数据库类:
host = $DBHOST;
//echo $this->host;
$this->name = $DBUSER;
$this->pass = $DBPWD;
$this->dbname = $DBNAME;
$this->ut = $UT;
$this->connect();
}
//===== 链接数据库
function connect(){
$this->link=mysql_connect($this->host,$this->name,$this->pass) or die ($this->error());
mysql_query("SET NAMES '$this->ut'");
mysql_select_db($this->dbname,$this->link) or die( "没有这个数据库".$this->dbname);
}
//=== $v 为insert 语句
function query($v){
return mysql_query($v);
}
function query_array($s){
return mysql_fetch_array($s);
}
function query_rows($r){
return mysql_num_rows($r);
}
/*
59
作者:吴承发(计算机与信息工程学院 06电子班)指导教师:陈家荣
// ======== 数据库查询
function fn_select($tbname){
$resulte = mysql_query("SELECT * FROM `$tbname`");
$a = mysql_fetch_array($resulte);
}
*/
/*
//============数据库查询 返回数组
function fn_select($sql){
$result_array = array();
$i = 0;
// echo $sql;
$query_result = mysql_query($sql,$this->link);
while ($row=mysql_fetch_array($query_result)){
$result_array[$i++]=$row;
}
//print_r($result_array);
return $result_array;
}
*/
//==== 数据库错误
function error(){
return mysql_error();
}
//===== 关闭数据库
function cosles(){
return mysql_close();
60
贵 州 民 族 毕 业 论 文
}
//======================== 添加方法
function fn_insert($table,$name,$value){
$result = $this->query("insert into $table ($name) values ($value);");
if($result){
echo "";
}else{
echo "";
}
}
//===============修改数据库
function fn_update($table,$value,$id){
return $result=$this->query("UPDATE $table SET $value WHERE c_id=$id ;");
}
//===========根据id删除数据
function fn_delet($tb_name,$id){
$result=$this->query("DELETE FROM $tb_name WHERE c_id=$id",$this->link);
if($result){
echo "";
}else{
echo "";
}
}
//===========查询 $keyword=connect LIKE '%$keyword %'or title LIKE '%$keyword%' function fn_chaxun($tbname,$key1,$keyword){
$sql=mysql_query("SELECT * FROM $tbname
WHERE $key1 LIKE '%$keyword%'")or die (mysql_error());
while ($info=mysql_fetch_array($sql)){
echo str_ireplace($keyword,"
".$keyword."",$info[$key1])." ";
61
作者:吴承发(计算机与信息工程学院 06电子班)指导教师:陈家荣
//echo str_ireplace($keyword,"
".$keyword."",$info[$key2])." ";
//echo str_ireplace($keyword,"
".$keyword."",$info[$key3]);
//print_r($info[userpsw]);
echo "
";
}
}
// 调用析构函数关闭数据库
function __destruct()
{
mysql_close($this->link);
}
}
?>
附录2:
ecmall.css文件
@charset "utf-8";
body { font-size: 12px; font-family: "宋体", Arial, Helvetica, sans-serif,; } h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, li, body, form, button, img, cite, strong, em, table, td, th
{ padding:0; margin:0; }
h1, h2, h3, h4, h5, h6 { font-size: 14px; }
img, table, td, th { border: 0; }
ul, ol { list-style-type:none; }
#head { width: 1000px; height: 70px; padding-top: 15px; margin: 0 auto; }
#head h1 { float: left;}
#head a { text-decoration:none;}
#head a:hover { color: #ff0000; }
/*#head a:visited {text-decoration:none; color:#000;}*/
62
贵 州 民 族 毕 业 论 文
#head .menu { float: right; word-spacing: 4px; }
#head .link1 { letter-spacing: 3px; }
#head .link1 a { color: #666; }
#head .link1 a:hover { color: #ff0000; }
#head .link2 a { color: #000; text-decoration:none; }
#head .link2 a:hover { text-decoration:underline; color:#FF0000; }
#head .menu p { float: left; margin-left: 15px; }
#head .menu span { color: #c0c0c0; }
#head .ico { padding-right: 16px; background: url(../images/ico.gif) no-repeat 51px 2px; } background: url(../images/ico.gif) no-repeat 51px 2px;相当于---->
background: url(../images/ico.gif); background-repeat:no-repeat; background-position:51px 2px; */
#nav { width: 980px; height: 36px; padding-left: 20px; margin: 0 auto; position: relative; overflow:hidden; background: url(../images/nav.gif); }
#nav .nav1 { width: 7px; height: 36px; position: absolute; top: 0; left: 0; background: url(../images/nav1.gif); }
#nav .nav2 { width: 7px; height: 36px; position: absolute; top: 0; right: 0; background: url(../images/nav2.gif); }
#nav li { float: left; }
#nav .link { display: block; font-size: 14px; font-weight: bold; text-decoration:none; background: url(../images/link.gif) no-repeat right top; }
#nav .link span { display: block; padding: 12px 20px 8px; color: #000; background: url(./images/link_span.gif) no-repeat left top; }
#nav .hover { display: block; color: #fff; text-decoration: none; padding: 10px 0; } /*#nav .hover a:hover { background-image:url(../test/imeges/goumai01.gif)}*/
#nav .hover span { display: block; padding: 3px 20px 0; background: url(./images/hover_span.gif)
63
作者:吴承发(计算机与信息工程学院 06电子班)指导教师:陈家荣
no-repeat right 3px; }
#nav .hover span:hover { color: #ffffff; font-size:16px;}
.content { width: 1000px; margin: 10px auto 0; overflow: hidden; }
.content .left { width: 208px; float: left; }
.content .right { width: 780px; float: right;
.left .particular { width: 190px; overflow: hidden; }
.left .particular li { width: 190px; overflow: hidden; margin-bottom: 10px; } .left .particular li .pic { float: left; margin: 0 10px; display: inline; }
.left .particular li .pic a { display: block; width: 65px; height: 65px; border: 3px solid #cecece; } .left .particular li .pic a:hover { border: 3px solid #999; }
.left .particular dt a { font-weight: bold; color: #3d8bd7; text-decoration: none; } .left .particular dt a:hover { color: #f00; }
.left .list_text li { padding-left: 30px; height: 28px; line-height: 28px; overflow: hidden; } .left .list_text li a { color: #666; text-decoration: none; }
.left .list_text li a:hover { color: #ff6000; text-decoration: underline; }
.left .list_pic { width: 190px; overflow: hidden; padding-top: 2px; }
.left .list_pic li { width: 190px; overflow: hidden; float: left; padding-bottom: 18px; } .left .list_pic li p { width: 80px; margin: 0 10px; float: left; display: inline; } .left .list_pic li p a { display: block; width: 78px; height: 78px; overflow: hidden; border: 1px solid #bbb; }
.left .list_pic li p a:hover { border: 1px solid #444; }
.left .list_pic h3 { width: 90px; float: right; }
.left .list_pic h3 a { display: block; width: 90px; height: 48px; line-height: 16px; overflow: hidden; font-weight: normal; color: #666; text-decoration: none; font-size: 12px; margin-bottom: 10px; } .left .list_pic h3 a:hover { text-decoration: underline; }
.left .list_pic h3 span { display: block; color: #fe5504; font-weight: bold; font-size: 14px; }
.main { width: 780px; overflow: hidden; margin-bottom: 10px; }
.main .sidebar { width: 270px; height: 280px; float: right; }
64
贵 州 民 族 毕 业 论 文
.text2 { border: 0; width: 300px; padding: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #666; }
.search .btn { border: 0; width: 75px; height: 29px; background: url(../images/btn.gif) no-repeat; } .search { width: 1000px; height: 50px; margin: 0 auto 2px; background: url(./images/search.gif); } .search .search1 { width: 2px; height: 50px; float: left; background: url(./images/search1.gif); } .search .search2 { width: 2px; height: 50px; float: right; background: url(./images/search2.gif); } .search .wrap { padding: 9px 0 0 15px; float: left; }
.search .border { border: 1px solid #bbc8d1; float: left; margin: 1px 5px 0 0; }
/* jquery_select */
.search .select_js { width: 85px; height: 27px; position: relative; z-index: 10; float: left; } .search .select_js p { float: left; padding: 3px 0 0 6px; display: inline; }
.search .select_js .ico { width: 15px; height: 17px; padding-right: 6px; margin-top: 4px; float: right; border-right: 1px solid #c9d6de; background: url(../images/ico.gif) no-repeat 0 -13px; cursor: pointer;} .search .select_js ul { width: 84px; position: absolute; top: 27px; left: -1px; border: 1px solid #f7dbc6; display: none; background: #fff; z-index: 1000; }
.search .select_js ul li { line-height: 22px; padding-left: 5px; cursor: pointer; }
.search .wrap p { float: left; margin-left: 5px; margin-top: 2px; }
.search .wrap p a { color: #999; text-decoration: none; }
.search .wrap p a:hover { text-decoration: underline; }
/* end jquery_select */
.search .nav { float: right; height: 20px; margin: 10px 10px 0 0; padding: 7px 10px 0; position: relative; background: url(../images/search_nav.gif); }
.search .nav1 { width: 2px; height: 27px; position: absolute; top: 0; left: 0; background: url(../images/search_nav1.gif); }
.search .nav2 { width: 2px; height: 27px; position: absolute; top: 0; right: 0; background:
65
作者:吴承发(计算机与信息工程学院 06电子班)指导教师:陈家荣
url(../images/search_nav2.gif); }
.search .buy { color: #c53801; text-decoration: none; padding: 4px 5px 2px 30px; background: url(../images/ico.gif) no-repeat left -151px; }
.search .buy:hover { text-decoration: underline; }
.search .buyline { color: #c53801; text-decoration: none; padding: 0 5px 0 10px; background: url(../images/ico.gif) no-repeat left -50px; }
.search .buyline:hover { text-decoration: underline; }
.keyword { width: 980px; height: 30px; line-height: 30px; position: relative; z-index: 1; padding-left: 20px; border-bottom: 1px solid #dcdcdc; margin: 0 auto; font-family: "宋体"; color: #666; background:
url(../images/keyword_bg.gif); }
.keyword .keyword2 { width: 1px; height: 30px; position: absolute; top: 0; right: 0; background: url(../images/keyword.gif); }
.keyword a { color: #666; text-decoration: none; }
.keyword a:hover { color: #fff; font-weight: bold; background: #bdc6ce; }
/* 特价商品1 */
.sidebar .list_pic { width: 252px; height: 135px; border-bottom: 1px solid #ddd; } .sidebar .list_pic li { width: 70px; float: left; padding: 0 7px; display: inline; overflow: hidden;} .sidebar .list_pic li p { width: 70px; height: 70px; margin-bottom: 10px; overflow: hidden; background: #eee; }
.sidebar .list_pic h3 { height: 50px; overflow: hidden; text-align: center; color: #fe5400; font-size: 15px; }
.sidebar .list_pic h3 a { display: block; width: 70px; height: 32px; line-height: 16px; overflow: hidden; font-weight: normal; color: #666; text-decoration: none; font-size: 12px; }
.sidebar .list_pic h3 a:hover { color: #ff6000; text-decoration: underline; }
.sidebar .list_text { width: 252px; height: 80px; padding-top: 6px; overflow: hidden; } .sidebar .list_text li { width: 252px; height: 20px; line-height: 20px; overflow: hidden; float: left; } .sidebar .list_text li a { display: block; width: 145px; height: 18px; overflow: hidden; padding-left: 12px;
66
贵 州 民 族 毕 业 论 文
float: left; color: #666; text-decoration: none; background: url(../images/ico.gif) no-repeat -20px 4px; font-weight: normal; }
.sidebar .list_text li a:hover { color: #ff6000; text-decoration: underline; }
.sidebar .list_text li span { color: #fe5400; font-size: 14px; font-weight: bold; float: right; margin-right: 10px; }
.index_btn { width: 208px; height: 44px; margin-bottom: 0px; }
.index_btn .login { float: left; }
.index_btn .join_in { float: right; }
.index_btn .login a { display: block; width: 102px; height: 43px; text-indent: -10000px; margin-bottom:0px; }
.index_btn .join_in a { display: block; width: 102px; height: 43px; text-indent: -10000px; background: url(../images/btnzc.gif) no-repeat ; }
.module_common { padding: 5px; border: 4px solid #f8dbc6; overflow: hidden; margin-bottom: 10px; } .module_common h2 { height: 30px; margin-bottom: 10px; background:
url(../images/module_common_h2.gif); }
.module_common h2 b {}
.module_sidebar { padding: 5px; border: 4px solid #e9e9e9; overflow: hidden; margin-bottom: 10px; } .module_sidebar h2 { height: 30px; margin-bottom: 10px; background:
url(../images/module_common_h2.gif); }
.module_sidebar h2 b { display: block; line-height: 22px; color: #333; font-size: 12px; padding: 0 10px; float: left; background: #fff url(../images/ico.gif) no-repeat 0px -79px; }
.module_common .news { display: block; width: 104px; height: 22px; background:
url(../images/news.gif) no-repeat; }
.module_common .sales { display: block; width: 103px; height: 22px; background: url(../images/sales.gif) no-repeat; }
.module_common .top10 { display: block; width: 127px; height: 22px; background: url(../images/top10.gif) no-repeat; }
.module_common .login { display: block; width: 103px; height: 21px; background: url(../images/login.gif) no-repeat; }
.module_common .news_list { height: 100px; margin: 0 0 3px 4px; overflow: hidden; }
67
作者:吴承发(计算机与信息工程学院 06电子班)指导教师:陈家荣
.module_common .news_list li { width: 186px; height: 20px; line-height: 20px; overflow: hidden; font-weight: bold; color: #3d8bd7; }
.module_common .news_list a { font-weight: normal; color: #666; text-decoration: none; margin-left: 10px; }
.module_common .news_list a:hover { text-decoration: underline; }
.module_common .log { display: block; width: 209px; height: 220px; margin-right:10px;} .module_recommend { width: 778px; height: 310px; padding-bottom: 4px; position: relative; margin-bottom: 10px; }
.module_recommend h2 { height: 28px; padding-left: 5px; }
.module_recommend h2 b { display: block; height: 28px; line-height: 26px; color: #fff; padding-left: 15px; background: url(../images/ico.gif) no-repeat -40px 0; }
.module_recommend h2 p { color: #fff; position: absolute; top: 5px; right: 5px; word-spacing: 3px; } .module_recommend h2 p a { font-size: 12px; font-weight: normal; color: #fff; text-decoration: none; } .module_recommend h2 p a:hover { text-decoration: underline; }
.module_recommend .wrap { width: 770px; overflow: hidden; border: 1px solid #fff; margin: 0 auto; background: #fff; }
.module_recommend .wrap .pic { width: 210px; height: 280px; float: left; background: #eee; } .module_recommend .wrap .diatropism { width: 535px; height: 270px; overflow: hidden; float: right; margin-right: 10px; display: inline; }
.module_recommend .diatropism .list_pic { width: 535px; padding-bottom: 8px; margin-top: 10px; border-bottom: 1px solid #ccc; overflow: hidden; }
.module_recommend .diatropism .list_pic li { float: left; text-align: center; margin: 0 14px; display: inline; }
.module_recommend .diatropism .list_pic li p {}
.module_recommend .diatropism .list_pic li p a { display: block; width: 100px; height: 100px; padding: 1px; background: #fff; border: 1px solid #ccc; }
.module_recommend .diatropism .list_pic li p a:hover { border: 1px solid #999; } .module_recommend .diatropism .list_pic h3 { margin-top: 5px; }
68
贵 州 民 族 毕 业 论 文
.module_recommend .diatropism .list_pic h3 a { display: block; width: 100px; height: 34px; line-height: 17px; overflow: hidden; font-size: 12px; font-weight: normal; color: #666; text-decoration: none; } .module_recommend .diatropism .list_pic h3 a:hover { text-decoration: underline; color: #ff6000; } .module_recommend .diatropism .list_pic h3 span { color: #fe5504; }
.module_recommend .diatropism .list_text { width: 535px; overflow: hidden; margin-top: 10px; } .module_recommend .diatropism .list_text li { width: 250px; height: 20px; padding: 0 2px 0 14px; line-height: 20px; overflow: hidden; float: left; background: url(../images/ico.gif) no-repeat -20px 5px; } .module_recommend .diatropism .list_text li a { color: #666; text-decoration: none; } .module_recommend .diatropism .list_text li a:hover { color: #ff6000; text-decoration: underline; }
.module_recommend .wrap .portrait { width: 535px; height: 260px; padding: 10px 0; overflow: hidden; float: right; margin-right: 10px; display: inline; }
.module_recommend .portrait .list_pic { width: 325px; height: 260px; overflow: hidden; border-right: 1px solid #ddd; float: left; }
.module_recommend .portrait .list_pic li { width: 160px; height: 80px; margin-bottom: 10px; float: left; overflow: hidden; }
.module_recommend .portrait .list_pic li p { float: left; margin-right: 10px; }
.module_recommend .portrait .list_pic li p a { display: block; width: 78px; height: 78px; border: 1px solid #ccc; }
.module_recommend .portrait .list_pic li p a:hover { border: 1px solid #444; }
.module_recommend .portrait .list_pic h3 { width: 60px; height: 80px; overflow: hidden; float: left; margin-right: 10px; }
.module_recommend .portrait .list_pic h3 a { display: block; height: 51px; margin-bottom: 5px; line-height: 17px; overflow: hidden; font-size: 12px; font-weight: normal; color: #666; text-decoration: none; }
.module_recommend .portrait .list_pic h3 a:hover { text-decoration: underline; color: #ff6000; } .module_recommend .portrait .list_pic h3 span { color: #fe5504; }
.module_recommend .portrait .list_side { width: 200px; height: 254px; overflow: hidden; float: right; }
69
作者:吴承发(计算机与信息工程学院 06电子班)指导教师:陈家荣
.module_recommend .portrait .list_side h2 { height: 30px; margin-bottom: 6px; padding: 0; background: url(../images/module_common_h2.gif); }
.module_recommend .portrait .list_side h2 b { display: block; line-height: 22px; float: left; background: #fff url(../images/ico.gif) no-repeat 0px -79px; color: #333; font-size: 12px; padding-right: 10px; } .module_recommend .portrait .list_text {}
.module_recommend .portrait .list_text li { padding-left: 10px; height: 20px; line-height: 20px; overflow: hidden; background: url(../images/ico.gif) no-repeat -20px 5px; }
.module_recommend .portrait .list_text li a { color: #666; text-decoration: none; } .module_recommend .portrait .list_text li a:hover { color: #ff6000; text-decoration: underline; } .recommend .list_pic { width: 756px; overflow: hidden; padding-left: 6px; }
.recommend .list_pic li { width: 125px; height: 180px; overflow: hidden; float: left; text-align: center; } .recommend .list_pic li p { width: 106px; margin: 0 auto; }
.recommend .list_pic li p a { display: block; width: 100px; height: 100px; overflow: hidden; border: 1px solid #c4c4c4; padding: 2px; }
.recommend .list_pic li p a:hover { border: 1px solid #999; }
.recommend .list_pic h3 { width: 100px; margin: 6px auto 0; }
.recommend .list_pic h3 a { display: block; width: 100px; height: 32px; line-height: 16px; overflow: hidden; font-weight: normal; color: #666; text-decoration: none; font-size: 12px; } .recommend .list_pic h3 a:hover { text-decoration: underline; }
.recommend .list_pic h3 span { display: block; color: #fe5504; font-weight: bold; font-size: 14px; } .top_1 { background: url(../images/num.gif) no-repeat left 6px; }
.top_2 { background: url(../images/num.gif) no-repeat left -15px; }
.top_3 { background: url(../images/num.gif) no-repeat left -37px; }
.top_4 { background: url(../images/num.gif) no-repeat left -59px; }
.top_5 { background: url(../images/num.gif) no-repeat left -81px; }
.top_6 { background: url(../images/num.gif) no-repeat left -103px; }
.top_7 { background: url(../images/num.gif) no-repeat left -125px; }
.top_8 { background: url(../images/num.gif) no-repeat left -147px; }
.top_9 { background: url(../images/num.gif) no-repeat left -169px; }
.top_10 { background: url(../images/num.gif) no-repeat left -191px; }
70
贵 州 民 族 毕 业 论 文
.ad_news { width: 182px; height: 62px; margin: 0 auto 4px; }
.ad_news a { display: block; width: 180px; height: 60px; overflow: hidden; border: 1px solid #ed5603; }
.ad_news a:hover { border: 1px solid #933501; }
#module_middle { width: 500px; height: 280px; float: left; }
#module_middle .ad_cycle { width: 490px; height: 270px; border: 4px solid #f8dbc6; padding: 1px; position: relative; float:left; }
#module_middle .ad_cycle .line { width: 490px; height: 27px; padding-top: 7px; position: absolute; bottom: 1px; left: 1px; z-index: 2; border-top: 1px solid #fff;}
#module_middle .ad_cycle .number { position: absolute; bottom: 8px; right: 0; z-index: 10; } #module_middle .ad_cycle ul { float: right; padding-right: 15px; }
#module_middle .ad_cycle li { float: left; width: 19px; height: 19px; text-align: center; line-height: 19px; font-weight: bold; color: #fff; margin-left: 4px; cursor: pointer; }
#module_middle .ad_cycle .number_bg { width: 490px; height: 34px; position: absolute; bottom: 1px; left: 1px; z-index: 1; background: #000; -moz-opacity: 0.5; opacity:.50; filter: alpha(opacity=50); } #module_middle .ad_cycle .nonce { background: url(../images/nonce.gif); }
#module_middle .ad_cycle .initial { background: url(../images/initial.gif); }
#module_middle .ad_cycle a { display: block; width: 490px; height: 270px; overflow: hidden; } .recommend2 .listpic { width:auto; height:auto; overflow: hidden; padding-left: 6px; } .recommend2 .listpic li { width:150px; height:150px; float: left; text-align: center; } .recommend2 .listpic li p { width:auto; margin: 0 auto; }
.recommend2 .listpic li p a { display: block; width:auto; width:auto; overflow: hidden; border: 1px solid #c4c4c4; padding: 2px; }
.recommend2 .listpic li p a:hover { border: 1px solid #999; }
.recommend2 .listpic h3 { width: 90px; float: right; }
.recommend2 .llistpic h3 a { display: block; width: 90px; height: 48px; line-height: 16px; overflow: hidden; font-weight: normal; color: #666; text-decoration: none; font-size: 12px; margin-bottom: 10px; }
.recommend2 .listpic h3 a:hover { text-decoration: underline; }
.recommend2 .listpic h3 span { display: block; color: #fe5504; font-weight: bold; font-size: 14px; }
71
作者:吴承发(计算机与信息工程学院 06电子班)指导教师:陈家荣
#footer { width: 1000px; margin: 0 auto; padding-bottom: 10px; overflow: hidden; border-top: 3px solid #d5d2d2; text-align: center; color: #aaa; line-height: 20px; font-family:Arial, Helvetica, sans-serif; }
/************商品购买页面********
*********/
.ware_info { width: 700px; margin: 0 auto 20px; margin-top:10px; float:left; }
.ware_title { text-align: center; color: #3e3e3e; line-height: 40px; border-bottom: 1px solid #ddd; margin-bottom: 25px; }
.ware_pic { float: left; width: 200px; }
.ware_text { float: left; width: 340px; position: relative; z-index: 10; }
.big_pic { width: 200px; height: 200px; background: #f1f1f1; margin-left: 20px}
.rate { color: #666; line-height: 30px; width: 360px; padding-left: 20px; margin-bottom: 10px; overflow: hidden; }
.letter1 { letter-spacing: 12px; }
.handle { width: 300px; padding: 10px 20px; margin-left:2px; padding-left: 2px; background: #f6f6f6; border: 1px solid #e8e8e8; overflow: hidden; }
.handle ul { width: 400px; overflow: hidden; color: #7a7a7a; margin-bottom: 10px;} .handle li { float: left; cursor: pointer; }
.handle_title { padding-top: 3px; }
.text_width1 { width:70px; height:20px;}
.ware_btn { width: 380px; margin-top: 20px; position: relative; }
.ware_btn li { float: left; margin-right: 20px; cursor: pointer; }
.btn_c2 { display: block; width: 141px; height: 29px; background-image:url(../images/goumai.gif); /*background: url(images/btn.gif) 0 -340px;*/ }
.btn_c3 { display: block; width: 144px; height: 27px; background-image:url(../images/goumai01.gif); }
/**padding-right: 16px; background: url(../images/ico.gif) no-repeat 51px 2px;*/
.clear { clear: both; height: 0; font-size: 1px; }
.jqzoom{
border:1px solid #eee;
72
贵 州 民 族 毕 业 论 文
float:left;
position:relative;
padding: 0;
cursor: pointer;
}
.jqzoom img{
float:left;
}
.module_tuijian { padding: 5px; border: 4px solid #f8dbc6; overflow: hidden; width:200px;
height:auto; float:left; margin-top:10px; } .tuijian { width:200px; height:auto; float:left;}
.jianjie { padding: 5px; overflow: hidden; width:680px; height:auto; float:left; margin-left:5px;
margin-top:5px; }
.show { width:1000px; height:auto;}
/**************end 商品购买页面*********
*******/
73
浙公网安备 33021202002483