家纺公司网站设计与开发 毕业设计论文

计） 论 文 题 目 家纺有限公司 站的设计与开发 专 业 姓 名 学 号 指 导 教 师 二零 X 月 学 院本科毕业论文 （设计） 中文摘要 I 家纺有限公司 站的设计与开发 摘 要 本文阐述了东煌家纺有限公司 站设计与开发的全过程，包括系统规划、系统分析、系统设计、系统实现 、 系统测试与维护。系统采用 B/S 架构，选用 为后台数据库，用 为开发工具 ， 采用 本进行网站前台设计 ， 并结合 成会员中心的功能。网站具有开场动画、网站首页、关于东煌、新闻中心、产品品鉴、加盟合作、会员中心等模块。网站实现了 产品 展示的功能，经测试运行效果良好。本网站运行后可以 增 强东煌家纺有限公司的品牌影响力，提高网站浏览量，对东煌家纺有限公司及其产品 的宣传推广 具 有 重要 的 作用 。 关键词： 家纺 公司 ；网站 ；设计与 开发； 学 院本科毕业论文 （设计） 英文摘要 of of is , it as S6 as to HP to of it it 学 院本科毕业论文 （设计） 目录 录 0 引言 . - 1 - 1 系统规划 . - 1 - 统初步调查 . - 煌家纺公司介绍 . - 煌家纺现有的网站 . - 莱家纺网站 . - 统开发思路 . - 统可行性分析 . - 术可行性分析 . - 果可行性分析 . - 统操作可行性分析 . - 3 系统分析 . - 8 - 求分析 . - 务流程分析 . - 据流程分析 . - 10 - 4 系统 总体设计 . - 13 - 体设计概述和处理流程 . - 13 - 统功能结构设计 . - 13 - 能模板描 述 . - 14 - 场动画模块 . - 14 - 于东煌模块 . - 14 - 闻中心模块 . - 14 - 品目录模块 . - 15 - 盟合作模块 . - 15 - 线客服模块 . - 15 - 时分享模块 . - 15 - 员专区模块 . - 15 - 学 院本科毕业论文 （设计） 目录 系统详细设计 . - 15 - 统设计的目标 . - 15 - 统运行环境和开发系统简介 . - 16 - 据库设计 . - 16 - 员表） . - 16 - 言板） .7 - 效制作 . - 18 - 蝶飞舞特效 . - 18 - . - 21 - 字流动特效 . - 22 - 转木马效果 . - 22 - 部署 . - 22 - 6 系统实现 . - 22 - 场动画 . - 22 - 页 . - 23 - 于东煌 . - 24 - 闻中心 .5 - 品品鉴： .5 - 盟合作 . - 27 - Q 客服在线功能 . - 28 - 享功能 . - 28 - 员中心 . - 28 - 员登录模 块。 . - 29 - 员登录的操作流程图 . - 29 - 员登录界面 . - 30 - 册模 块 . - 30 - 员注册模块的操作流程图 . - 31 - 员注册页面设计 . - 31 - 员用户界面 . - 31 - 学 院本科毕业论文 （设计） 目录 V 7 系统测试 . - 33 - 标 . - 34 - 试过程与方法 . - 34 - 结 论 . - 35 - 致 谢 . - 36 - 参考文献 . - 37 - 学 院本科毕业论文 （设计） - 1 - 家纺 有限公司 站的设计与开发 0 引言 家用纺织品又叫装饰用纺织品，与服装用纺织品、产品用纺织品共同构成纺织业的三分天下。作为纺织品中重要的一个类别，家用纺织产品在居室装饰配套中被称 为“ 软装饰 ” ，它在营造与环境转换中有着决定性的作用。它就从传统的满足铺铺盖盖、遮遮掩掩、洗洗涮涮的日常生活需求一路走过来，如今的家纺行业已经具备了时尚、个性、保健等多功能的消费风格，家用纺织品这个纺织行业在家居装饰和空间装饰正逐渐成为市场新宠。 2011 年作为 “ 十二五 ” 的开局之年，我国家纺行业形 势良好。 2011 年家纺行业 1548 家规模以上企业累计完成工业总产值 元，出口交货值 现利润总额 元，产销率达 2012 年上半年，全国家纺出口保持平稳增长，出口额达 美元，比纺织品服装出口总体增幅高 目前我国服装类纺织品消费约占总量的 65%，家用纺织品消费仅占 23%，且家用纺织品的人均消费所占消费性支出还不足 1%。从国内外家纺用品消费的现实差距以及未来发展趋势看，中国家纺行业有着巨大的发展空间。 未来是一个高用户体验的互联网时代 ，普通的网站已经很难满足日益高涨的用户需求。 站就是在这种形式下成为了网站发展的一种趋势。越来越多的高端企业用户在选择网站时都更加的趋向于 站，尤其是在一些对用户体验较高的行业。 在这种背景下， 东煌家纺 公司希望能有自己的 站 ， 用来提升 公司的品牌效应 ，提高公司的产品销售总量 。 1 系统规划 统初步调查 煌家纺公司介绍 1982 年，江苏东煌品牌落户中国，由专业制造家用纺织品的凯斯特家用纺学 院本科毕业论文 （设计） - 2 - 织有限公司全权代理。运用先进的生产力，凭借自主的开发设计和科学的规范 化管理，以高效有序的运作模式让江苏东煌品牌立足于中国市场，并将传统的产品营销变成品牌营销。现今，江苏东煌已然在中国多个城市成立专卖店。 多年来，江苏东煌秉承东欧风情设计结合亚洲传统设计，打破狭隘的区域性设计元素所导致的局限性，以广泛的多种元素和谐糅合、精炼，引进最先进的生产设备，从选料、采购、设计、制作、生产到质检，无一不坚持以 “精 ”为本，开创出最具东欧风情的家纺市场。 面对众多的挑战，和已然十分充盈的家纺市场，江苏东煌通过认真调研，以高瞻远瞩的眼光巧妙的过渡，进行品牌升级，致力于打造最初的东欧品牌 ，以其特有的企业文化诠释东欧风情所带来的前所未有的体验。 全新的江苏东煌强调东欧风情中的独有的人文、风俗形象，充分攫取东欧大众生活元素，以用料精致、做工考究、细腻，再加上独特的设计理念，立志完美展示金色艺术殿堂的尊贵与品位，力求吸引社会各界人士的喜爱。 为应对日益发展的家纺市场需求，江苏东煌做了战略方针调整，并为之确立了一支以自主创新为理念的设计队伍，配备了一套训练有素、层次分明、井然有序的生产管理队伍，从而为企业生产的核心竞争力提供了有力的保障。坚持以市场为导向、设计为依托、生产为后盾，力求超越自我，成为 让员工满意、客户放心，协调一致的企业。 煌家纺 现有的 网站 东煌家纺 现有的网站首页如图 1 所示。 网站本身的展示效果差强人意，没有吸引眼球的地方，产品图片的像素质量也不高，并且也没有购物车功能和会员制等交互功能 。 学 院本科毕业论文 （设计） - 3 - 图 1 东煌家纺网站 莱家纺网站 上海罗莱家用纺织品有限公司（ 一家专业经营家用纺织品的企业，集研发、设计、生产、销售于一体，是国内最早涉足家用纺织品行业，并形成自己独特风格的家纺企业。 罗莱家纺官方网站采用了 站的建设方式，暖色调的运用给人以温馨的感觉，动感的设计使得品牌本身显得高贵典雅。 其网站首页如图 2 所示。 网站模块分为公司介绍模块，新闻动态模块，产品品鉴模块，加盟合作模块和会员专区模块。 学 院本科毕业论文 （设计） - 4 - 图 2 罗莱家纺 统 开发思路 通过对以上二 类 网站优缺点分析， 在 东煌家纺 公司的新型网站 (设计中，可 借鉴罗莱家纺网站的 风格和特色，同时 要 继承 这 二个类型网站的优点，避免它们的缺点 。 在 东煌家纺 公司的 ，将 以突出展示效果为主，交互功能为辅。系统采用 B/选用 用 运用结构化 生命周期法 对系统进行系统分析、系统设计、系统开发、系统测试及维护。 统可行性分析 术可行性分析 站 由 司推出的交互式矢量图和 画的标准，网页设计者使用 作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。 前身是 司的 世界上第一个商用的二维矢量动画软件，用 于设计和编辑 档。 1996 年 11 月，美国 将其改名为 又被 司收购。 学 院本科毕业论文 （设计） - 5 - 通常也指 现 。 站又被称为纯 站或全 站，是指利用 具设计网站框架通过 取数据的高端网站。 站成为当今比较流行的网站制作技术，特别在欧美和韩国。 站基本以图像和动画为主，所以比较适合那些文字内容不 太多，以平面、动画效果为主的用于品牌的产品发布和宣传推广的网站，比如房地产行业、汽车行业和奢侈品行业等高端行业。 其 品开发的，最初是一种简单的脚本语言，现在最新版本 一种完全的面向对象的编程语言，功能强大，库类丰富，语法类似于 用于 动性、娱乐性、实用性开发，网页制作和 用程序开发。 作脚本是遵循 四版的 行时环境的编程语言 1。 用 动画添加交互性。在简单动画中， 顺序播放动画中的场景和帧，而在交互动画中，用户可以使用键盘或鼠标与动画交互。例如，可以单击动画中的按钮，然后跳转到动画的不同部分继续播放；可以移动动画中的对象；可以在表单中输入信息等等。使用 以控制 建导航元素和交互元素，扩展 作交互动画和网络应用的能力。 英文超文本预处理语言 缩写。 一种嵌式的语言，是一种在服务器端执行的嵌入式 档的脚本语言，语言分格类似于 C 语言，被广泛地运用 2。 特的语法混合了 C、 及 创的语法。它可以比 快速地执行动态网页。用 出的动态页面与其他的编程语言相比， 将程序嵌入到 档中去执行，执行效率比完全生成 记的 高许多； 可以执行编译后代码，编译可以达到加密和优化 代码运行，使代码运行更快。 学 院本科毕业论文 （设计） - 6 - 一个关系型数据库管理系统，由瑞典 B 公司开发，目前属于 司。 一种关联数据库管理系统，关联数据库将数据保存在不同的表中，而不是将所有的数据放在一个大仓库内，这样就增加了速度并提高了灵活性。 言是用于访问数据库的最常用标准化语言。件采用了双授权政策，分为社区版和商业版，由于其体积小、速度快、总体拥有成本低、尤其是开放源码这一特点，一般中小型网站的开发都选择为网站数据库。 世界使用排名第一的 务器软件。它可以运行在几乎所有广泛使用的计算机平台，由于其跨平台和安全性被广泛使用，是最流行的 务器端软件之一。 前 互联网 上流行的网站构架方式是 使用 为操作系统， 为务器， 为数据库 ， 为服务器端脚本解释器。由于这四个软件都是免费或者开放源码软件，因此使用这种方式不用花一分钱（除开人工成本）就可以建立起一个稳定、免费的网站系统。 以上所述的各种技术都已经成熟并且得到广泛使用，完全可用于本系统的开发中。所以本系统的开发方案，从技术的角度来说是可行的。 果可行性分析 视觉效果 站给用户的第一感觉就是酷炫，这不仅是因为 站添加了很多动画动漫元素 ，而且 站在构架和创意上给人一种不可思议的感觉，这是一种更 深层次的带有艺术感的感觉。 此外， 站的结构和页面布局与普通网站 都 有 着 很大 的 不同，这不仅仅因为制作 站需要开发者投入更多的精力和创意，更因为 站制作技术给开发者提供了一个展现自己创意的一个平台和技术。 做 站开发，可以尽情 地 去添加想要的元素表达想要表达的创意和想法：可以添加 3D 效果，可以给用户带来高端的立体感受 ， 可以让网站成为一个学 院本科毕业论文 （设计） - 7 - 大气高雅具有艺术感的优雅环境 ， 可以给 公司 的产品做一个全新的装饰，增加网站的广告特性 ， 还可以添加一些 能展现公司及其产品特色 的个性元素， 从而让网站 更能吸引用户的眼球 。总之， 站以效果和创意为最大卖点，是其他普通网站很难比拟的。 听觉效果 但可以处理视觉元素，而且还支持听觉效果。声音的表现是 有听觉表现的电影是不会得到观众的喜爱的，实现了视听全方位感受的电影才能使观众身临其境、印象深刻。但是声音并不能孤军奋战，声音是动画的补充，是为动画服务的，是为了加强动画给观众的感受而被加入的。所以要想 创建 高评价的 站，没有声音的 辅助 是不行的。 互动效果 站另一个非常明显的优势就是网站与用户互动性。在用户浏览网站的过程中， 站可以加入互动元素，轻易实现网站与用户互动吸引用户注意力。 站中的动漫动画就像是一个游戏，添加互动元素 ， 用户想看什么就可以 通过 像 游戏一样的操作来展现。 如果需要 3D 效果， 则 需要用户移动鼠标来实现视觉转换 ，从而 提高用户 对网站 的兴趣 ，增强网站信息 展示的 效果 。 普通网站 是通过 超链接点击展示 网站信息，而 站刚 能够 给 用户带来更多的新鲜感 ，并能 获得用户更多的关注度。 娱乐效果 站 的 娱乐效果 可以通过两种方式来实现 ：一是 用 动漫动画 来制作 搞笑短片 ；二 是 通过类似于 网页游戏 的方式让用户进行 游戏体验。在 站中加入一些 漫动画短片 ， 用户在浏览网站时， 就会 产生较之于普通网站不同的娱乐性。因为普通网站的文字和图片展示表达方式已经很难满足现在眼光越来越高的用户要求。 站本身就是通过 件制作出来的，在站中添加 漫就如水到渠成那么简单。另一方面，把 站做成游戏一样的感觉也很 容易 。首先，现在大部分网页游戏也是通过 件 次， 供了 一种 技术 ， 让 站能够接受用户鼠标的操作就像 玩 游戏一样。可以给 站加入游戏娱乐元素， 但不 必把网站做成网页学 院本科毕业论文 （设计） - 8 - 游戏。 站 的用户游戏体验 需要起到 网站 宣传的功效 ，而 网页游戏相比 则不需要有这样的效果 。添加了娱乐元素过后， 网站宣传的 效果 将会 更 加 明显和突出 3。 统操作可行性分析 出知名动画制作软件的最新版本，使用它可以创建各种逼真的动画和绚丽的多媒体。 件是用于创建动画和多媒体内容的强大的创作平台。设计身临其境、而且在台式计算机和平板电脑、智能手机和电视等多种设备中都能呈现一致效果的互动体验。 本系统的主要技术是 画。 乎在所有的电脑所有的操作系统都可以进行播放，拥有很好的跨平台性并且兼容所有的浏览器。 3 系统分析 求分析 罗莱、富安娜 2009 年融资上市，而三大家纺巨头之一的梦洁也正逐步迈向资本市场。三家企业相继进入资本市场，无疑是对家纺行业的一种刺激，也让很多家纺企业急红了眼。行业的慢慢成熟预示着未来家纺市场将迎来更加激烈的竞争，强者越强，弱者越弱的生存定律将越来越明显。 考虑到东煌家纺公司的现状，现在最迫切的就是推高品牌影响力，扩大知名度。本系统从品牌推广这一基点出发，用 术为东煌家纺公司打造出一个品牌营销，形象推广的平台。 淘宝网 的兴起与发展 ， 为消费者提供了一个方便快捷的平台，也使得商 品 的官网 陷入浏览量低靡的状况。 有鉴于此，本系统避开了与淘宝网相似的购物功能，但在会员专区设计会员可以免费领取淘宝网本公司产品优惠券，用来提高网站流量，刺激会员注册。 本 系统应满足如下需求： 开场动画模块：网站开头。 关于东煌模块：介绍公司的发展历史。 新闻中心模块：发布公司和家纺市场的最新新闻 。 学 院本科毕业论文 （设计） - 9 - 产品品鉴模块：浏览公司的产品。 加盟合作模块：提供公司的联系方式。 会员专区模块：会员注册登录。 在线客服模块：进行在线对话。 即时分享模块：分享本网站到社交网站上。 务流程分析 业务流程是系统中各项业务活动的过程，根据前期的调查和系统的功能需求分析，可以将东煌家纺网站的业务分为以下过程，公司介绍浏览、公司新闻浏览、公司产品浏 览、加盟合作浏览、在线客服交流、即时分享网站信息、会员注册、会员登录、领取优惠券、留言板功能，管理员维护以上所有信息。 学 院本科毕业论文 （设计） - 10 - 游 客会 员 注 册查 询 注 册信 息删 除 注 册信 息修 改 个 人信 息管 理 员会 员 会 员 登 录浏 览 东 煌公 司 简 介浏 览 新 闻修 改 东 煌信 息删 除 东 煌信 息查 看 东 煌信 息查 看 新 闻内 容修 改 新 闻内 容删 除 新 闻内 容浏 览 产 品修 改 产 品信 息删 除 产 品信 息查 看 产 品信 息浏 览 加 盟模 块修 改 加 盟信 息删 除 加 盟信 息查 看 加 盟信 息分 享 到 网站在 线 客 服管 理 员订 阅 期 刊查 看 留 言板回 复 留 言板删 除 留 言板发 放 电 子期 刊发 放 优 惠码退 订 删 除 留 言添 加 留 言查 看 留 言板获 取 淘 宝优 惠 码回 复 留 言板东 煌 公 司信 息新 闻 内 容产 品 信 息加 盟 信 息留 言 板电 子 期 刊淘 宝 优 惠码注 册 信 息图 3 系统业务流程图 据流程分析 系统业务流程图主要描述的系统中的各项业务活动，通过业务流程图我们对系统有了一个直观的认识，想要对系统能更细致、更全面的了解，就需要进行数据流程分析。数据流程分析是通过数据流程图来描述和表示的，它详细地描述系学 院本科毕业论文 （设计） - 11 - 统中数据的流动，可以直观地描述系统的逻辑模型，系统中信息的传递，信息的存储等等。数 据流程图有多层，通过顶数据流图确定系统的边界，第 0层数据流程图更加详尽地描述系统中的信息传递和信息的存储。 本系统中顶层数据流程图的实体主要有会员、游客、管理员三个。系统的顶层数据流程图如图 4所示。 会 员管 理 员东 煌 家 纺 系 统0游 客会 员 信 息新 闻 信 息产 品 信 息加 盟 信 息公 司 信 息客 服 信 息留 言 板 信 息优 惠 码 信 息期 刊 订 阅 信 息注册信息产品信息公司信息新闻信息加盟信息客服信息管 理 员 信 息公 司 信 息产 品 信 息个 人 信 息留 言 板 信 息留 言 板 回 复 信 息淘 宝 优 惠 码 信 息期 刊 订 阅 信 息新 闻 信 息加 盟 信 息个 人 信 息 修 改 信 息期 刊 退 订 信 息图 4 系统顶层数据流程图 系统 0层数据流程图如图 5所示： 学 院本科毕业论文 （设计） - 12 - 会 员2公 司 信 息 管 理3新 闻 信 息 管 理4产 品 信 息 管 理5加 盟 信 息 管 理6个 人 信 息 管理7留 言 板 管 理8期 刊 管 理9淘 宝 优 惠 码管 理1登 录 管 理 D 1D 1 1D 5D 9D 8D 1 0D 4D 3D 2D 1 2游 客管 理 员D 7D 6个 人 信 息留 言 信 息期 刊 信 息期 刊 信 息留 言 信 息个 人 信 息修 改 信 息个 人 信 息留 言 信 息留 言 板 回 复 信 息期 刊 退 订 信 息期 刊 订 阅 信 息优 惠 码 信 息淘宝优惠码信息会 员 个 人信 息 表公 司 信 息表新 闻 信 息表产 品 信 息表加 盟 信 息表个 人 信 息表信 息 查 看表留 言 表留 言 回 复表订 阅 表期 刊 退 订表优 惠 码 表新 闻 信 息管 理 员 信 息加 盟 信 息个 人 信 息信 息 查 看 信 息留 言 信 息留 言 回 复 信 息订 阅 信 息期 刊 退 订 信 息会 员 信 息1 0登 录 维 护管理员信息1 1公 司 维 护 维 护公 司 维 护 信 息1 2新 闻 信 息 维 护1 3产 品 信 息 维 护1 4加 盟 信 息 维护1 6信 息 修 改 维 护1 5信 息 维 护公 司 信 息新 闻 信 息产 品 信 息加 盟 合 作 信 息淘 宝 优 惠 码加 盟 信 息2 1优 惠 码 维 护2 0期 刊 退 订 维 护1 9订 阅 维 护1 8留 言 回 复 维 护1 7留 言 板 维 护优 惠 码 信 息产 品 信 息公 司 信 息新 闻 信 息产 品 信 息公司信息新闻信息产 品 信 息个 人 信 息个人信息修改信息留言板信息留言板回复信息期刊订阅信息期刊退订信息淘宝优惠码信息加 盟 信 息会员信息注册信息图 5 系统 0 层数据流程 图 学 院本科毕业论文 （设计） - 13 - 4 系统总体设计 体 设计概述和处理流程 本系统采用面向对象的开发方法，本系统使用纯面向对象的 操作系统作为开发平台，能够很好地实现系统的开发及测试，并且能够保证本系统能够快速、稳定的运行。 系统的基本流程是： 游客 主界面 浏览部分模块。 用户登录 主界面 浏览各个模块。 管理 主界面 管理各个模块。 统 功能 结构 设计 本系统主要分为以下几个模块：开场动画模块、关于东煌模块、新闻中心模块、产品品鉴模块、加盟合作模块、在线客服模块、即时分享模块、会员中心模块，系统的功能 模块分别通过前台和后台来实现。前台功能模 块如 图 6 所示，后台功能模块如图 7 所示。 新 闻 中 心产 品 品 鉴加 盟 合 作在 线 客 服即 时 分 享会 员 中 心会 员 注 册会 员 登 录关 于 东 煌领 取 优 惠 券留 言 板开 场动 画图 6 前台功能结构图 学 院本科毕业论文 （设计） - 14 - 新 闻 中 心 维护产 品 品 鉴 维护加 盟 合 作 维护在 线 客 服 维护即 时 分 享 维护会 员 中 心 维护删 除 会 员查 找 登 录东 煌 介 绍 维护发 送 优 惠 券留 言 板 维 护后 台管 理图 7 后台功能结构图 能 模板 描述 场动画模块 开场动画是 站必不可少的灵魂元素，是最能展示 酷动感效果的部分。一个引人入胜的开场动画可以为网站增色不少。 为了给人们一个新奇的视觉听觉感觉，用来吸引消费者的眼球，也为了突出东煌家纺公司的制作工艺是东欧和亚洲工艺的结合。本人把开场动画设计如 下， 两只翩翩飞舞的蝴蝶上下嬉戏，伴随着指环王中夏尔村霍比特人的音乐，飘过荷兰的风车，游荡过山间树林中的湖水，飞到了普罗旺斯的紫色薰衣草地上，蝶恋花般迟迟不舍离去。而几个东欧场景的变换加上音乐的效果，一阵东欧风情自然而然地铺面而来。 于东煌模块 此模块用来介绍东煌公司的发展历程。页面运用了一朵在蝴蝶飞舞围绕的百合花，用了衬托大篇幅的介绍文字，使其显得不单调。 闻中心模块 该模块主要是显示公司最近一些新闻和家纺市场的信息，并按照时间进行排学 院本科毕业论文 （设计） - 15 - 序。 品目录模块 在此模 块中用户可以进行对产品的浏览。 为了突出 此设计一个旋转木马的产品目录。八个系列的产品不断旋转，点击产品进入所属产品目录。 盟合作模块 为了吸引更多的加盟商前来加盟，本网站特地开出这一模块，因为东煌家纺公司本身的加盟合作流程不够完善，本人特此在网站上面留有东煌家纺网站的联系方式和地址，方便有意加盟者的联系。 线客服模块 在线客服系统是一种网页版即时通讯软件的统称。相比较其他即时通讯软件（如 它实现和网站的无缝结合，为网站提供和 访客对话的平台；网站访客无需安装任何软件，即可通过网页进行对话。 时分享模块 现在大部分网站都会提供分享功能，如 “ 分享到新浪微博 ” 、 “ 分享到 间 ” 等等。其实这也很正常，互联网的精神就是共享，而社会化媒体 微博的兴旺只是加剧了这种进程。 员专区模块 在 会员专区 模块中用户可以浏览网站各个模块，可以领取优惠券，还可以进行留言板操作。 5 系统详细设计 统设计的目标 系统界面设计简单、美观，符合大众的审美观。 登录注册方便，满足现在社会的快节奏。 宣传东煌文化，加快东煌文化的推广。 采用面向对象的方法，方便后续的维护与开发。 采用发放淘宝网优惠券的方法，吸引游客注册。 学 院本科毕业论文 （设计） - 16 - 统运行环境和开发系统简介 网站采用的是浏览器 /