电商系统设计报告

子商务系统报告目录一、系统总体结构 设计 领导形象设计圆作业设计ao工艺污水处理厂设计附属工程施工组织设计清扫机器人结构设计 系统外部接口系统组成结构系统设计原则二、系统信息基础设施设计T基础设施规划定义T基础设施规划容三、支持平台设计建设目标项目基础分析功能栏目框架图开发预算!1!、应用系统设计应用软件系统与子系统的划分数据库与数据结构设计输入输出设计五、网页设计首页制作商品展示页面制作登陆界面的制作注册页面的制作结账页面的制作一、系统总体结构设计网上书城系统总体结构图银行/其他支付平台企江应用及物据系统外部接口从上图中可以看到，系统有4个接口，分别是通过浏览器和用户的接口、通过浏览器与图书供应商的接口、企业部的接口、通过专门的软件和银行及其他支付平台的接口。系统组成结构零食销售的系统由商业逻辑和应用服务器组成，其中，应用服务器又由Web表达层应用、支持平台、互联集成工具等几个部分组成。1.3系统设计原则由于本是基于C2c模式的零食销售，因此，本系统设计的原则有：(1)系统的可扩展性系统设计除了可以适应目前的的需要以外，应充分考虑用户日后的业务发展需要，为业务发展提供接口。例如，如果还要扩充一些娱乐功能，系统可以轻松的进行扩充，从而降低未来的管理成本。(2)技术即时性兼顾系统成熟性和先进性的技术，才能保证现有系统的先进性，使计算机系统发挥最大的效率，并使之随着技术的发展不断升级。（3）系统的稳定性采用计算机系统管理的目的就是为了提高企业运作效率，必须保持24*7的工作方式（每天24小时、每周7天），从而保证交易的即时性。（4）电子交易的安全性安全性是整个电子商务解决 方案 气瓶 现场处置方案 .pdf气瓶 现场处置方案 .doc见习基地管理方案.doc关于群访事件的化解方案建筑工地扬尘治理专项方案下载 中最重要的方面，因此，在系统设计时，需要充分保证对系统安全性的要求，通过支付密码技术、安全用户授权体系等技术来实现系统安全性。（5）用户界面的友好因为本主要侧重于网上交易，因此系统建设应该注重用户的感受，将用户的个人空间和交易界面设计的更加友好和个性化。二、系统信息基础设施设计信息化基础设施（IT基础设施）建设也需要进行规划。如果只是盲目地花钱，增加硬件、软件投资，表面上看起来好看，但是会存在很多问题。再者，当今技术的发展也远超过了人们的预期，即使刚建设两三年的基础设施也不可避免地面临一些新的挑战，如新出现的分布式业务系统非常复杂，它就会对基础设施提出新的要求，还有大量结构化数据的出现使得存储介质、存储结构都会发生很大的变化。因此,企业的这些基础设施期待重新进行规划，以适应新的发展IT基础设施规划定义所谓IT基础设施规划，就是合理规划和安排各项信息化基础设施，使之形成良好的IT环境，让各种业务解决方案、应用系统和数据都能不受约束地在其上实现有效配合。这些基础设施包括网络、硬件设备和基础软件。网络规划包括数据流量及约束条件分析、网络选型、拓扑结构设计、网络安全方案、网络建设方案等；硬件设备规划包括服务器、路由器、交换机、集线器、台式机、笔记本、打印机、手持设备等的规划和配置等；基础软件规划包括操作系统软件、数据库软件等软件的规划等等IT基础设施规划容网络规划现在，企业和事业单位基本上建设有自己的网络系统，但是随着业务需求的增长和技术的发展，都不得不面临优化、扩容和升级的问题。在进行网络的相关规划时，主要侧重几个方面，一是提出企业和事业单位的LAN/WAN(局域网/广域网)的网络拓扑结构的建设/改良方案；二是确定合理的网络协议；三是评估现有的结构化布线系统的容量、网络设备、广域网数据链路带宽是否满足未来新业务的需求，否则就要进行相应的扩充和升级等。储系统规存划存储系统的规划遵循以下原则:(1)存储架构必须满足数据集中的要求存储架构能够适应大存储容量的需求，又能够对存储资源进行集中利用(2)存储架构能够对原有的投资进行保护存储架构是一个长期的架构，而如今存储设备的升级速度也非常迅速，进行存储架构规划时要考虑到对客户现有设备的投资保护，在保证不断提供功能和性能提高的同时，存储架构在较长的时间能够保持相对稳定。(3)存储设备必须具有瞬间数据复制功能利用完全基于存储设备的数据复制功能，可以在不影响主机工作的情况下在最短的时间对数据进行快照式复制。⑷存储设备必须具有远程数据复制功能利用该功能存储设备可以提供与主机无关的数据级远程灾难备份，对于一些不支持远程灾难备份的主机系统，可以利用存储进行远程灾备。⑸高性能集中的存储系统将支持多种核心应用，连接几台甚至十几台同时工作的服务器，存储系统必须有高的性能才能胜任。(6)高可用性与高数据安全性数据中心是核心应用的最终保障,必须能够保证7X24全天候运行，存储系统必须有高可用性，以保证应用系统对数据的随时存取。⑺灵活的扩展性存储系统必须有强大的扩展性来满足这种高速发展的要求。备份系统规划备份系统应以不影响业务系统正常运作为前提。在业务系统遭受非法入侵、介质损坏、人为误操作等原因引起的数据丢失后，备份系统应能提供快速的数据恢复手段。要真正保证系统高效的运行以及提高当灾难出现时的抵御与恢复能力，就必须做好数据的备份。一般来说，各种操作系统所附带的备份程序都有着这样或那样的缺陷，所以若想对数据进行可靠的存储备份，必须选择专门的存储备份软、硬件，并制定相应的存储备份及恢复方案。系统管理规划互联网、操作系统、数据库等新技术的应用，组成了复杂而相互依存的IT系统。机构与企业在享受新技术带来的便捷的同时，也面临着复杂的系统和应用管理问题。系统管理是以服务质量战略为核心，利用针对业务应用管理的新技术，对整个分布式网络环境进行统一监控和管理，使之逐步整合成为一个安全、可靠的网络体系，实现集中管理、全面防护的目的。-般来说，系统管理规划设计如下容:。)一体化网络和系统管理平台，改善了网络和系统管理；(2)功能强大的管理报告解决方案，随时了解网络和系统的运行情况；(3)端到端资源和性能管理解决方案，做到IT资源的远程监控、分发和变更管理；(4)具有实时诊断和监控功能的工具；(5)提供可全面管理系统可用性与性能的综合性产品；⑹对服务器与数据库的性能和可用性进行管理的产品，确保数据库的稳定性和可用性等。安全规划安全问题已经变得比以往任何时候都重要。为了保障数据、网络等的安全，人们纷纷进行相关安全技术的研究，由此，目录产品、加密技术、认证技术、病毒防护技术、入侵 检测 工程第三方检测合同工程防雷检测合同植筋拉拔检测方案传感器技术课后答案检测机构通用要求培训 技术、防火墙技术等营运而生。而在信息化基础设施规划中，有关安全产品与技术的规划也越来越占据重要地位。操作系统规划操作系统经过很长时间的发展，从单用户、单任务的操作系统，如CP/M、C-DOS、M-DOS、TRS-DOS.S-DOS和MS-DOS等，发展到多用户多道作业和分时系统，其典型代表有UNIX、XENIX、OS/2和Windows操作系统等，以及自由软件Linux操作系统。每次操作系统的更新都经历了多个版本的升级，如DOS经历的7次大的版本升级，Windows的几次大升级等。在进行操作系统规划时，既不能因循守旧，也不能一味从新。最佳策略是:结合机构或者企业的实际情况，在对各种操作系统进行综合评估比较的基础上，谨慎选择是否升级版本或更新操作系统.数据库技术和产品在不断地的发展，主要体现在以下几个方面：⑴数据模型是数据库发展的主线。由于硬件技术飞速发展，支持64个CPU和64GBRAM的并行计算机使数据库系统扩展性大大提高，也使查询优化的参数空间发生改变；(2)数据库技术与其他计算机技术的结合及相互渗透是数据库发展的重要特征;(3)应用需推动数据库技术不断发展的动力。数据库被广泛地应用到ERP、CRM、CIM、OA、GIS等系统中。当前，数据库应用已经从OLTP向OLAP,从数据管理向容管理的广度扩展。至于数据库产品与技术方面的竞争，主要在OraclexIBMDB2和MicrosoftSQLServer之间展开。从目前的情况Oracle占据了第一的位置，其后是IBMDB2,MicrosoftSQLServer尽管仍位居两者之后，但是发展势头迅猛。在进行数据库方面的规划时，首先要确认机构或企业外的数据类型、数据容、数据量。如果已有数据库，也要对原有数据库的软件结构、系统结构、数据流程、业务情况、使用情况、系统性能进行一系列的综合分析和测试。在此基础上,就可以根据用户的实际情况,综合考虑系统提供服务的用户数、信息量、业务需求和服务级别，提供系统的、合理的、综合的硬件，系统和数据库规划建议。备份系统规划备份系统应以不影响业务系统正常运作为前提。在业务系统遭受非法入侵、介质损坏、人为误操作等原因引起的数据丢失后，备份系统应能提供快速的数据恢复手段。要真正保证系统高效的运行以及提高当灾难出现时的抵御与恢复能力，就必须做好数据的备份。一般来说，各种操作系统所附带的备份程序都有着这样或那样的缺陷，所以若想对数据进行可靠的存储备份，必须选择专门的存储备份软、硬件，并制定相应的存储备份及恢复方案。系统管理规划互联网、操作系统、数据库等新技术的应用，组成了复杂而相互依存的IT系统。机构与企业在享受新技术带来的便捷的同时，也面临着复杂的系统和应用管理问题。系统管理是以服务质量战略为核心，利用针对业务应用管理的新技术，对整个分布式网络环境进行统一监控和管理，使之逐步整合成为一个安全、可靠的网络体系，实现集中管理、全面防护的目的。一般来说，系统管理规划设计如下容:⑴一体化网络和系统管理平台，改善了网络和系统管理；（2）功能强大的管理报告解决方案，随时了解网络和系统的运行情况；（3）端到端资源和性能管理解决方案，做到IT资源的远程监控、分发和变更管理；（4）具有实时诊断和监控功能的工具；（5）提供可全面管理系统可用性与性能的综合性产品；（6）对服务器与数据库的性能和可用性进行管理的产品，确保数据库的稳定性和可用性等三、支持平台设计食品行业在我国国民经济中占有举足轻重的地位，2009年1至五月份中国食品工业产值实现1082万亿元产值，14.6%的增速,高出全国工业增加值速6.57个百分点，尽管在金融风暴的冲击下,我国经济增速放缓，但食品产业荏苒保持强大定力，逆势上升。由此可见食品产业所面对的巨大市场。从2000年开始，以信息化和网络经济为代表的全球新经济飞速发展，吸引了各个行业商家的眼球，引领着各个行业的经营理念。食品产业同样在这场变革中引入了电子商务经营模式。网络作为第四媒体，具有一定的特殊性。网络不仅具有广泛地宣传围，而且还具有操作上的互动性以及数据传输的及时性。网络在最大程度上缩减了交易的成本，缩短了交易的时间，扩大了客户群，加快了信息流通速度俨然已经成为了联系生产者及消费者的最方便的桥梁。企业和用户实现了直接接轨，屏蔽了多级中间商。对于食品行业从事电子商务企业的运营模式，目前有BT。B.BToC,CToC三种模式，目前网络市场的主要形式则是BToB。尽管互联网时代的到来为大型食品企业和中小型食品企业在不同的方面都带来了新的商机，但是食品行业的特殊性值得企业家们的特别关注。食品行业是与老百姓曰常生活关系最密切的、相关企业最多的、投入最大的行业之一。而且就目前中国食品行业的现状而言，在规模及管理上都存在着巨大差异。因此，选择恰当的经营模式是各企业成功发展的重要环节。电子商务可能为一个企业创造巨大商机和财富。也可能成为一个企业增加开销，造成资源浪费的源头。建设目标通过互联网这个平台销售有机绿色食品，推广企业的品牌，采用网上商城系统、新闻发布系统、会员管理系统、电子支付系统相结合的运营平台，才是长期的、可行的、省钱的方案。建立一个完整的食品，突出食品特点，有美观的界面设计。主要功能：.用户可以浏览各种食品的信息，同时可以查询食品的信息，在线留言。注册等功能。.有一定数量食品相关信息可供处理，方便顾客了解食品各种相关信息，同时有利于食品管理部门的管理，加强双边的沟通与协作,以提高和改善管理水平，使顾客通过的浏览可以对食品有比较真实和丰富的了解，对食品本身做一个比较好的宣传和推广。.管理人员登陆系统后，将各种烦琐的管理工作通过来管理，用最少的人力和物力提高管理水平，方便发布各种旅游信息，处理游客所遇到的各种问题，及时了解对食品管理部门的意见，通过数据分析可以了解顾客的基本情况，突出食品特点，具有美观的界面设计，保证安全稳定的运行。项目基础分析我们根据对网络营销项目的初步了解，对网络营销项目进行了系列基础分析：1业务定位网络营销项目的主要业务定位是：①，网上零售②品牌形象推广2定位为企业实现网上营销，完成如下职能：1网上销售产品2推广自己品牌（通过活动和推广提升品牌知名度）3客户定位的目标客户群体定位是：1主要目标客户群：终端买家2次要客户群：代理商，批发商4赢利模式定位1网上直销收入：的主要赢利来源，主要为产品个人零售收入2网上招商收入：代理商分站为辅助赢利来源，包含收取产品加盟商的加盟费、产品代理分销收入3.3功能栏目A.产品展不客户能够以多种分类方式浏览产品，并拥有强大的产品搜索功能能够最快速地帮助客户锁定感兴趣的产品；管理员在后台可轻松完成对商品信息的添加、统计、查询等管理和维护过程A.1产品发布（后台）管理员可在线发布各种产品资料，含产品图片（支持大图、小图）、价格（支持多级价格）、简介等A.2产品查询客户可按产品关键字、产品分类、用途等多种查询条件，快速锁定感兴趣的产品A.3产品推荐可按精品推荐、新品推荐、人气产品、畅销产品四种方式进行产品推荐排行A.4产品评论产品评论可为客户采购提供客观的参考意见。客户（或管理员）可对产品发表评分，或评论意见、用户见证A.5产品关联产品介绍页面中，可以看到与当前产品有关的其他产品列表A.6产品管理（后台）管理员可在线轻松进行各类产品资料的修改、删除、排序、查询统计等编辑操作。特色功能：客户可对产品图片进行放大或缩小查看B.产品订购配备简单快捷的全套订购系统，能有效地保障客户快速完成订购过程，提高成交率在线订购（购物车）客户首先必须进行会员注册，才可进行在线订购系统。客户可选择配送方式和支付方式直接订购客户也可选择直接订购的便捷方式：无需会员注册，直接打免费或在线填写订单订购订单查询客户可在线查看和修改自己的网上订单和交易记录订购指南包括订购方式、配送方式、售后服务、常见问题、付款方式等说明在线支付支持网上银行、支付宝等多种在线支付方式订单管理（后台）管理员在后台可轻松实现客户在线订单的查询、统计、跟踪、编辑等功能C.企业介绍客户更可能的从多方面了解本企业，将有力提升本企业的品牌形象和网上销售的可信度C.1企业概况企业概述、发展历程等，常规采用文字+企业形象照片形式（可选购“企业视频介绍”功能）C.2主营业务企业主要经营的产品与服务项目简介C.3使命愿景企业的经营宗旨、价值观、使命宣言、发展愿景C.4企业风采生产基地可重点展示绿色有机食品的生产环境和过程，让消费者放心；公司可展示办公室景象照片等D.会员管理客户可通过“会员注册”来提交自己的简介资料，管理员也可以此收集访问者的联系资料。管理员可对注册会员资料进行统计、查询、编辑等操作D.1会员注册客户通过“会员注册:输入公司名称、、联系方式、省份城市等资料，注册成为本站会员D.2会员登录会员注册后，可使用会员登录功能登陆企业，才可使用本站的多项会员服务功能D.3会员资料管理（会员中心）会员登录后即进入会员中心，可查看和修改自己的会员注册资料（简介、密码、联系方式等）、会员状态（会员积分、会员级别等）D.4会员信息管理会员在“会员中心”中，可发布和管理自己的简介信息、订单信息、资讯信息等类别信息D.5会员权限管理（后台）管理员可设置多种会员类型，对不同类型的会员可设置不同的服务权限。（例如可设置普通会员、高级会员，享有不同的产品定价折扣和不同的产品信息或资讯文章的浏览权限）E.联系我们必须提供尽量多元化的联系方式，尽量方便客户以最便捷的方式,和我们产生交流，有力的提升网上招商成功率和服务品质F.管理员权限管理（后台）系统提供多种管理员权限设置功能，不同级别的管理员具有不同的后台功能管理权限，不能越权操作其他功能模块，保证后台系统的管理安全框架图[=＞详见下文Word文档开发预算项目说明单价数量价格开发建设网页设计首页首页设计采用客户的既定 标准 excel标准偏差excel标准偏差函数exl标准差函数国标检验抽样标准表免费下载红头文件格式标准下载 色，注重协调各区域的主次关系，以营造高易用性与视觉舒适性的人机交互界面为终极目标；100011000栏目页（一级栏目页）根据结构及信息类别的分类，确定需要独立设计的频道栏目。设计中兼顾并继承首页的设计风格，保障版面在各具体页面中的适用性和灵活性。（活动&促销、产品、新闻、会员管理、购物车、购物帮助、积分、关于我们）40083200容页（二级及以下根据上级贝囿的设计风格与容页元素组成进行设计，出具设计稿图150101500栏目页）形文件。数据库系统开发产品展示多级分类功能；自行添加修改删除数据；产品关键词指定；图片关键词及标签（Tag）设定；优先显示排序功能，搜索分为模糊搜索和高级搜索2种形式，模糊搜索结合整体数据库，对所有信息进行关键字模糊搜索精确搜索应用于版块，可实现多层级精确搜索，针对模糊搜索可进行再次细化搜索200012000产品订购系统购物车记忆功能，防止顾客掉线丢失购物车商品信息；购物车提示功能：可让顾客随时查看购物车商品和金额，客户可以在订单中添加备注容9001900订单管理能够查看管理订单信息，能够按多种方式对订单信息进行列表管理员能够定义订单的处理状态，如正在处理、已确认、无效等，能够自由修改订单的状态能够按类别、关键字检索订单信息9001900积分管理会员能够查看自己的积分情况、消费额（经验值）情况；用户可以用积分兑换商品管理员可以修改积分，可以按类别管理积分兑换或者附赠礼品的管理6001600网上支付系统支付宝、易宝、财付通等6001600留言板留言表格设置合理，可多人管理；用户发送留言后，留言将自动发至指定；管理员可以删除留言容；5001500资讯发布系统管理和发布新闻类文章容；每栏目信息能够按类别显示，方便浏览者浏览与查找；系统可以提取最新的信息在首页或栏目首页显示，♦管理员能够按类别、关键字查询信息,方便管理；140011400会员管理系统浏览者在线填写注册表，即时成为全员；会员可自行维护个人注册信息；后台设置会员管理界面，管理员可对会员信息进行分类查询、对无效会员进行删除；会员登录后能够查看、管理自己的信息；会员能150011500够查看自己的订单、积分值；会员能够查看自己的历史交易记录；会员能够查看自己的收藏夹；权限管理设立不同后台模块的管理权限，可实现多人共同管理的目的9001900开发费用总计：15000元，优惠价：12000元域名注册comlOO元每年，三年共计300元，双线全能虚拟主机4GB,1900元每年，三年可享8折优惠，即三年只要4560元，可省1140元配套服务在线客服交流客户可直接在线与公司交流赠送1赠送在线流量统计可直接从网上看到的询问情况赠送1赠送维护服务终身免费技术维护赠送1赠送设计排版名称输AS搜索会员服务首页主食休闲食品调料干货酒类方便食品公司介绍产品展示新闻中心在线订购帮助中心vvoid所有!1!、应用系统设计应用软件系统与子系统的划分应用软件系统按逻辑划分应用软件系统的网络接入设备室系统活动开展的前提，有设备的接入才有之后各项操作的完成，当然保证安全是必要的，所以要考虑网络接入的安全接入系统，服务器部分主要针对信息的发布等相关容。中间件主要是控制系统服务器等相关的中间件安全系统。数据存储部分是数据的管理，分析应用等。开发维护部分是对系统的研究开发维护，保证系统的安全运营。按子系统的划分休闲食品：总体上一个对外的版面，一切依据此来展开。用户子系统：一个有关于用户的相关操作系统，包括有用户在该的活动，相关信息的查看等等。管理员子系统：该相关人员的活动，对用户的及时反馈，自身系统的管理。数据库与数据结构设计客户机请求响应浏览器基于web的应用服务器应用逻辑数据库数据库与数据库服务器建立连接是对数据的有效利用，数据服务器与（应用逻辑）基于web的应用服务器通过请求、响应联系实现对数据的逻辑表达，基于web的应用服务器与浏览器客户机通过请求、响应联系来实现对用户的要求。多层结构Web服务器Web服务器Web服务器应用服务器应用服务器事务服务器数据库服务器数据库服务器数据库服务器Web应用层应用服务层事务服务层数据库服务层众多服务器相互作用相互联系共同服务于企业，web服务器、应用服务器、事务服务器、数据库服务器相互之间作用服务于总体系统。4.3输入输出设计进入购物区输入输出设计主要针对应用软件的输入输出数据的格式、容、 方法 快递客服问题件处理详细方法山木方法pdf计算方法pdf华与华方法下载八字理论方法下载 等方面的设计，保证期间的合理合法等。输入输出主要是用户通过键盘完成在线的浏览、购买、支付等过程，以及交易之后的相关事宜等。五、网页设计系统流程图3-1详细设计与实现5.1首页制作打开dreamweaver8选择站点，然后点击新建站点，在显示出来的页面输入站点的名称，如下图所示。恚本品级分类本地信息默认图像文件夹站点名称加)本地报文件夹色)C：lU:5012AA6nini:s5.匕01'\1)<:：5卜10八未/_jS自动刷新本地文件列表也)链接相对于。文档8)站点根目录①)http：//KTTP地址(H):II—罐燔赚区分大小目的熨接：口使用区分大小写的链接检查W绫存：口启用绫存&)R”■大西社主；上上必：后工1卷《斗狂白.沿图4-1站点建立然后点击确认，就会建立一个叫“零食网”的站点文件夹，可以在cssimagesindex.htmllogin,htmlreg_new.himIIT?QS.hhXr.，.idreamweaver8的右下角看到，如图图4-2文件夹视图在右下角的零食网文件夹出，右键点击该文件夹，选择新建文件夹，命名为CSS,用来存放建立的CSS样式文件。然后同理新建文件夹命名为images,用来保存建立网页所需要的相关媒体文件。点击左上角的新建选项，然后新建一个网页。在设计样式中，选择插入然后选择表格，在出现的界面中设置如下行数：1列效4|表格宽度：900像麦▼边框粗细：0像素单元格边距：随］单元格间距：图4-3表格设置表格建立完成后，效果如下图所示登陆球系•我的零食网I*:11Ihow4f।.快点来监买吧！0>口口口乐!.«；i偿邓功99$>,辛钝7.W\\\L图4-4页面布局然后在每个表格中插入先前准备好的背景图片即可。表格背景设置完成后，选择插入一布局对象一层，然后在出现的层中插入一表格，用来设置主页中商品的“全部分类”选项。插入的表格设置为9行1列即可。在新建的这表格中，填入需要设置的商品名称。然后将该层移动到最左边的大表格中即可。接着制作在主页中需要显示的部分商品的展示图片，制作方法如下：打开photoshop工具，新建一图片，大小设置为283*283,接着插入3静态的图片，在photoshop中找到导航栏中的窗口选项，然后选中动画，在动画窗口新建3新的动画图片，在第一新建动画中只显示插入的第一图，然后，在第二新建动画中只显示第二插入的图片，最后，在第三中只显示插入的第三图，效果如图所示图4-5GIF图片制作然后设置播放动画的时间为1秒，如图所示图4-6动画最后，保存为gif格式，同理，创建其他需要的图片即可。在首页相应的位置插入制作好的图片，然后在最右边的大表格中填入商品的名称和资料，完善页面的布局。接着对字体和页面的背景设置CSS样式然后设置3个热点区域，分别在登陆、注册和联系的位置并设置到，其中在联系的中，我们输入mailto:testl63用于测试。完成后的页面如图所示图4-7首页截图商品展示页面制作商品展示页面我们可以利用dreamweaver自带的模板进行修改，方法如下：选择新建一个页面，在弹出的窗口中选择如下图所示基动模其本态板他次页页CSS样式表框架集页面设计(CSS)入门页面页面设计(有辅助功能的)□□□□□□□□□□□□□□□□本历录文日目页页页页页页一一一页品本历录页品本历录贡品本历食食食主产文日目主产文日目主产文日饮饮饮--------------与与与康康康乐乐乐乐乐游游游游游饮饮饮饮展健健娱娱娱娱娱旅旅旅旅旅饕餐餐餐H图4-8模板然后我们对新建的页面进行修改。首先将背景颜色更改为符合我们风格的颜色，用鼠标点击背景的空白处，我们可以再dreamweaver的下方看见背景的属性设置菜单，然后我们只需要将里面的属性修改为我们需要的属性即可，具体的参数设置如下图所示格式|赤一一习样式1020①［CSSjfFlZ三三三三糙接▼字体tinesnew▼大小18▼一素触：▼］■［娥17TC|s=»=丝二目标匚值可单元格水平默认▼］究不换行司背囿后S［员面国法•.)I9日近SS亘舞认冠a-B0］标题一］昔旦西色初。网边框匚I图4-9属性然后建立一个页面，在代码栏中我们写入需要设置的CSS样式代码，里面包括网页中文字的样式和部分背景图片的样式。然后保存为CSS后缀的文件即可。返回之前所建立的商品展示页面，在网页代码中应用建好的CSS样式，输入的代码如下接着，我们在页面下方的表格中设置滚动提示文字，输入的代码如下

更多商品，添力口中lng...

在网页顶部的位置，我们添加一个导航条，用于其他分类商品的和返回首页，从左到右输入的文字如下图4-10导航栏接着选中文字，然后在下方的属性栏中添加需要连接到的地址页面。最后对网页进行一些小的修整，完成后的页面如下图4-11商品展示页面登陆界面的制作首先插入表格并进行分割，然后在分割好后的表格中插入事先准备好的图片，完成界面的基本制作。接着对网页的细节进行制作,在右侧的表格中，我们选择插入一表单一文本域，在此我们需要插入两个表单，一个用于填写用户名称，一个用于填写用户密码，并将这两个表单分别命名为tl和12,接着在这两个表单的上方添加上文字提示。然后在两个表格的最下方添加两个按钮，一个命名为提交，用于提交表单容，命名为取消，用于重置表单。完成后的效果如图所示接着我们编写一个简单的javascnpt程序，用于提示用户的登陆情况。代码如下(scriptlanguage="javascript”)functionfunl(){alert("登陆成功!");}最后，我们在网页的左下角设置一个返回首页的，完成后的效果如图图4-13登陆页面注册页面的制作插入一表格设置为1列5行，在第一行中我们设置一个用于返回首页的并设置为向右对齐，在第3行中我们输入部分的文字，用于提醒注册的用户。在第5行中，我们插入5个文本域，分别用作输入用户名称，用户密码，验证密码，用户，用户昵称，然后在下面插入连个单选按钮用于用户设置性别。最后，在最下方设置两个按钮，用于用户提交表单和重置表单，完成的效果如下图所示首!5足曲中心液迎注明财赛的注册后可以享受更多眼粉iMt邮r还在等什么？珏弟汪邸巴!!!登附帐号:都布眄;正复密外电子曲箱:拄的呢称;您的性别，重击脸注出图4-14注册页面接着我们编写用于验证用户输入的信息是否合理的javascript程序代码，部分代码如下functioncheckSubmit()〃用于验证用户输入的信息是否正确{if(document.form2.userid.value二二，〃判断用户是否输入了用户名{document.form2.userid.focus();alert(”用户名不能为空!");returnfalse;}if(document.form2.userpwd.value二二"")//判断两次输入的密码是否一致{document.form2.userpwd.focus();alert("登陆密码不能为空!");returnfalse;}if(document.form2.userpwdok.value!=document.form2.userpwd.value){document.form2.userpwdok.focus();alert("两次密码不一致!");returnfalse;}if(document.form26mail.value二二"。〃判断用户是否输入了EMAIL地址{document.form2.email.focus();alert("Email不能为空!");returnfalse;}if(document.form2.uname.value二二"。〃判断用户是否输入了昵称document.form2.uname.focus();alert("用户昵称不能为空!");returnfalse;}}结账页面的制作插入一表格并进行分割，插入事先准备好的图片并设置好CSS样式，然后在页面表格中左侧插入一个文本域，用于输入购买的商品数量，接着在商品数量表单下面插入两个按钮，一个用于提交输入的数量并提示购买成功操作，另一个用于取消当前的操作，完成后的页面如图所示次理米划我的奉富两绪匚营更结账页面零食肯勒•人宴行西关的江免叩关和公樽.追认层沟点击连■速溶椰子翱▼0图4-15结账页面调试运行调试将站点文件移动到别的文件夹，进行测试，这样可以检测网页中的是否添加正确。首先进入站点文件夹，打开index.html文件，在浏览器中显示如下图所示・Nu石中・“X?*力•***»•=4制7.87第图5-1首页测试我们可以发现部分图片显示不正常，因此可以判定有部分图片的添加的不正确，检查后发现无法显示的图片是因为图片的地址设置为绝对路径，因此，当文件夹的位置改变后，发生了图片显示不正常的情况。修改后的结果如下图所示■x*■-3网.…刈图5-2首页修改后可以看到网页已经可以正常显示。在打开的首页中，我们点击左侧导航栏中的“进口零食”，进入如下页6=WACS口千•上药友力•a，m进口零食图5-3进口零食页面发现一切正常，然后在该页面中，我们点击顶部导航栏中特产零食日8£。自5*产口K*果少货厌*能另"头d干"6里聚巧克力■化口A特产多食图5-4导航栏测试发现一切正常，然后我们在任意点击顶部的其他任意■夏3-taka0星3：&妙左力工■£伙q■生a干抬u懵差刀克力bo.#a糖果巧克力图5-5其他测试发现一切正常，并且我们可以看到，下部的滚动文字提示运行正常,如图所示0」u.irumueqiuuuriiueuvlbw.j*w图5-6底部效果数据测试返回首页，然后我们进入注册页面,进入页面后，我们可以看到页面显示正常，然后我们输入数据进行测试，当我们不输入信息是，点击提交按钮，如图所示亘复军府:电子由|］箱:您的呢称;您的性别:图5-7用户名提示普陆帐号:餐陆密码:苣复密码:电子邮箱:笠的昵称:量的性别:图5-8密码提不弹出提示“用户名不能为空”，接着我们输入两组不同的密码数据，如图所示弹出提示“两次密码不一致”，接着我们输入正确的数据，成功跳转回首页，证明注册成功。在首页中，我们点击登录，输入任意用户账户和密码后，点击登录按钮，结果如图所示图5-9登陆提示提示“登录成功”，点击确认后，返回首页。当输入用户数据后，我们点击“清空”按钮，可以看到用户输入的数据已经清空。我们在商品展示页面，点击任意我们想要购买的商品后，进入结账页面，在结账页面中，我们可以看到默认的商品数量为1,接着修改商品数量，如图所示伊利纯牛奶片图5-10商品数量点击取消后图5-11成功提示弹出取消成功的提示并且商品的数量重置为1,如图所示图5-12重置结果当我们输入商品数量后，点击提交后图5-13成功提示弹出购买成功提示，并且返回首页。