网站建设课程设计网上购茶系统指导书.doc

网站建设课程设计指导书（网上购茶系统）课 程： 专 业： 班 级： 学生姓名： 学 号： 指导教师： 完成日期： 目录一、需求分析31.1 网站建设的目标与市场定位分析31.1.1网站建设的目标31.1.2市场定位分析41.2 客户与竞争对手分析41.3 可行性分析41.3.1 操作可行性41.3.2技术可行性41.3.3 经济可行性5二、选择域名和服务提供商（isp）52.1 域名选择原则52.2 域名注册服务提供商52.3 isp的选择52.4 万网注册6三、运行环境配置6四、网站设计74.1 网站的设计目标74.2 数据库设计74.3 功能设计114.4 目录结构124.4.1 网站目录结构的设计应考虑的因素124.4.2 茶网站目录结构124.5 链接结构124.6 导航结构134.7 网站整体风格134.7.1网站ci形象设计134.8 页面设计134.8.1 页面设计原则134.8.2 页面的视觉体现134.8.3 网页版面布局的设计144.8.4 网页色彩的设计154.8.5 网页图片和文字的设计154.8.6 网站首页的设计164.8.7 其他页面的设计规划16一、需求分析1.1 网站建设的目标与市场定位分析1.1.1网站建设的目标本网站是一个模拟网上购物环境的应用程序，它维护着一个数据库，存储着用户信息、商品信息、交易信息等。asp.net 程序从数据库中获得信息，并呈现给最终用户。 1.1.2市场定位分析据统计，2006 年，我国网民已达1.11 万，每天有300 万以上网民在网上购物；我国有几乎所有人都有品茶的习惯，全世界更有2/3 的人爱好品茶。但是，网络上的相关茶叶网站却为数不多，导致在网上购买茶叶以及相关产品的客户寥寥无几。许多人品茶者苦于好茶难求，难买。这充分说明网上茶店在线销售面临着良好的发展前景。网上茶店借助于连接全球的internet 开展业务，在网络发达的当今社会有着传统茶店无以比拟的优点：客户面广，茶叶品种多；由于网上茶店展现的商品信息是数字化的，可以更多的展示商品，并解决了地域性的问题，让客户足不出户便可以买到异地的特色茶叶；中间环节少，营业时间长； 网上交易消除了地差、时差、订单提交瞬间完成，网站即刻可收到订单；服务形式多元，管理模式灵活。可见，24 小时服务、送货上门、无店铺销售、检索商品快捷方便、分类浏览人性化、管理模式灵活等优点，弥补了传统茶产品行业的不足随着人们购物观念、购物习惯的改变以及网上购物质量、信誉的提升，茶叶产品在线销售将有更大市场空间。1.2 客户与竞争对手分析本店网站特点包括：首页一目了然；易操作性；茶叶信息罗列详细；价格合理公道；质量严格把关，为顾客提供新鲜、健康的茶叶。与本行业网上茶店的区别在于本店品种齐全，满足不同用户的需求。完善的售后服务。1.3 可行性分析1.3.1 操作可行性 网站虽然美工制作不是本系统的重点，但本系统，力求一目了然，操作简捷；逻辑清晰。使稍微有上网常识的用户都可以轻松使用。 1.3.2技术可行性 该网站虽然使用了一些比较先进的技术和工具，但是技术和工具都已经成熟，有相当多的参考书籍；在学校，各位老师的精心教导也使积累了相应的基础知识与独立思考能力，特别是有指导老师的热心指导和同学的帮助。故，在技术上是可行的。1.3.3 经济可行性 本系统要求成本不高，只要具备一定的经济实力，有充足的货源拓展到网上销售，即可进行运用。故，经济上是可行的。二、选择域名和服务提供商（isp）2.1 域名选择原则力求简单易记，以最少的字母或数字组合。建议使用以下信息命名域名：单位名称的中英文缩写；企业的产品注册商标、品牌；企业广告语；简单有趣的名字，如：hello，howareyou，yes等等。优先选择国际域名，其次选择国内域名。如企业的名称或行业关键词已被注册，可以添加“china cn xa ”等字符加以区别。可采取多域名策略，即同时推广几个域名。在对主要域名注册的同时，有必要对和自己主要域名相关的域名进行注册。2.2 域名注册服务提供商中国万网（/）中华e动（/）你好万维网（/）第一主机（/）中资源（/）西部数据（/）2.3 isp的选择需要考虑以下几个方面：（1）服务（2）服务器的均衡负载（3）连线速度的高低（4）同异地isp的区别（5）技术支持的水平2.4 万网注册在众多域名注册服务提供商中，我们选择了中国万网，中国万网（/）注册流程如下：选择域名类型，点击购买输入想申请的域名，ahois查询阅读域名注册条款，并点击“我同意”选择域名年限，填写注册信息确认域名注册信息支付费用并结算结算成功，提交域名注册申请发送成功通知书三、运行环境配置硬件要求：cpu：pentium iii 450 或更高；内存：128m或更大；硬盘：10g 或更大；带显示器，有光驱，能正常工作的计算机。 开发软件：microsoft visual studio 2005和 sql server 数据库 语言环境：asp.net数据库类型：sql server 2005服务器操作系统：简体中文windows 2000 以及以上服务器操作系统。四、网站设计4.1 网站的设计目标在电子商务系统的开发中，首先要明确目标及要解决的问题，在流程设置及各个功能的设计上紧紧围绕目标来进行。在信息系统开发过程中容易发生的倾向是，随着设计的深入，开发人员往往陷于具体技术问题的解决技巧，而忽略了系统本身的目标，这往往是造成系统应用后用户不满意的原因之一。 系统流程图如下：购买商品点击购买，下订单提交订单注册新用户查看商品进入首页是否是注册用户登录noyes4.2 数据库设计本店数据库采用sql server 2005数据库软件设计。具体设计如下：1.carinfo(购物车表)字段名字段类型说明备注order_idint订单编号tea_idtext茶叶编号tea_nametext茶叶名称tea_countnumbertext茶叶数量tea_pricemoney茶叶价格2.classinfo(类别表)字段名字段类型说明备注class_idint茶叶类别编号class_nametext茶叶类别名字class_statetext茶叶类别状态3. orderdetailinfo（订单详细表）字段名字段类型说明备注order_idint订单编号order-teanametext订单茶叶名称order_numberint订单数量order_usernametext订单用户名称order_useridint订单用户编号order_realnametext订单用户真实名字order_teltext订单电话order_addresstext订单地址order_typetext订单类型order_sendtimetext送货时间order_pricemoney订单价格order_teaidint订单茶叶的编号4. orderinfo（订单信息表）字段名字段类型说明备注order_idint订单编号tea_idint茶叶编号tea_nametext茶叶名称tea_countnumbertext茶叶数量tea_pricemoney茶叶价格5.teainfo（茶叶信息表）字段名字段类型说明备注tea_idint茶叶编号tea_nametext茶叶名称class_idint茶叶类别编号tea_pricetext茶叶价格tea_statemoney茶叶状态tea_imagesnvchar茶叶图片6. userinfo（用户信息表）字段名字段类型说明备注user_idint用户编号user_nametext用户名称user_passtext用户密码user_realnametext用户真实名字user_sextext用户性别user_teltext用户电话order_addresstext订单地址order_teltext订单电话7.admininfo（管理员信息表）字段名字段类型说明备注admin_idint管理员编号admin_nametext管理员名称admin_passtext管理员密码8.teacomment（茶叶评论表）字段名字段类型说明备注comm_idint评论编号comm._contenttext评论内容comm_timetext评论时间tea_idint茶叶编号comm_nametext评论名字4.3 功能设计整个设计包括前台管理和后台管理部分，即用户界面部分和后台管理界面部分所要完成功能。（1）用户界面部分：电子商务管理服务是一个与客户服务密切相关的管理系统。把系统设计为合适的电子商务系统，便于用户操作。商品选购（可按分类方式查找商品，或通过关键字进行查询） 购物车功能 查看商品详细情况客户发表意见茶叶文化介绍 本店公告用户注册、用户登录 查看用户订单信息修改用户个人信息 （2）后台管理界面部分 登入、登出管理系统 现有商品管理：查看、修改、删除、添加 订单管理：查看订单清单、更改订货状态、删除订单 用户信息管理：查看、修改、删除4.4 目录结构4.4.1 网站目录结构的设计应考虑的因素（1）不要将所有文件都存在根目录下（2）按栏目内容建立子目录（3）在每个主目录下都建立独立的images目录（4）目录的层次不要太深（5）其他注意事项4.4.2 茶网站目录结构4.5 链接结构网站的链接结构有：树状链接结构（一对一）、星状链接结构（一对多）和网站结构（多对多）4.6 导航结构网站中常用的导航有：导航栏、下拉菜单式导航、用分类列表导航、用图像或小动画来导航4.7 网站整体风格4.7.1网站ci形象设计所谓ci（corporate identity），意思是通过视觉来统一企业的形象。下面提供网站形象策划的一些经验：设计企业自己的网站标志（logo）。确定网站的主色彩。突出网站的标准字体。设计一条朗朗上口的宣传标语确定设计目标、数据库设计、4.8 页面设计4.8.1 页面设计原则网页命名要简洁有规律确保页面的导览性好主页设计要一目了然网页要易读合理设计视觉效果正常、快速的页面下载4.8.2 页面的视觉体现（1）网页的视觉构成视觉流程。应遵循以下构成原则：要使主题要素更加突出。内容与形式表现要统一、有序。在视觉上着力强调网页的诉求重点。网页设计中的空白处理要得当。使网页具有一定的韵律感。提高网页信息内容的视读性。对点、线、面的认识。点、线、面是构成视觉空间的基本元素，是表现视觉形象的基本设计语言。点：在网页中，一个单独而细小的形象可以称之为点。线：线是分割页面的主要元素之一,是决定页面现象的基本要素。面：由线的重复平行排列或线的运动轨迹而形成的。（2）网页的视觉传达设计在网页设计中，视觉导向成为了网页设计构图的要点，合理、灵活地运用它会提高向观众传达信息的准确性与有效性。因此，在网页的设计中要灵活地把握。视觉流程的逻辑性要强。视觉流程可读性要高。视觉策划的战略性。4.8.3 网页版面布局的设计（1）页面版式设计的基本步骤布局就是以最适合浏览的方式将图片和文字排放在页面的不同位置。页面版式设计的基本步骤：建立草案；粗略布局；定案。（2）常见的版面布局形式“t”结构布局“口”型布局“三”型布局对称对比布局pop布局（3）在版面布局过程中遵循的基本原则与技巧版式设计通过文字图像的空间组合，表达出和谐与美。在进行网页版面布局设计时要遵循的一些原则：正常平衡；异常平衡；对比；空白；尽量用图片解说。4.8.4 网页色彩的设计（1）色彩的相关知识色相（hue）。色相识指色彩的相貌，是区别色彩种类的名称。例如：红、橙、黄、绿、青、蓝、紫等颜色。明度（value）。色彩明度是指色彩的明暗程度，体现颜色的深浅。纯度（chroma）。色彩的纯度就称饱和度，即色彩的鲜艳和浑浊的程度。（2）非彩色与彩色的应用颜色可有冷色、暖色的倾向。冷暖色系如下图所示。（3）网页色彩搭配的原则在进行网页色彩的搭配时，要遵循以下的基本原则：特色鲜明；搭配合理；彩的合适性；色彩的联想性；讲究艺术性。（4）色彩搭配要注意的问题使用单色；相同色系色彩；运用对比色或互补色；黑色的使用；背景色的使用；色彩的数量；由于国家和种族、宗教和信仰不同，以及生活的地理位置、文化修养的差异等，不同的人群对色彩的好恶程度有着很大的差异；色彩的记忆性；色彩的联想性。4.8.5 网页图片和文字的设计（1）网页中的图片在网页中使用图片时要注意以下几点：图片的收集与筛选；图片的格式；图片的处理及存储；网页背景图像的应用；慎用动画。（2）