1、本科毕业论文（20 届）鲜易家电子商务网站的设计与实现所在学院 专业班级 计算机科学与技术 学生姓名 学号 指导教师 职称 完成日期 年 月 I摘 要蔬菜产品市场电子平台的开放是继黄金，石油，钻石，证券交易所之后面向国内，国际的交易交平台，就像股票期货交易，是建立在强大的电子技术的支持上蔬菜电子交易平台同样建立在这样的基础上。蔬菜产品电子网络交易平台的推出能更多，更长远，涉及面更广的促进蔬菜产品交易。所以蔬菜产品网络电子交易平台在金融贸易上有广阔的前景和更大的优势。蔬菜产品电子交易平台秉承公平、公开、公正迅捷服务之交易理念，为广大投资者创造平等的交易平台，使您可以足不出户，网络轻轻一点，即可完
2、成蔬菜产品投资交易。 基于国家大宗商品中远期交易市场管理办法的实施，蔬菜产品电子交易平台以标准合约方式进行中远期交易，同时结合招投标和现货专场交易等多种方式进行网上贸易。蔬菜产品通过国内，国际互联网直接上网报价，配对。以网上订货，电子购物的方式实现买卖双方面对面的蔬菜产品现货交易。蔬菜产品电子交易平台已完善的交易，结算体系和配套的仓储物流交割体系，为参与交易的所有投资者提供全程信誉保障，确保交易的安全，规范，广大投资者提供灵活、健康的交易平台。鲜易家主要模块有网站首页、焦点图片、产品展示、发布供求信息、发布供求信息、用户登录、用户注册、企业信息、个人信息、查看订单、结算、购买商品、企业管理、市
3、场行情、资讯、帮助中心、我要报价、版权链接等。采用html4.、css2、jquery、photoshop 图像处理技术、flash 技术、fireworks 切片技术等。【关键词】HTML、CSS、JQUERY、鲜易家II目 录摘 要 .I目 录 .II第 1 章 引 言 .11.1 研究的背景 .11.2 相关技术 .11.2.1 HMTL 技术 .11.2.2 CSS 技术 .21.2.3 JQUERY 技术 .21.3 国内外研究的现状及存在的问题 .21.4 研究的目的与意义 .31.5 网站可行性研究 .31.6 研究的基本思路和方法 .41.7 本文研究的重点和难点 .4第 2
4、章 网 站 需 求 分 析 .52.1 网站目标分析 .52.2 鲜易家网站功能需求分析 .52.3 项目规划 .62.3.1 前台信息浏览 .72.3.2 后台管理 .72.4 购物功能模块 .82.5 首页设计需求 .102.6 网站运行环境 .10第 3 章 页 面 设 计 .113.1 LOGO 设计 .113.2 首页设计 .123.3 供求页面设计 .133.4 产品页面设计 .143.5 行情页面设计 .15III3.6 资讯页面设计 .163.7 企业页面设计 .173.8 登录、注册页面设计 .183.9 产品详情页面设计 .183.10 发布供应页面设计 .193.11 发
5、布求购页面设计 .20第 4 章 网 站 详 细 设 计 .224.1 公用编写 .224.1.1 头部（HEADER）实现 .224.1.2 版权、帮助中心（FOOTER）实现 .294.2 主要页面详细编写 .324.2.1 首页实现 .324.2.2 登录、注册实现 .53第 5 章 系 统 测 试 与 评 价 .595.1 测试内容 .59第 6 章 结 论 .61致 谢 .62参 考 文 献 .63鲜易家电子商务网站毕业设计1第 1 章 引 言1.1 研究的背景蔬菜产品现货特指专业从事电子买卖交易套保的大宗类商品批发市场，又被称为现货市场，是由市级以上政府职能部门批准设立，并由商务部
6、发改委等相关职能部门进行监督和管理。具备生产资料大宗货物的战略储备、调节物价、组织生产和套期保值四大基本功能。以 2004 年国务院颁布的大宗商品交易市场管理办法为标志，现货市场在国内的运作已日臻完善。而基于实物商品为交易标的物的电子仓单交易以其便捷高效的特点，正日益成为广大投资者的热土。蔬菜产品市场电子平台的开放式继黄金，石油，钻石，证券交易所之后面向国内，国际的交易交平台，就像股票期货交易，是建立在强大的电子技术的支持上蔬菜电子交易平台同样建立在这样的基础上。蔬菜产品电子网络交易平台的推出能更多，更长远，涉及面更广的促进蔬菜产品交易。所以蔬菜产品网络电子交易平台在金融贸易上有广阔的前景和更
7、大的优势。蔬菜产品电子交易平台秉承公平，公开，公正迅捷服务之交易理念，为广大投资者创造平等的交易平台，使您可以足不出户，网络轻轻一点，即可完成蔬菜产品投资交易。1.2 相关技术1.2.1 HMTL 技术HTML: Hypertext Markup Language，中文也就是超文本链接标示语言。HTML（HyperTextMark-upLanguage）即超文本标记语言，是 WWW 的描述语言。设计 HTML 语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某
8、一文档中点取一个图标，Internet 就会马上转到与此图标相关的内容上去，而这些信息可能存放在网络的另一台电脑中。 HTML 文本是由 HTML 命令组成的描述性文本，HTML 命令可以说明文字、图形、动画、声音、表格、链接等。HTML 的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。鲜易家电子商务网站毕业设计21.2.2 CSS 技术CSS 是 英 语 Cascading Style Sheets（ 层 叠 样 式 表 单 ） 的 缩 写 ， 它 是 一种 用 来 表 现 HTML 或 XML 等 文 件 样 式 的 计
9、算 机 语 言 。CSS 目 前 最 新 版 本 为 CSS3， 能 够 真 正 做 到 网 页 表 现 与 内 容 分 离 的 一 种 样式 设 计 语 言 。 相 对 于 传 统 HTML 的 表 现 而 言 ， CSS 能 够 对 网 页 中 的 对 象 的 位置 排 版 进 行 像 素 级 的 精 确 控 制 ， 支 持 几 乎 所 有 的 字 体 字 号 样 式 ， 拥 有 对 网 页对 象 盒 模 型 的 能 力 ， 并 能 够 进 行 初 步 交 互 设 计 ， 是 目 前 基 于 文 本 展 示 最 优 秀的 表 现 设 计 语 言 。1.2.3 JQUERY 技术Jquery
10、 是继 prototype 之后又一个优秀的 Javascrpt 框架。它是轻量级的js 库(压缩后只有 21k) ，它兼容 CSS3，还兼容各种浏览器 （IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。jQuery 使用户能更方便地处理 HTML documents、events、实现动画效果，并且方便地为网站提供 AJAX 交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery 能够使用户的 html 页保持代码和 html内容分离，也就是说，不用再在 html 里面插入一堆
11、js 来调用命令了，只需定义id 即可。1.3 国内外研究的现状及存在的问题进入新世纪，由于全球经济一体化进程日益加快，企业面临着更加激烈的竞争环境，资源在全球范围内的流动和配置大大加强，世界各国更加重视蔬菜产品发展对于本国经济发展、国民生活素质和军事实力增强的影响，都十分重视蔬菜产品的现代化，从而使现代蔬菜产品呈现出一系列新的发展趋势。根据国内外蔬菜产品发展的新情况，21 世纪蔬菜产品的发展趋势可以归纳为信息化、网络化、自动化、电子化、共享化、协同化、集成化、智能化、柔性化、标准化、社会化和全球化十二大趋势。从信息化建设的角度来看，中国的物流企业还处在相对比较原始、低级的阶段。在整个行业的供
12、应链当中，企业与上下游之间的信息流没有打通，流通环节多而导致流通成本居高不下，这也是因为很多蔬菜产品企业信息建设层次较低，造成信息不畅所致。主要包括三个方面的问题：现代蔬菜产品管理意识淡薄，信息技术应用落后，蔬菜产品信息资源管理混乱。因此鲜易家交易平台电子商务网站是很好的发挥蔬菜产品的功用所必不可少的一个工具。鲜易家电子商务网站毕业设计31.4 研究的目的与意义本文研究的网站是通过 html、css、jquery 编写，因此要求网站开发设计必须符合 html、css、jquery 编码规范，采用当前流行网页开发技术html、css、jquery 进行开发，采用 Dreamweaver 开发工具
13、。本网站总共分为 18大模块：网站首页、焦点图片、产品展示、发布供求信息、发布供求信息、用户登录、用户注册、企业信息、个人信息、查看订单、结算、购买商品、企业管理、市场行情、资讯、帮助中心、我要报价、版权链接。蔬菜产品电子商务是蔬菜产品产业中不可缺少的部分，对蔬菜产品信息的发布和交易都至关重要，能够为用户提供充足的信息和快捷的交易手段。本文的鲜易家网站正是为了更好的发挥物流信息化的功用。1.5 网站可行性研究可行性研究随着科学技术进步和经济管理科学的发展而逐步兴起，并成为日趋完善的综合性科学。所谓可行研究，简单点说就是用最小的代价在尽可能短的时间内确定问题是否能够解决，是否值得去解。现在就对本
14、系统的经济可行性和技术可行性进行简单的分析。（1）经济可行性分析随着网站建设技术的不断发展，企业网站的开发成本很低，市场上建设一个包含新闻管理、产品管理以及客户反馈表单等功能的企业网站报价在 2000 元左右，开发周期通常在两周以内，并且一经开发成功，即可投入运行。在网站平台建设方面，目前企业可以选择的建站方式主要有虚拟主机托管、整机托管和自营主机方式三种方式。通过对该企业实际情况的调查，整机托管方式更适合该企业的需求，因为整机托管方式是在平台提供商那里租用一整台服务器，企业拥有较高级别的控制能力和较好的安全性能，而且这种方式的费用也并不高，如：1U标准服务器、双线路 100M 带宽一年 50
15、00 元左右，并且免初装费和免费赠送一个IP 地址；如果要为服务器配置 SSL 证书，需要单独申请服务器证书，适合中小型电子商务网站 RapidSSL 证书的使用费约 500 元/年。从这些数据来看，企业网站建设和运行的成本是比较低的，而它却至少可以起到广告和招聘的作用，其直接节省的宣传和人力成本就超过了网站的开发和营运费用，因此该系统在经济上是可行的。（2）技术可行性分析鲜易家电子商务网站毕业设计4本网站的开发的主流技术 html、css、jquery。这三种技术在当前来说是比较成熟和先进的，已经被广泛地用在各种类型的企业网站建设中，有大量成功的案例，所以本网站的开发在技术上是可行的。1.6
16、 研究的基本思路和方法本文研究的基本思路是：从国内蔬菜产品电子商务网站的发展开始，以蔬菜产品电子商务网站的理论为起点，借鉴国内蔬菜产品电子商务网站的理论研究与实践成果，结合国内蔬菜产品电子商务网站的现状，探讨蔬菜产品电子商务网站的建设与管理方法。本文从理论和实践两个角度出发，对蔬菜产品电子商务网站进行深入的探讨。论文首先全面而系统地研究了构建一个蔬菜产品电子商务网站所必须的各种知识与技术手段，然后从构建一个蔬菜产品电子商务网站应用鲜易家网站入手，对网站的设计思想，设计目的与系统的整体结构进行详细的规划，在此的基础上完成了鲜易家网站的构建过程。1.7 本文研究的重点和难点鲜易家是新生的电子商务技
17、术，应用的是 html、css、jquery 技术，网站是在 DreamweaverCS5.5 环境下开发的，提出实现鲜易家交易平台的基本功能，该网站主要采用 Dreamweaver CS5.5,phoshopt CS5,fireworks cs5,flash cs5 结合开发实现各方面的功能，在论文写作过程中，鲜易家网站的总体设计；系统规划；系统分析；系统页面的美工成为了重点。本文研究的难点则是：系统的总体设计；系统规划，功能的实现。鲜易家电子商务网站毕业设计5第 2 章 网 站 需 求 分 析2.1 网站目标分析本网站是对蔬菜产品行业交易发布和浏览的行业网站，主要实现如下目标：（1）提供完
18、备的会员发布功能。（2）蔬菜产品行业内企业对各类信息的发布、查看、用户购买等功能。（3）为蔬菜产品网上交易提供辅助工具。2.2 鲜易家网站功能需求分析蔬菜产品电子商务平台为各类蔬菜产品企业提供了蔬菜产品的动态信息、供求信息浏览、查询、购买等功能，全面的为蔬菜产品企业提供服务，帮助企业更多的了解行业的动态信息，提供企业的运营效率。蔬菜产品电子商务平台的强大功能越来越被物流行业内的相关人士所重视，通过网站企业能够更及时调整企业的发展趋势以适应市场的变化。蔬菜产品电子商务平台全面的、周到的信息服务使之逐渐成为蔬菜产品行业发展前进的方向标。通过调查，要求网站具有以下功能：（1）焦点图片浏览展示。包括图
19、片展示和文字说明等。（2）蔬菜产品行业内各类信息的发布功能。包括发布供应信息，求购信息，合作代理企业信息，发布资讯等。（3）提供会员服务功能模块，包括注册会员、修改资料、购买产品、发布信息等功能。能够发布供应信息、求购信息、报价信息、寻求合作企业信息等。（4）提供市场行情功能，用户可通过行情页面浏览当前市场行情的发展趋势。（5）通过产品展示和价格对比进行产品详细介绍和下订单。包括对当前产品的市场价和实际销售价的标出，产品的详细介绍和使用方法，运费以及已购买用户对产品的评价。(6)提供资讯功能，供应商在生产过程中遇见问题或对产品不清楚时可通过资讯模块进行资讯了解。（7）提供我的订单、结算功能模块
20、，为用户提供绿色、快捷、安全的购买流程。包括查看购物车、我的订单、付款到银行、收货完成交易等。（8）提供企业功能模块，为用户提供了解企业和寻求合作代理企业的相关资料。鲜易家电子商务网站毕业设计6（9）提供帮助中心模块，为用户在购买时遇见问题提供帮助。包括购物指南、付款方式、配送方式、售后服务等。（10）版权链接。2.3 项目规划蔬菜产品电子商务平台是一种专业的蔬菜产品交易网站，由网站前台信息浏览、会员可以发布信息和网站后台管理两大部分组成。网站结构如图 2-1 所示。图 2-1 鲜易家电子商务平台系统功能结构2.3.1 前台信息浏览前台主要包括网站首页、焦点图片、产品展示、供求信息、发布供求信息、用户登录、用户注册、企业信息、个人信息、查看订单、结算、购买商品、企业
