馋猫小铺网站建设策划书.docx 67页

'馋猫小铺网站建设策划书1.1企业介绍1.1.1企业概况成都馋猫小铺公司是一家主要经营、销售大众喜爱的休闲食品的公司。公司自成立以来秉持特许加盟的方式开拓休闲食品专卖市场，致力于将营养、健康、美味、精致的休闲食品带给广大的零食爱好者们！馋猫小铺总公司位于成都市东区，毗邻东沿线金融中心，交通发达物流顺畅。馋猫小铺公司加工场地遍布全国，有利于向各个地区及时发送货物。公司利用传统的加工工艺，结合大众口味，公司主要产品为饼干糕点、膨化食品、坚果炒货、糖果巧克力和蜜饯果干等，在产品生产过程中选料上乘，独有传统配方，使产品味道鲜美、风格别致、食用安心。其生产自动化作业，使馋猫小铺品牌在较短的时间内在同行业脱颖而出，成为同行业中的佼佼者。公司主要以加盟专卖店销售为主要经营方式，加盟专卖店以中高档装潢美观陈设、适中价格赢得广大消费者青睐。馋猫小铺公司现已成功在全国二十多个省及地区一百多个城市开有加盟店。公司全体同仁秉承勤俭、诚信、刻苦、耐劳的创业精神服务于大众，超越顾客的需求的经营理念，公司将随着业绩之不断发展而日趋壮大。现在公司面向全国招商，我们诚邀各地有识之士的加盟，希望能与您真诚合作，携手共创美好未来！1.1.2企业宗旨“优品质、精工艺、心服务”。1.2企业网站建设的定位要建立馋猫小铺网站首先要明确网站建立的受众人群，网站定位及网站内容，由此才能宏观把控网站在建设过程中的具体方向，整体风格和功能定位。馋猫小铺是一个专注于休闲零食的企业，通过该网络平台向大众全方位展示企业形象及馋猫产品。通过网站形成一个以“馋猫品牌”为中心，以“服务”为钮带的公司网络展示平台。馋猫小铺网站提供一个方便的与加盟客户“面对面”的交67 互平台。通过这个平台，企业可以以最快的速度了解客户对产品和服务的意见、建议，从而更好地满足用户的需要。在展示企业产品信息的同时宣传企业服务，提高企业知名度，以此增大企业在同行业中的竞争力，同时也为企业管理人员收集用户需求提供便捷的平台。1.3网络建设市场分析1.3.1建设网络前的市场分析随着我国经济的稳步上升，人民生活水平的逐步提高，网络通信技术的快速发展，零食行业的市场竞争越来越大。就我们馋猫小铺企业而言，想要在零食行业立足，必须要在强大的竞争中找寻到优势和突围方式，最大限度的增强企业品牌在顾客的心中的认知度。1.3.2建设网络的必要性和可行性从当今信息化时代的网络运用来看，网络认知、网上推广、网上宣传已成为一种时尚和主流。比起电话询问、实地考察，人们更愿意运用网络了解企业的运营，这样既方便又可进行多方比较。网站建设是发展自身、拓宽网络市场的一大途径。因而，馋猫小铺网站建设必不可少又亟待解决。电子商务是未来经济形式的大趋势，建立自己的网站，保护自己的无形资产——网络商标，上网发布企业信息，建立网上企业品牌，参与零食网络市场竞争，搭建电子商务平台已成为企业发展的必经之路，零食类行业更是关键。馋猫小铺企业创建网站可更便捷地加强与客户和供应商、加盟商的服务。建立网站后，可以利用互联网提高本企业的知名度，方便客户查询馋猫小铺企业的产品和联系企业、加盟企业。馋猫小铺企业网站也将会运用专业人员进行设计与维护，以保证网站的顺利建设。1.4建设网站目的及功能定位1.4.1网站目标1)打造属于自己企业的品牌网站，建立功能健全的馋猫小铺企业网站。2)面对互联网技术的迅猛发展和无限前景，在我国零食行业竞争日渐激烈，顾67 客需求越见增多的情况下，我们已经意识到建立自己的网站，上网发布企业信息，建立网上品牌的重要性。本企业的网站主要用于向大众全方位展示企业形象及馋猫小铺产品，并提供一个方便的与加盟客户“面对面”的交互平台。通过这个平台，企业可以以最快的速度了解客户对产品和服务的意见、建议，从而更好地满足用户的需要。1)建设企业网站，建立有效的企业形象宣传，展示企业馋猫小铺产品风采，传播馋猫小铺企业文化，树立企业品牌，提高企业知名度，推广企业的服务。1.4.2网站的功能定位馋猫小铺网站其主要功能：1）网站内容从各方面尽量满足访问者各项合理要求，网站的组合更加灵活多变，方便版面经常更新。2）网站的管理功能更具人性化，使网站的管理工作简单方便，尽量减少网站管理者的工作量。通过人性化简单的操作及时更新产品、新闻等信息。3）展示企业产品信息、企业基本信息。4）最新上传的产品信息、动态新闻及时更新。5）留言板模块信息互动交流。6）网站使用人性化，功能多元化，管理方便化，内容丰富化，页面美观化，构建了一个突出企业产品特点及企业形象的网站。1.4.3建设网站功能作用通过对企业基本信息的展示，让顾客更全面的了解企业的概况；提供浏览人员注册功能，对浏览人员进行级别认证：向普通顾客提供更多产品介绍；向加盟商提供产品介绍的同时，提供较多的相应优惠或优先服务，为加盟商提供更多实惠；通过上传最新产品信息、动态新闻等让浏览者及时了解馋猫小铺产品、企业动态、企业文化和企业服务；在留言板模块为浏览者提供留言、信息互动交流功能，让企业能够快速获取访问者的需求，及时了解零食市场的变化并及时发布相关优惠及产品相关信息。67 1.5网站内容规划1.5.1网站包含内容网站首页关于我们产品简介新闻中心留言反馈加入我们1.5.2网站制作要点馋猫小铺网站能够给浏览者留下比较深刻的印象，要突出本企业的个性和零食产品特点。网页结构设计合理，层次清楚。将企业信息、产品信息以及与浏览者的互动模块设计合理，尽量涵盖浏览者普遍所需的信息，页面的链接应方便浏览，传输速度和图片的下载的速度快，便于浏览者操作获取需求信息。网站后台制作合理，网页界面人性化，便于网站管理人员操作运用网站。1.6网页设计1.6.1网页基本信息网站名称：馋猫小铺网站主题：介绍公司主要内容，方便用户浏览并寻找有用信息，方便后台人员管理。网站语言：简体中文视觉设计：采用橙色为主色调，活泼大气，富有视觉冲击，使用户一进网站就能感受到“馋猫”的氛围，唤起访客们的味蕾。网站字体颜色为白色，使整个网站看起来清新简洁。1.6.2网页实现以.NET为网站平台，ASP为网站实现技术，建立visualstudio2010核心的67 动态网页。实现浏览者注册与认证登录技术。分页系统：采用HTML的网页技术以及优化页面代码和图片技术，实现网站风格的统一。动态功能：建立与内容相关的visualstudio2010平台数据库，实现用户注册、用户登录、内容搜索、查询等服务，设立用户信息、用户调查和用户反馈表单及自动回复机制。信息发布系统：支持产品信息、企业新闻信息发布的功能。信息检索系统：支持产品信息检索功能。信息反馈系统：支持留言板信息反馈功能。1.6.3网站框架企业Logo附有企业网站标语的图片注册登录首页关于我们产品简介加入我们新闻中心留言反馈滚动效果图片（展示明星食品）新闻图片新闻标题加盟商图片加盟商信息产品小图片企业地址及所属权1.6.4网站内容设计1）首页设计页头：准确识别企业logo与我们服务的宗旨，并含有浏览人数、登录按钮。图片展示栏：展示我们热销的零食与搞活动的零食，附上鲜明图片，使访问者产生购买欲望。中下部分：有更丰富的图片展示信息与食品信息，并配有相关新闻，同时右侧还有加盟商信息，方便用户。2）导航设计导航系统是有效连接网站各处的工具，它有效的分类网站内容并指向它所代表的内容。在这里我们连接有各种味道诱人的食品信息，方便用户直接抵达满意67 的食品。1.7网站美工理念1.7.1整体风格采用橙色为主色调，活泼大气，富有视觉冲击，使用户一进网站就能感受到“馋猫”的氛围，唤起访客们的味蕾，重点突出“馋猫”产品的特点和企业文化。1.7.2详细美工设计1）网站的LOGO本网站的LOGO生动形象，与企业名字相映衬，并且用橙黄色字体，橙黄色常常与快乐联系在一起，给人温馨与放松的感觉。用一只可爱的黑猫在猫的眼神里也看到对鱼的渴望，就像一个人们对零食的渴求。以黑色为主色调，严谨与庄重，也表明了我们企业对食品质量的严格把关，展示了我们对消费者认真负责的态度。2）理念宣传网站首页作为访问者首先注意的地方，要简洁明了且有特点。首页由动画图片和静态图片构成。作为整个页面最中心的部分，且占整个版面最大面积，是人们眼球很快捕捉到且停留最长时间的，最适合放置企业最新动态图的位置，然而我们作为一个主营休闲零食的企业，更多的是为吸引顾客群体，当然得用来放置我们美美的食物图片来吸引“馋猫”访客们，所以这个位置用来用轮播的动态图片展示最新的产品、销量最好的一些产品。左边是关于企业的新闻消息展示区，分为新闻相关文字及配图（左图右文）；右边是关于加盟商的信息，是为企业的发展，市场的开拓而设置其宣传作用的。为了页面的美感，形式同左边新闻消息展示区一样，左图右文。页面下半部分，相比较下来，算是一个较冷清的部分，人们的眼球很少到达，为了弥补这一缺陷，充分利用网站的宣传作用，我们在这放置一些外观漂亮颜色鲜艳的企业的小吃产品图片，把这部分的关注度大大提升了。并在企业的最底层，我们在这一位置除了设置了网站产权标识，也为对我们企业感兴趣的访客留下了企业地址，欢迎他们实地考察并加入我们。67 1.8网站安全与测试1.8.1网站安全1）网站在不维护时进行防sql注册功能。（禁止修改网站原代码）2）网站采用DY整站系统asp程序调用visualstudio2010数据库，后台设有密码、管理认证码、验证码三层防护，更加保障后台安全。3）数据库采用64位密码加位算法。（防止密码被快速破解）1.8.2网站测试1）网站文字资料真实性校对；2）网站基本链接测试；3）交互性表单及数据库查询功能测试；4）网站程序安全性测试；5）浏览器兼容性测试；6）网站运行监控；7）网站客户响应测试。8）网站功能测试9）网站性能测试10）网站稳定性测试（主要采用将测试服务器长时间运转进行测试）11）代码合法性测试第二章网站功能需求与设计说明书2.1功能划分2.1.1前台实现功能1、企业介绍2、浏览者注册3、登录量查询4、导航栏5、留言板67 6、其他服务信息展示（食品、加盟商以及有关新闻等）7、公司地址以及网站产权标识2.1.2后台管理实现功能1、更改产品信息2、发布企业新闻、公益新闻、媒体新闻3、加盟商管理4、普通用户管理5、留言板管理6、网站统计管理2.2功能描述2.2.1前台功能1．公司简介用户可以浏览公司总体信息并看到企业logo，右侧可直接进行用户登录。2．用户注册用户注册成为本站会员，要求用户进行实名制登录。3.会员中心会员对自己资料的修改，帐户的管理，方便企业管理并会给会员用户进行相应优惠活动。4.登录量查询用户可直接在网站首页看到登录数量，也方便后台人员统计，并会给企业管理人员相应的企业策略意识。5.导航栏包括企业总体介绍、产品信息、直接加盟、企业新闻、留言反馈按钮。6.其他服务信息展示有相关食品（热销产品和促销产品为主）配图和相关新闻，以及加盟商信息。7.公司地址以及网站产权标识公司地址和网站产权标识。67 2.2.2后台管理实现功能1、更改产品信息可以查询、增加、删除、更改产品信息及图片，将更改的信息在前台网站显示并将更改的数据保存到数据库中。2、发布企业新闻、公益新闻、媒体新闻将发布的新闻在前台网站显示并将发布的新闻保存到数据库中。3、加盟商管理可以查询、增加、删除、更改加盟商的信息。4、普通用户管理可以查询、增加、删除、更改普通用户的信息。5、留言版管理查看浏览者发送的留言板信息，并将留言板信息进行保存。2.3性能需求1、数据精确度1）要按照严格的数据格式输入，否则系统不予响应进行处理。2）查询时要保证查全率，所有相应域包含查询关键字的记录都应能查到。因为通常有文件的记录会很多，所以本系统采用了两种方法进行查询：直接查询和模糊查询。2、时间特性一般操作的响应时间应在120毫秒内。3、适应性满足网络业务平台的需求（记录量控制在109项内）。对前面提到的运行环境要求不应存在困难。2.4运行需求1、用户界面人性化界面，全新感觉，操作简便，一目了然，视图优美等特点。并且采用菜单界面驱动方式，给操作用户带来了极大的便利，对用户友好。67 2、硬件接口本软件不需要特定的硬件或硬件接口进行支撑。586以上PC机均可运行此软件。3、软件接口运行于Windows2007及更高版本的操作系统之上。4、故障处理正常使用时不应出错，若运行时遇到不可恢复的系统错误，也必须保证数据库完好无损。调试中遇到的问题及解决的方案：1)遇到跳出“数据库已经关闭“提示信息阻止程序运行时可以查看一下进行此项操作时，操作的表是否已经被关闭了或者是在没有关闭此表的情况下又一次运用打开语句打开此表。2)关于空记录带来的麻烦有些空记录往往会使程序无法运行。此时你可用“ifnotisnull”语句先判断一下是否为空记录，再操作。3）有些运行错误也可用补获异常进行处理。 2.5其它需求1、系统的功能实现情况:用户可在本系统下实现各种用户要求的功能2、系统的安全性:对于系统的重要数据都有密码保护，具有一定的安全性3、系统的容错性:用户输错数据都有提示信息，具有较好的容错性能。4、系统的封闭性:用户的封闭性较好，用户基本上在提示信息下输数据。67 第三章网页设计下图3-1所示是馋猫小铺的网站前台主界面：图3-1前台主界面3.1网站导航导航是网站设计不可缺少的基础元素之一，它不仅是信息结构的基础分类，也是浏览者的网站路标。网站导航有很多种，如带图标的文字导航、按钮导航、Flash导航等。在此笔者设计了带图标的文字导航，网站导航设计效果页面如图3-2所示。67 图3-2馋猫小铺网站导航由上图可清晰看出导航栏上面一层是馋猫小铺的标志性LOGOlog、企业标语图片、注册、用户登录和管理员登录：logo是作为企业的标志，代表着一个企业的文化形象，尤为重要，要达到第一眼吸引眼球的效果；“企业标语图片”是蕴含着企业的经营理念，在企业的全面精神振兴中，口号的作用极大，它使人们产生一致的目标，诞生一致的梦想，产生一致的激情，是能给企业带来非常好的宣传效果的；导航栏包括首页、关于我们、产品简介、加入我们、新闻中心和留言反馈六大板块，其下是图片展示栏，滚动展示最新的产品、销量最好的一些产品信息，视觉冲击很强。3.2注册与登录3.2.1.在首页的界面点击注册按键可实现用户与加盟商注册，其界面如图3-3。图3-3注册界面3.2.2.登录分为用户登录与管理员登录，单击相应按钮可实现不同身份的登录与访问，其界面分别如下图3-4与图3-5所示。67 图3-4用户登录界面图3-5管理员登录界面“用户登录”是面向访客及加盟商进行交流而设置的（一般如不进行交流则不必登录），可以随时注册；“管理员登录”是面向网站管理人员进行管理，是网站开发人员分配账号的，因此与用户登录界面相比没有注册键。3.3信息中心信息中心位于网站首页的第四个层次，其左边是关于企业的新闻消息展示区，分为新闻相关文字及配图（左图右文）；右边是关于加盟商的信息，是为企业的发展，市场的开拓而设置其宣传作用的。为了页面的美感，形式同左边新闻消息展示区一样，左图右文。如图3-6所示。图3-6该新闻部分主要显示企业的最新新闻标题与加盟商，点开其文字链接可以看到详细的新闻信息及加盟商信息，让用户处于一种信息透明化环境，增加其信任感，同时给有意加盟的朋友提供可参考的信息，非常便捷。3.4商品展示中心商品展示中心位于网站首页的第五个层次，主要是放置些外观漂亮颜色鲜艳的企业的小吃产品图片，以视觉上的强烈冲击感来增强用户对我们产品的印象，从而达到一个很好的宣传效果。如如图3-7所示。67 图3-7商品展示3.5版权标识位于网站底部版权信息肯定是有用的，是对该网站的版权归属的明确。说明几个问题：他能对他提供的网站内容负有所有的法律责任，如果该网站有侵权问题等都可以通过这个具体机构进行维权。另外，如果其他人非法抄摘该网站的东西时，我们可以追求相关侵权人的法律责任。如如图3-8所示。图3-8商品展示3.6导航栏服务在馋猫小铺网站首页，其导航栏的各项服务都有具体服务信息介绍，内容清晰明了，一目了然。3.6.1关于我们此栏目是对外展示公司的一个窗口，让浏览者通过该栏目了解公司的概况、企业文化、公司简介、公司荣誉和发展历程。此栏目可分为以下几个板块：小铺简介、企业文化、企业荣誉和发展历程，并配以相关图片，图文并貌，丰富生动。1.小铺简介如图所示，小铺简介主要包含小铺背景、规模及发展现状，用户通过点击查看即可展示出本小铺背景、规模及现状发展情况。企业的背景介绍展示了企业的整体基础信息和经营理念。具体如下拼图3-9。67 图3-9小铺简介1.企业文化如图所示，企业文化介绍了我们企业的主要几大文化特点，用户可通过点击浏览查询小铺企业的特点，也可就此了解是否适合自己的消费理念或经营理念（加盟商），为用户提供了一个便捷的信息平台，适应现在快节奏的生活文化。具体如下图3-10所示。图3-10企业文化67 1.企业荣誉该页面主要是向用户展示了自企业成立以来，所获得的相关荣誉成就，是企业实力与核心竞争力的象征，用户通过浏览查询该页面信息，增强对企业其信任感。具体如下拼图3-11。图3-11企业荣誉2.发展历程该页面展示了企业自成立至今的一些历史性的阶段，说明企业的成长历程历经重重困难，是一步步脚印走过来的，实属不易。用户可由此了解到本企业更多的其他增值信息，对有意向加盟休闲食品需求的客户提供更多的服务资讯平台，方便其查看和参考，具体如下图3-12。67 图3-12发展历程3.6.2产品简介该栏目主要介绍各类零食，配以真实的食品图片，对每个产品做各个角度的展示，并且网站管理者可以对图片进行添加、修改、删除。客户能够直观地观赏产品的全貌，并配有产品的详细介绍，产品的数据库信息包括：产品名称、口味、价格、保质期、净含量。使登录者对网站印象深刻，在网站的首页产品的摆放要有层次感。此栏目可以分为以下几个板块：饼干糕点、膨化食品、坚果炒货、糖果巧克力和蜜饯果干，各模块包括的具体产品为：1)饼干糕点：华夫饼、蔓越曲奇饼、肉松饼；67 1)膨化食品：薯片2)坚果炒货：开心果、碧根果、核桃、夏威夷果（图片略）3)糖果巧克力：牛轧糖、太妃糖、纯黑巧克力、榛仁巧克力（图片略）4)蜜饯果干：话梅、芒果干、草莓干（图片略）3.6.3加入我们这是为加盟们专门设置的一个信息录入界面，加盟商进行信息注册后能了解比普通用户更多企业及相关产品信息，而且组成了一个加盟商中心，加盟商们可67 以自由的相互进行交流探讨经营经验，即给他们带来了实际的好处，又能促进企业发展。界面如下图3-13所示。图3-13加入我们3.6.4新闻中心该栏目主要用于发布企业相关新闻，按企业的习惯来分类更要照顾到终端客户感受，按照客户的习惯来分类，方便客户查询。让访客及时了解市场动态、市场行情以及市场政策，有利于了解企业的最新动态。该栏目可以分为以下几个板块：企业新闻、媒体新闻和公益新闻。企业新闻主要进行一些企业新产品的发布和企业发展的相关信息，媒体新闻主要发布一些媒体对于“馋猫”的报道，公益新闻发布一些企业参与的公益活动，扩大企业的影响力。下图以图3-14企业新闻界面为例。67 图3-14企业新闻3.6.5留言反馈当客户有任何问题的时候，或需要定做产品时，随时可以在先发布自己的问题和见解。对于客户的留言和记录情况，管理员在后台可以审核所有留言，诋毁留言随时可以删除。也让顾客有一个交流的平台，为了提高网站的人气，利用口碑的力量宣传网站，更重要的是锁住目标客户。也是为了给客户提供更好的服务。如图3-15所示。图3-15联系我们67 第四章数据库规划与设计4.1需求分析在现在一个什么都是快速的时代，除了正餐，很多年轻人在日常生活中普遍喜欢零食，因为零食的口味好，并且种类繁多，能过满足大部分人的要求。并随着生活的便捷，休闲也成为了当今很多人热衷的生活方式。基于此，我们致力于为人们提供种类丰富，保证健康的零食产品，并在服务过程中倾听消费者的声音，认真改进我们的服务过程，用心聆听消费者，做真正的零食产品。4.2概念设计通过对企业管理的整体分析，我们可以知道企业经营管理涉及前后台管理员、产品信息、用户，管理内容涉及产品信息更新与维护、用户信息管理及加盟商等，其多个业务流程间并非独立，适当构建业务流程图便于对小铺运营环节的分析。下图4-1为管理员相关的业务流程图。图4-1实体与属性的关系图67 对企业各项流程的具体分析和相应业务流程图的绘制清楚的展示了各实体及其属性间的关联性，和业务信息流向及各阶段间的关系，以下为部分实体关系图。实体与属性的联系：图4-2实体与属性的关系图企业各实体，包括食品、用户以及管理员等，通过用户浏览、管理员管理和具体造作将紧密联系在一起，形成了全面直观的E-R图。如图4-3所示。图4-3E-R图67 4.3逻辑设计1)管理员信息表列名数据类型长度登录编号登录编号nchar(10)用户名称用户名称nchar(10)密码密码nchar(10)2)用户信息表列名数据类型长度登录编号登录编号varchar(50)用户名称用户名称varchar(50)密码密码varchar(50)电话号码电话号码varchar(50)电子邮箱电子邮箱varchar(50)3)留言反馈表列名数据类型长度登录编号登录编号varchar(50)用户名称用户名称varchar(50)时间时间datetime内容内容Varchar(MAX)4)产品信息表列名数据类型长度产品类别产品类别varchar(50)产品名称产品名称varchar(50)口味口味varchar(50)价格价格varchar(50)保质期保质期varchar(50)净含量净含量varchar(50)5)饼干糕点表列名数据类型长度产品名称产品名称varchar(50)口味口味varchar(50)价格价格varchar(50)保质期保质期varchar(50)净含量净含量varchar(50)6)坚果类表列名数据类型长度产品名称产品名称varchar(50)67 口味口味varchar(50)价格价格varchar(50)保质期保质期varchar(50)净含量净含量varchar(50)1)蜜饯果干表列名数据类型长度产品名称产品名称varchar(50)口味口味varchar(50)价格价格varchar(50)保质期保质期varchar(50)净含量净含量varchar(50)2)膨化食品表列名数据类型长度产品名称产品名称varchar(50)口味口味varchar(50)价格价格varchar(50)保质期保质期varchar(50)净含量净含量varchar(50)3)糖果巧克力表列名数据类型长度产品名称产品名称varchar(50)口味口味varchar(50)价格价格varchar(50)保质期保质期varchar(50)净含量净含量varchar(50)4.4物理设计4.4.1确定数据库的存放位置为了提高系统性能，现根据应用情况将数据按照易变部分和稳定部分、经常存取部分和存取频率较低的部分分别在两个磁盘上存放。4.4.2确定系统配置此管理子系统需要的微机数量和规模都不必太大，但在系统设计时应考虑到今后的发展需求，在选择硬件设备、服务器操作系统、数据库时都考虑到能够逐步的增加和扩展。67 1）、硬件配置要求：CPU：PII200以上。内存：32MB以上。硬盘：2.1GB以上（可用空间最好在160MB以上）。打印机：推荐EPSONLQ-1600KII2）、软件配置要求：WINDOWSXP以上中文版操作系统。4.4.3数据库创建采用visualstudio2010内置数据库，综合对企业运营模式的分析，分析了建立企业网站所涉及的数据库，并由此创建企业网站数据库，包含管理员信息表、用户信息表、留言反馈表、产品信息表、饼干糕点表、坚果类表、蜜饯果干表、膨化食品表、糖果巧克力表。第五章应用程序设计与实现5.1馋猫小铺网站管理系统概论与设计模式5.1.1小铺网站管理系统概论现代经济领域的一大现象和趋势是企业全球化，在现代网络技术应用的前提下，品牌口碑效益经营思想愈加体现，这是现代企业提高竞争优势的手段。随着现代市场机制的发展，企业更趋专业化、集团化，各公司或集团内部各分公司之间的相互依赖性越来越强，电子商务应用趋向于常规化。我们公司应现代消费消费趋势，并以满足消费者要求为前提开办企业，致力于为消费者提供满意、健康的食品为理念，并为消费者提供人性化的服务。我们的网站管理系统以后台管理，客户和加盟商信息管理为主，通过查询客户登录情况，消费者浏览商品情况以及加盟商的信息等来掌握商品和运营动态，并以此来掌握公司发展状况。67 5.1.2系统设计模式简介现在开发管理信息系统一般都是采用C/S或者B/S模式两种模式，但这两种模式又都有自己的优点与不足。1、C/S模式它的基本思想是我们能在一个地方集中存放信息资源。一般将数据集中保存在某个数据库中，根据他人或者机器的请求将信息投递给对方。客户机／服务器概述的一个关键在于信息是“集中存放”的，这对我们更改信息，然后将修改过的信息发给信息的消费者是方便的。将各种元素集中到一起。信息仓库、用于投递信息的软件以及信息及软件所在的那台机器，这就叫作“服务器”。而对那些在远程机器上的软件，它们需要与服务器通信，取回信息，进行适当的处理，然后在远程机器上显示出来，这些就叫作“客户”。　这里要注意的一个主要问题是单个服务器需要同时向多个客户提供服务。这通常少不了一套数据库管理系统，使设计人员能将数据布局封装到表格中，以获得最优的使用。除此以外，系统经常允许客户将新信息插入一个服务器。这意味着必须确保客户的新数据不会与其他客户的新数据冲突，或者说需要保证那些数据在加入数据库的时候不会丢失。客户软件发生了改变之后，它们必须在客户机器上构建、调试以及安装，所有这些会使问题变得比我们一般想象的复杂得多。所以在具体实现的时候，其他人发。布信息这样一个简单的概念可能变得很复杂。这就可用到客户机／服务器模式了。它可负责从处理订单及发布各类数据的方方面面的任务——股票市场、科学研究、政府运作等等。在过去，我们一般为单独的问题采取单独的解决方案，每次都要设计一套新方案，这些方案无论创建还是使用都比较困难，用户每次都要学习和适应新界面。客户机／服务器问题需要从根本上加以变革。2、B/S模式Browser/Server(浏览器/服务器)结构，是随着Internet技术的兴起，对C/S结构的一种变化或者改进的结构。在这种结构下，用户界面完全通过WWW浏览器实现，一部分事务逻辑在前端实现，但是主要事务逻辑在服务器端实现。B/S结构，主要是利用了WWW浏览器技术，结合浏览器的多种Script语言(JavaScript、VBScript……)和ActiveX技术，用通用浏览器就实现67 了原来需要复杂专用软件才能实现的强大功能，并节约了开发成本，是一种全新的软件系统构造技术。随着Windows98/Windows2000将浏览器技术植入操作系统内部，这种结构更成为当今应用软件的首选体系结构。显然B/S结构应用程序相对于传统的C/S结构应用程序有了巨大的进步。B/S结构采用星形拓扑结构建立企业内部通信网络或利用Internet虚拟专网。B/S结构具有节省投资、跨地域广的优点，无须视企业规模和地理分布确定。企业内部通过防火墙接入Internet，再整个网络采用TCP/IP协议。3、C/S模式与B/S模式的比较C/S的优点是能充分发挥客户端ＰＣ的处理能力，很多工作可以在客户端处理后再提交给服务器。这样对于客户端响应速度很快。缺点主要有以下几个：只适用于局域网。而随着互联网的飞速发展，移动办公和分布式办公越来越普及，这需要我们的系统具有扩展性。这种方式远程访问需要专门的技术，同时要对系统进行专门的设计来处理分布式的数据。客户端需要安装专用的客户端软件。首先涉及到安装的工作量，其次任何一台电脑出问题，如病毒、硬件损坏，都需要进行安装或维护。特别是有很多分部或专卖店的情况，不是工作量的问题，而是路程的问题。还有，系统软件升级时，每一台客户机需要重新安装，其维护和升级成本非常高。对客户端的操作系统一般也会有限制。可能适应于Win98，但不能用于Win2000或WindowsXP。或者不适用于微软新的操作系统等等，更不用说Linux、Unix等。B/S最大的优点就是可以在任何地方进行操作而不用安装任何专门的软件。只要有一台能上网的电脑就能使用，客户端零维护。系统的扩展非常容易，只要能上网，再由系统管理员分配一个用户名和密码，就可以使用了。甚至可以在线申请，通过公司内部的安全认证后，不需要人的参与，系统可以自动分配给用户一个账号进入系统。基于以上分析以及对物流网站系统的需求分析，为实现客户在任何存在互联连网的地方都可以访问系统，不需要下载任何客户端程序，本系统采用B/S模式进行开发设计。67 5.2系统需求分析5.2.1开发系统的理由及目标无论在什么时代，食品方面的安全都是受到人们所重视的。并且在现在随着快速消费兴起，我们应运而生，不仅满足消费者在味蕾上的享受，也注重消费者的安全问题。所以我们在网站上会有食品的详细介绍，并附带有各种信息。基于此，我们在网站上也有用户登录以及注册按钮，加盟商等信息。方便用户直接联系我们。同时页面有访问数，方面后台管理以及企业运营状况的分析。本系统的开发可以得到如下利益：方便公司内部信息共享交流；方便高层管理，方便宣传我公司；方便客户网上了解食品以及其它信息，方便客户信息反馈，更好的改进和提供更好的服务。5.2.2.1前台功能1．公司简介用户可以浏览公司信息并查看公司概况，找到详细商品信息和加盟商信息。2．新会员注册用户注册成为本站会员，要求用户个人需提供实名手机号注册以及电子邮箱。3.会员中心店铺会员对自己资料的修改，帐户的管理，查阅会员所享有的相关优惠信息等。4.服务项目介绍促销信息，商品信息，加盟商信息。5.2.2.2后台管理实现功能1、用户注册信息管理网站管理人员对用户注册信息的编辑分类和管理。2、服务项目信息管理对服务项目的类别的管理。增加、删除、修改。3、客户权限管理管理人员实现对用67 户的分级，不同级别的享受到的折扣不同，或者还有其他的增值服务。4、客户访问统计对网站的流量进行统计。反馈网站的浏览量。5、网站统计管理网站数据的统计，包括会员，服务历史和访问量。是系统的数据操作核心、前台部分客户登录模块：此模块包括用户登录、用户注册、修改资料、找回密码等功能。5.3数据库设计5.3.1数据库连接采用VisualStudio2010内置数据库，无需链接外部数据库。这样操作的优点是简单方便，减少出错的概率。5.3.2数据库操作在编译通过后，可以使用以下模式来对数据库进行操作。通过对数据库操作的封装，可以进行对数据库的所有操作（如插入、删除、修改、查询数据等）。5.4功能的详细设计及实现前台主页功能：用户登录、注册、图片展示、新闻、留言反馈和各类导航等。以下是部分功能模块介绍：5.4.1用户注册前台（部分代码）：67 后台：67 5.4.2登录前台：后台：67 5.4.3加入我们：前台：67 后台：5.4.4留言反馈：前台：67 后台：67 5.4.5管理人员页面前台展示5.5.6普通用户管理前台：67 后台：5.5.7食品添加前台：67 后台：67 5.5.8食品维护前台：67 后台：67 第六章网站测试与上传6.1功能实现的测试6.1.1功能实现的测试网站设计完成后，开发者应该根据用户的目标、功能要求、管理方式、使用习惯等，对网站的功能一一进行测试，测试用户需要的功能是否都已实现。请用户试使用，发现系统设计中隐藏的错误和缺陷，提出后开发者应予以改进，尽可能满足用户的功能需求。6.1.2浏览器兼容性的测试不同的用户可能使用不同的浏览器，不同的浏览器对各种脚本语言的解释总是存在某种差异。因此，在网站建成后，必须让网页能够在绝大多数浏览器中顺利显示，以保证页面的兼容性及显示的一致性，满足大多数用户的需要。应尽可能地使用多种版本的浏览器来测试网页，最好使用大多数用户常用的浏览器版本，尽量不要使用最新版本的浏览器进行测试，因为许多高版本中能显示的效果，在低版本中不一定能够实现。6.1.3超级链接的测试1、检查链接在浏览器中打开本网站，依次浏览各个页面，点击每个链接，检查是否链接到正确位置。2、修复链接检查完链接后，返回VisualStudio2010编辑界面，找到错误链接的位置，改正它的URL，再进行测试和检查，反复如此，直至所有链接全部正确。67 第七章网站宣传、管理与维护7.1网站宣传网站是企业与外界的窗口，是公众了解企业动态、企业环境的重要节点，所以一个当代企业所做的网站一定要进行推广、进行宣传、进行管理。只有做到、做好这几点，才可以在众多网站中脱颖而出，吸引更多的消费群，才可以更好地展现公司科学化、人性化的一面。面对制作网站越来越容易了，推广网站越来越难的状况下，对馋猫小铺网站的推广和宣传我们争取做到一下几点：一、我们做网站，是为了扩大小铺的知名度，扩大客源，让大众了解我们馋猫小铺的环境和服务；二、我们的网站中，我们设置了导航网站登陆，设计了属于本企业的留言板，既方便收集客户意见，也有利于客户心声的反馈。三、捷进为这次网站宣传准备了由7人组成的项目组，我们的工作组人员会定期的更新网站的信息，会让所有馋猫小铺的关注者看到更真实、更美好的企业。我们的网站宣传内容筹备：我们为网站的服务导航、网站导航中提供了捷进所有的服务项目。四、提高企业的知名度，进行商务营销，方便企业内部管理。7.2网站管理7.2.1网站更新网站如果发布到网络之后，经常更新一些您现有的客户或替在的用户日常关注的信息是非常有必要的，例如更新企业动态、产品信息可以让他们及时了解企业的发展情况及动向，增加企业的可信度；更新行业动态、行业信息可以让他们及时关注行业发展形势，增加网站的被关注程度，在行业中树立良好的品牌形象；更新新品上市，产品促销等信息，让客户了解公司产品的最新资讯。同时还可以让网站更受搜索引擎的青睐，更有利于网站排名的提高，让潜在客户更容易找到您。网站更新的主要方式有以下两种：1）静态页面的添加修改67 静态页面的更新需要使用专业的网页设计工具，然后将修改后的网页通过FTP上传到相应的位置，在此同时还要保证不能破坏其他的页面程序和格局。一般来说，企业没有必要配备这种专业人才，所以建议企业最好选择在服务上、技术上都不错的网络公司来负责全面的维护。2）动态功能支持在线更新如果企业信息量很大，如产品经常需要更新，有更多的企业资讯需要告诉访问者，这时候我们通常建议企业建立动态数据库系统。这里的动态并不是指动画，而是指网站的内容来自企业的数据库。如果我们更改了数据库，那么前台页面的内容也会随之而更改。这时需要企业做的只是登陆到网站的后台管理页面，象使用留言板或者邮箱一样发布企业的最新产品、最新资讯了。当然动态数据库系统也支持以上信息的修改和删除。7.2.2网站信息发布网站信息发布对企业信息可在互联网上面无处不在，让搜索引擎增加对企业信息的收录量，更容易使企业潜在客户通过互联网就可以方便快捷的找到。因为网站发布一条信息就好比如多一个业务员在市场上跑动，如果能坚持每天的发布馋猫小铺信息，馋猫小铺新闻，馋猫小铺优惠，小铺就可以在行业中脱颖而出。每天能带来大量的浏览客户到企业网站观顾，现在大部分的企业都比较忽视这一块主要原因都是企业网站没有专职的管理。所以我们要经常进行网站信息发布。7.2.3网站推广网站推广就是以国际互联网络为基础，利用数字化的信息和网络媒体的交互性来辅助营销目标实现的一种新型的市场营销方式。简单的说，网站推广就是以互联网为主要手段进行的，为达到一定营销目的的推广活动。网站推广是指将网站推广到国内各大知名网站和搜索引擎。　国内网站推广是指将网站推广到国内各大知名网站和搜索引擎。主要有搜狐、新浪、网易、百度、雅虎、谷歌等，以及各行业门户网站和电子商务网站的推广。国内推广主要分为商业推广、普通推广、竞价排名、中文地址栏搜索、行业推广等。商业推广主要有搜狐、新浪、网易商业网站推广；竞价排名有搜狐竞价广告、百度竞价排名等；中文地址栏搜索有通用网址；行业推广主要有中国搜67 索联盟以及一些专业的推广软件在各行业网站推广。如果您的网站没有全力的去推广，客户想要找到您的网站就如同大海捞针，希望渺茫。这样的网站形同虚设，不能给企业带来任何直接的利益，这种资源的浪费才是一个企业最大的浪费。所以注重网站推广提供各平台供应、求购信息、发布服务，让我们网罗更多潜在客户。7.2.4网络数据分析网站分析其实就是一个发现问题、分析问题的解决问题的过程。问题的发现可以来源于多方面：网站运营中遇到的问题、用户的反馈和抱怨、日常统计数据的表现异常等；分析问题的过程就是根据遇到的问题运用合理的方法对其进行解释，这也是本站重点探讨的方向；而最后的解决问题则是最为关键的一点，也是目前最被忽视的一点，目前的网站分析工作往往在找到问题后无法落实到寻求最优的解决方案并执行和解决问题这一点上，即使采取了相应的措施也无法进行持续的反馈，并从根本真正地解决问题，很多只是针对一时的举措，而解决问题的过程恰好是最能体现公司执行力的时候，如果没有最终解决问题或者实现优化，那么网站分析就没有丝毫的价值。7.3网站维护随着黑客人数日益增长和一些入侵软件昌盛，网站的安全日益遭到挑战，像SQL注入、跨站脚本、文本上传漏洞等，而网站安全维护也成日益重视的模块。而网站安全的隐患主要是源于网站的漏洞存在，而世界上不存在没有漏洞网站，所以网站安全维护关键在于早发现漏洞和及时修补漏洞。而网上也有专门的网站漏洞扫描工具，如亿思网站安全检测平台，而发现漏洞要及时修补，特别采用一些开放源码的网站。7.3.1网上隐私权保护第一条为促进电子商务健康发展，加强信息共建共享，推进网上隐私权保护制度化、规范化，切实维护网民的权利，根据相关规定，制定本制度。第二条鉴于网络的特性，为了使用户正确有效地使用网站的功能与服务，并便于向用户提供优质高效的服务，网站会提示用户进行注册、填写表单等方式67 提交其个人资料。公司服务部门根据栏目要求，对信息进行审核。如发现用户提交的资料存在虚假、违法内容，相关工作人员可删除该资料并终止该用户的服务。公司技术部须使用相应技术，对用户所提供的资料进行严格的管理和保护，防止个人资料丢失、被盗用或遭窜改。第三条公司服务部门可通过技术手段实现用户自行阅览、补充、修改、删除其资料的功能，或根据用户要求，提供相关服务。第四条在未经用户同意及确认之前，公司不得将用户所提供的个人资料提供给第三方。除非当政府机关依照法定程序要求本网站披露个人资料时，本网站将根据执法单位之要求或为公共安全之目的提供个人资料。第五条公司服务部须在网站页面提示“隐私权保护声明”（如附件），说明网站对用户个人信息所采取的收集、使用和保护政策。7.3.2网站维护的内容1、服务器及相关软硬件的维护，对可能出现的问题进行评估，制定响应时间；网站维护的项目服务器的软硬件维护：包括服务器、操作系统、和Internet联接线路等等，以确保网站的24小时不间断正常运行。网站内容的更新一个好的网站需要定期或不定期地更新内容，才能不断地吸引更多的浏览者，增加访问量。2、数据库维护，有效地利用数据是网站维护的重要内容，服务器软硬件维护：计算机硬件在使用中常会出现一些问题，同样，网络设备也同样影响企业网站的工作效率，网络设备管理属于技术操作，非专业人员的误操作有可能导致整个企业网站瘫痪。没有任何操作系统是绝对安全的。维护操作系统的安全必须不断的留意相关网站，及时的为系统安装升级包或者打上补丁。7.3.3内容的更新、调整等建站容易维护难。对于网站来说，只有不断地更新内容，才能保证网站的生命力；否则网站不仅不能起到应有的作用，反而会对企业自身形象造成不良影响。如何快捷方便地更新网页，提高更新效率，是很多网站面临的难题。现在网页制作工具不少，但为了更新信息而日复一日地编辑网页，对信息维护人员来说，疲67 于应付是普遍存在的问题。内容更新是网站维护过程中的一个瓶颈。网站的建设单位可以考虑从以下六个方面入手，使网站能长期顺利地运转。1）在网站建设初期，就要对后续维护给予足够的重视，要保证网站后续维护所需资金和人力。很多单位是以外包项目的方式建设网站的，建设时很舍得投入资金。可是网站发布后，维护力度不够，信息更新工作迟迟跟不上。网站建成之时，便是网站死亡的开始。2）要从管理制度上保证信息渠道的通畅和信息发布流程的合理性。网站上各栏目的信息往往来源于多个业务部门，要进行统筹考虑，确立一套从信息收集、信息审查到信息发布的良性运转的管理制度。既要考虑信息的准确性和安全性，又要保证信息更新的及时性。要解决好这个问题，领导的重视是前提。3）在建设过程中要对网站的各个栏目和子栏目进行尽量细致的规划，在此基础上确定哪些是经常要更新的内容，哪些是相对稳定的内容。由承建单位根据相对稳定的内容设计网页模板，在以后的维护工作中，这些模板不用改动，这样既省费用，又有利于后续维护。4）对经常变更的信息，尽量用结构化的方式（如建立数据库、规范存放路径）管理起来，以避免数据杂乱无章的现象。如果采用基于数据库的动态网页方案，则在网站开发过程中，不但要保证信息浏览环境的方便性，还要保证信息维护环境的方便性。5）要选择合适的网页更新工具。信息收集起来后，如何"写到"网页上去，采用不同的方法，效率也会大大不同。比如使用Notepad直接编辑HTML文档与用Dreamweaver等可视化工具相比，后者的效率自然高得多。倘若既想把信息放到网页上，又想把信息保存起来以备以后再用，那么采用能够把网页更新和数据库管理结合起来的工具效率会更高。6）网上还有一些人员专门为企业站提供维护支持,例如:在百度里面搜索"易尚互联"这样类型的网站。67 第八章项目小组成员分工及工作日志8.1项目小组成员分工8.1.1项目小组成员组成组长：张梦组员：张梦201307030217黄文镜201307030215邓兰兰201307030222程颖201307030219张厚梅201307030230史玉歌201307030202蒋文娟2013070302208.1.2成员分工前期分工：（前期准备工作）1.统筹安排：张梦2.确立开发主题：全组成员3.资料查找：蒋文娟、黄文镜、张梦4.系统元素确定：黄文镜、程颖5.数据收集：邓兰兰、张厚梅、史玉歌6.版面设计：程颖、蒋文娟、张厚梅7.意见汇总：邓兰兰、张梦、史玉歌PS：以上各版块均不独立，各组员相互协作，所提及的组员均为该项主要负责人。后期分工：（后期项目及呈现）人员分工：张梦：网站策划的制定，制定策划进度表，整理会议记录邓兰兰：制定子栏目及子栏目文字内容，整理会议记录，写网站策划写报告程颖：制定网站构架，制作子栏目信息，子栏目结构的细化和网站结构的改进67 张厚梅：制作网站构架，将产品数据库加入网站后台，将加盟商数据库加入网站后台蒋文娟：制作产品数据库，制作加盟商数据库，数据库的完善黄文镜：制作网站LOGO，产品图片的制作，制作子栏目图片，完善网页图片史玉歌：制作网页首页动态图片，完善网页图片，整理各种数据、信息、文件、代码等PS：以上各版块均不独立，各组员相互协作，所提及的组员均为该项主要负责人。最终组员任务汇总：岗位职责项目组长（张梦）负责项目的管理、沟通、协调及工作审核等事务网站策划（程颖）负责网站的整体结构规划、栏目策划、功能细化等工作程序开发人员（张厚梅）负责网站，系统的开发调试等工作数据库管理维护员（蒋文娟）负责网站应用系统的系统分析，数据库建模等工作美工（黄文镜）负责网站的平面设计、页面制作及动态页面美化等工作文案整理人员（邓兰兰）负责后期整理实习过程中的各种数据、信息、文件、代码等，并整合到实习报告中网站开发协助员（史玉歌）协助美工制作网站的平面设计、页面制作及动态页面美化等工作及协助文案整理人员整理文档8.2工作日志成员1——组长张梦序号时间工作日志备注12015-12-11(星期五)我和我的团队对我们实习期间的工作进行了有效地沟通，明确了我们的分工和接下来67 要做的网站的主题、目标、受众。记录小组讨论日志；制定实习工作安排表；一起写网站策划书。22015-12-14(星期一)我和小组成员对网站前台细节进行讨论，记录小组讨论日志，一起写网站策划书；根据情况调整工作安排表。32015-12-15(星期二)讨论后台的实际运行细节及涉及到的数据库表格；记录小组讨论日志；汇总策划书；制定子栏目“企业文化”部分的文字内容。42015-12-16(星期三)制定子栏目“企业荣誉及发展历程”部分的文字内容；协调工作工作进度。52015-12-17(星期四)根据老师意见修改策划书；协调工作工作进度。62015-12-18(星期五)修改策划书，协调工作工作进度；协助制作网站后台网页。72015-12-21(星期一)协助制作网站后台网页。82015-12-22(星期二)将制作网站后台网页合并到张厚梅的网页文件夹中。整理会议记录及网站策划、工作进度表等文档。92015-12-23(星期三)汇总网站策划和会议记录，发给邓兰兰。102015-12-24(星期四)向老师同学汇报最后的网站项目成果，与小组成员一起完成实习总结报告。成员2——程颖序号时间工作日志备注12015-12-11(星期五)组员讨论，确定本次实习的对象是“馋猫小铺”，定位休闲食品。确定了网站的策划和本次实习的大致计划及馋猫小铺网站制作的人员职责分配。工作安排大体为：第一周讨论确定主题及项目发展方向22015-12-14(星期一)组员讨论确定制作网站logo图案，并讨论出网站前台页面的大致布局，各个页面的67 设置等等，我则在VisualStudio2010中着手构思如何制作网站的各个页面。32015-12-15(星期二)开始网站页面的制作，首先制作了主页面的框架，设置导航栏并链接到具体页面。然后开始制作产品展示页面，由于产品较多，需制作很多页面。42015-12-16(星期三)组员讨论出网站主页版面框架的设计、网页后台模块功能模块后，我继续制作产品展示页面，同时把美工制作好的图片插入主页面和部分内页中，完成产品展示页面后开始着手制作“关于我们”页面的框架。52015-12-17(星期四)把文字编辑人员发来的“小铺简介”、“企业文化”等文章插入到“关于我们”页面中，并设置字体等格式，保持页面的统一。完成后开始制作“新闻中心”页面，同样的把各种新闻插入到网站中设置相应的格式。62015-12-18(星期五)组员进行讨论，精确分析网站后台。完善主页面的设计，图片位置摆放等，并把首页的FLASH图片插入进去。设置导航栏中的链接和内页TreeView的链接。第二周负责资料的收集，意见的反馈和后勤保障72015-12-21(星期一)检查整个前台页面是否正确，调试导航的链接是否正确，准备与后台数据库进行连接。82015-12-22(星期二)把制作好的前台页面拷贝到制作数据库的电脑中整合，与数据库制作人员交流网站功能的实现，并完善不合理的地方。92015-12-23(星期三)继续调试整个网站，对出错的地方进行改正和完善。102015-12-24(星期四)将制作好的网站进行发布，并制作个人的工作日志和实验总结。成员3——邓兰兰序号时间工作日志备注67 12015-12-11(星期五)组员讨论，确定本次实习的对象是“馋猫小铺”，定位休闲食品。确定了网站的策划和本次实习的大致计划及馋猫小铺网站制作的人员职责分配。22015-12-14(星期一)组员讨论确定制作网站logo图案，并讨论出网站前台页面的大致布局，各个页面的设置等等，由我来整理讨论的结果，以会议记录的形式记录下来。32015-12-15(星期二)结合前两次的讨论结果及会议记录材料，开始进行网站策划书的编写，首先确定策划书包含的内容项。42015-12-16(星期三)组员讨论出网站主页版面框架的设计、网页后台模块功能模块，由我来整理讨论的结果，以会议记录的形式记录下来。52015-12-17(星期四)主攻报告编写，并初步完成了首章策划书，并协助主页版面框架的组员程颖查找所需的“小铺简介”、“企业文化”等文字资料。62015-12-18(星期五)组员进行讨论，精确分析网站后台，对现阶段后台部分进行完善处理，由我来整理讨论的结果，以会议记录的形式记录下来。并和组员张梦完成了策划书第二章及第三章网站功能需求与设计说明书编写。72015-12-21(星期一)根据前期数据库负责组员完成的工作，完成数据库数据的收集和录入,并对整个数据库逻辑关系进行梳理，以ER图的形式在策划中展示，使对网站的逻辑设计更加明了完善，别人更易理解我们的网站。82015-12-22(星期二)团队第一次进行代码汇总，参与检查测试网站完成部分的好坏，提出相应改进意见，比如美观上，用户感受上等92015-12-23(星期三)小组成员共同对网站的页面设计及系统功能进行分析，我负责把详细功能列举出来，供大家参考，看是否达到了预期设想的便于及时改正，并完成策划报告的第五章。67 102015-12-24(星期四)团队最终调试网站，形成最终的系统，针对系统小的瑕疵进行进一步修改处理，团队一起编写了完成最终的策划报告和完成了最后的工作日志。成员4——黄文镜序号时间工作日志备注12015-12-11(星期五)第一次小组工作，我们完成了分组、选定了组长，并且确定好分工，开始进行网站具体工作的讨论。很快我们就确定好网站方向和大概布局、内容等。确定了大方向之后，我们就有了工作目标。工作安排大体为：第一周开会讨论，作出网站基本框架和前台。22015-12-14(星期一)和小组成员程颖开始着手网站的美工设计和UI版面。当天设计出了符合网站主题“馋猫小铺”的logo。汇总组员意见后，开始搜索寻找符合要求的美工图片。32015-12-15(星期二)开始对前一工作日找好的美工图片进行修整处理，改进清晰度、尺寸、长宽比等等。并于各个图片之上加上本网站特有的logo。42015-12-16(星期三)开始在网上查询各大网站的主页排版信息，综合各大网站信息，处理主页和子页的主要图片，对比分析他们的优劣，寻找借鉴，。52015-12-17(星期四)收集子页所需图片，并进行分类，确定我们主题风格以橙色为主，所以从图片中筛选出符合橙色清新风格的图片，并将图片进行分类，分为饼干糕点、膨化食品、坚果炒货、糖果巧克力和蜜饯果干。62015-12-18(星期五)总结一整个星期的美工工作，完成最后一点图片修改问题，在寻找和制作主页最上方突出logo的长条横幅，进行一定程度的PS。72015-12-2167 (星期一)编辑各个分页的需求图片，制作出flash需要的各种图片，并进行优化。第二周负责资料的收集和意见的反馈82015-12-22(星期二)与组员一起进行图片的再次筛选，并且用PS再度处理图片，整理出符合网站设计需要的图片，使得图片更符合网站风格，也使得网站更为统一。92015-12-23(星期三)修改整理网页最后的页面布局，与组员一起讨论。102015-12-24(星期四)综合网页信息，制作工作日志，整理资料，合成实验报告。成员5——张厚梅序号时间工作日志备注12015-12-11(星期五)我和我的团队对我们实习期间的工作进行了有效地沟通，明确了我们接下来要做的网站的主题、目标、受众，并进行了分工,提出工作排班意见，访问各种食品网站22013-12-14(星期一)我和小组成员经过前一天晚上的讨论，分工对现有的食品管理进行构思，开始设计框架和主页面，进行选色、布局和搭配32013-12-15(星期二)开始设计登录页面、注册页面还有密码修改页面，考虑网站要实现的功能，进行调试，并设计加盟商加入数据的页面功能42013-12-16(星期三)继续修改注册、登录页面效果，调试加盟商功能，并开始构思食品类需要实现的功能，准备设计食品添加和维护页面52013-12-17(星期四)构建后台数据库，思考总结需要的数据表数，添加各类需要的数据表；62013-12-18(星期五)添加食品添加和食品维护页面，进行功能测试；设计留言板功能72013-12-21(星期一)多次调试留言板功能，想要实现通过其登录的登录名来进行留言，加入链接82013-12-22(星期二)为前台功能页面加背景，设置格式，；进行后台数据库管理系统功能整合，实现前台后台的完整链接67 92013-12-23(星期三)继续前一天的链接设置，运行看效果，再进行多次调整和修改102013-12-24(星期四)连贯运行，调整部分格式和布局，准备展示成员6——蒋文娟序号时间工作日志备注12015-12-11(星期五)整个团队进行了沟通和交流，明确了我们接下来要做的网站的主题、目标、受众，并根据自己的能力选择相应的职务，确定小组成员每个人的职责，我主要担任本团队的数据库管理维护员，负责网站应用系统的系统分析，数据库建模等工作。工作安排大体为：第一周讨论确定主题及项目发展方向22015-12-14(星期一)参照类似于伊利企业，我和小组成员合作对现有的食品网站进行了分析，结合自己的实践经验，我们画出了相应的布局图。完成了网站页面的大概规划构思。32015-12-15(星期二)我开始进行数据库的设计，首先根据我们自己的网站的主题及受众人群，考虑哪些地方要添加数据库，以及设计每个地方数据库的功能。42015-12-16(星期三)在网上查询收集登录、注册以及留言等页面的背景图片，并用PS工具进行设计修改。52015-12-17(星期四)和本团队的程序开发人员进行沟通交流，基本确定了在哪些地方进行数据库连接。62015-12-18(星期五)基本确定了本网站所涉及的所有数据库功能，包含管理员登录、用户登录、留言反馈、产品信息的添加及维护。并建立相应的产品信息表、用户信息表及相应的存储过程，并和程序设计人员一起进行代码设计以实现我们所要功能。第二周负责资料的收集，意见的反馈和后勤保障72015-12-21(星期一)将设计好的后台数据库与前台进行连接，同时对存在争议的地方进行讨论，在得出一致意见时，对后台数据库进行完善。82015-12-2267 (星期二)和前台设计人员进行沟通交流，不断改进完善自己的数据库功能。92015-12-23(星期三)对初步完成的网站进行集体的意见汇总，并讨论分析，不断运行调试整个网站，对出错的地方进行改正和完善。102015-12-24(星期四)将制作好的网站进行发布，并制作个人的工作日志和实验总结。成员7——史玉歌序号时间工作日志备注12015-12-11(星期五)我们组内讨论了本次网站策划的主题，并大体安排了一下步骤。在此基础上，我们制定了工作进度表，每个人承担了不同的工作。在每次的上机课时，务必按照进度来，不能拖慢整个组的进程。22015-12-14(星期一)网站策划已完成，以此结合主题来查找图片，根据需要来制作一个属于自己的logo，根据进度来制作符合要求的图片。32015-12-15(星期二)将大多数产品图片制作完成，有些图片做的没有更好的色彩度，因此有的图片重新找的或是能够更进一步的调整色彩。42015-12-16(星期三)制作网页首页动态图片，但由于需要用于网站，需要用fireworks来做，我没有掌握，由同组的邓兰兰来制作了首页动态图。由组内的协同工作完成了本次任务52015-12-17(星期四)查找并制作了网站子栏目的图片62015-12-18(星期五)查找并制作了网站子栏目的图片，协同组长完成小组实验报告72015-12-21(星期一)完善网页图片，协同组长完成小组实验报告82015-12-22(星期二)完善网页图片，协同组长完成小组实验报告92015-12-23(星期三)将各种数据、信息、文件、代码等，并整合到实习报告102015-12-24(星期四)将各种数据、信息、文件、代码等，并整合到实习报告，写个人实验报告67 8.3会议记录第一次记录时间：2015年12月11日地点：6A503参加人员：张梦、程颖、蒋文娟、邓兰兰、黄文镜、张厚梅一、人员职责分配1.党老师设置网页策划与设计项目组职务；2.小组成员说明自己在网页策划与设计中擅长的部分；3.小组成员选出项目经理为张梦；4.小组成员根据自己的能力选择相应的职务，项目经理对选择冲突的成员进行调节。5.确定小组成员每个人的职务与职责，如下表：职务职责项目组长（张梦）负责项目的管理、沟通、协调、每次会议记录及工作审核等事务网站策划（程颖）负责网站的整体结构规划、栏目策划、功能细化等工作程序开发人员（张厚梅）负责网站，系统的开发调试等工作数据库管理维护员（蒋文娟）负责网站应用系统的系统分析，数据库建模等工作美工（黄文镜）负责网站的平面设计、页面制作及动态页面美化等工作文案整理人员（邓兰兰）负责后期整理实习过程中的各种数据、信息、文件、代码等，并整合到实习报告中二、网站总体策划1.网站题材小组成员一起浏览了多家企业网站，一致认为伊利企业的网站效果很好，网站栏目清晰，操作简易。同时根据老师对本次实习的要求，我们将网站的题材定为零食企业网站。类似于伊利企业：67 该零食企业为接收零食加盟商，为加盟商提供零食货物。1.网站题目为突出零食企业的特点，使题目更加大众化、朗朗上口，网站题目为馋猫小铺。2.网站定位馋猫小铺网站是一个零食企业网站，通过该网络平台向大众尤其是加盟商全方位展示企业形象及馋猫零食产品。提供一个方便的与加盟客户“面对面”的交互平台。通过这个平台，企业可以以最快的速度了解加盟商对产品和服务的意见、建议，从而更好地满足需要。3.网站标语为突出企业的特点——“零食”，以及符合网站的定位，大家一致认为将“让嘴巴去旅行”作为网站的标语，该标语尖端精炼，也容易吸引浏览企业网站的人。4.网站logo为与网站题目相符，大家初步将logo设定为一只小猫与网站题目相结合的样式。Logo中的网页题目字体采用艺术字体。具体logo样式由美工（黄文镜）收集素材后商定。5.网站目标通过网站，达到传递公司文化、扩大企业知名度的作用。视觉和格式分布上对浏览者产生一种吸引，能留住浏览网站的潜在客户。网站后台管理简单、方便的同时又能实现相应的功能。将客户相关信息进行反馈收集做出的统计，实现部分管理功能、客户资源管理功能。发布新闻，让访客认知、熟悉品牌，培养品牌忠诚度的宣传功能。67 一、决定下次商议时间将下次商议时间定为2015年12月11日晚上8点，地点为芙一115寝室。二、任务1.项目组长（张梦）制定本次网页设计的工作进度表。2.美工（黄文镜）收集图片，制作网站logo。3.网站策划（程颖）、程序开发人员（张厚梅）、数据库管理维护员（蒋文娟）一起构思网站页面的大概规划。第二次记录日期：2015年12月11日地点：芙一115寝室人员：张梦、程颖、张厚梅、蒋文娟、邓兰兰、黄文镜三、确定网站logo四、网站页面策划1.标准色橙色和白色。网站总体颜色为橙色，橙色有增进食欲、亲切的功能，在视觉上吸引浏览者。网站字体颜色为白色，使整个网站看起来清新简洁。2.标准字体宋体。网站的主要内容字体为宋体，使网站看起来较为正式。部分标题字体则根据网站的效果设置合适的字体。3.整体风格67 采用橙色为主色调，活泼大气，富有视觉冲击，使用户一进网站就能感受到“馋猫”的氛围，唤起访客们的味蕾，重点突出“馋猫”产品的特点和企业文化。1.网站栏目根据伊利公司网站的栏目设置，将馋猫网站的网站栏目分为五个部分：网站首页、关于我们、产品简介、新闻中心、留言反馈、加入我们。2.网站具体栏目内容网站首页为“馋猫”品牌明星零食的图片动态展示，动态效果采用伊利网站首页的图片动态显示效果。使浏览者一进到该网页就能看到企业明星产品，促进企业明星产品的销售。关于我们67 此栏目是对外展示公司的一个窗口，让浏览者通过该栏目了解公司的概况、企业文化、公司简介、公司荣誉和发展历程。此栏目可分为以下几个板块：小铺简介、企业文化、企业荣誉和发展历程，并配以相关图片，图文并貌，丰富生动。产品简介该栏目主要介绍各类零食，配以真实的食品图片，对每个产品做各个角度的展示，并且网站管理者可以对图片进行添加、修改、删除。客户能够直观地观赏产品的全貌，并配有产品的详细介绍，使登录者对网站印象深刻，在网站的首页产品的摆放要有层次感。此栏目可以分为以下几个板块：饼干糕点、膨化食品、坚果炒货、糖果巧克力和蜜饯果干，各模块包括的具体产品为：饼干糕点：华夫饼、蔓越曲奇饼、肉松饼、夹心饼干；膨化食品：薯片坚果炒货：开心果、碧根果、核桃、夏威夷果糖果巧克力：牛轧糖、太妃糖、纯黑巧克力、榛仁巧克力蜜饯果干：话梅、芒果干、草莓干产品的数据库信息包括：产品名称、口味、价格、保质期、净含量。新闻中心该栏目主要用于发布企业相关新闻，按企业的习惯来分类更要照顾到终端客户感受，按照客户的习惯来分类，方便客户查询。让访客及时了解市场动态、市场行情以及市场政策，有利于了解企业的最新动态。该栏目可以分为以下几个板块：企业新闻、媒体新闻和公益新闻。企业新闻主要进行一些企业新产品的发布和企业发展的相关信息，媒体新闻主要发布一些媒体对于“馋猫”的报道，公益新闻发布一些企业参与的公益活动，扩大企业的影响力。留言反馈当客户有任何问题的时候，或需要定做产品时，随时可以在先发布自己的问题和见解。对于客户的留言和记录情况，管理员在后台可以审核所有留言，诋毁留言随时可以删除。同时让顾客有一个交流的平台，为了提高网站的人气，利用口碑的力量宣传网站，更重要的是锁住目标客户。也是为了给客户提供更好的服务。加入我们67 为加盟商提供一个联系企业的平台，通过在线填写相关信息，向企业申请加盟，待企业审核通过后联系申请人。一、决定下次商议时间将下次商议时间定为2015年12月14日下午2:30，地点6A503二、任务1.项目组长（张梦）、文案整理人员（邓兰兰）：整理本次会议记录。2.项目组长（张梦）：根据实际情况调整工作进度表。3.美工（黄文镜）：制作零食产品图片。4.网站策划（程颖）、程序开发人员（张厚梅）：制作网站框架。5.数据库管理维护员（蒋文娟）：创建产品的数据库。第三次记录日期：2015年12月11日地点：6C502教室人员：张梦、程颖、张厚梅、蒋文娟、邓兰兰、黄文镜一、网站主页版面框架的设计网站整体结构的划分按从上到下的层次我们首先把整个页面划分为6个层次第一层作为最上层，是网站访问者首先注意的地方，要简洁明了且有特点，具体分为四栏:logo、企业标语图片、当前访客量、登录logo是作为企业的标志，代表着一个企业的文化形象，尤为重要，要达到第一眼吸引眼球的效果，所以根据人们的习惯及众多网站的历史经验，放在这层的左边（整个网页的左上角）。“企业标语图片”是蕴含着企业的经营理念，在企业的全面精神振兴中，口号的作用极大，它使人们产生一致的目标，诞生一致的梦想，产生一致的激情，是能给企业带来非常好的宣传效果的，所以放在该层的正中间位置，且占整层的三分二左右。67 “当前访客量“是为了方便我们后台管理，实时监测网站访问量，进行统计与分析，方便网页管理平台的进一步优化，主要是对内部管理人员有价值，但又为了便于观察就放在该层比较容易找到的左边位置。“登录”是面向网站管理人员进行管理及访客进行交流而设置的（一般如不进行交流则不必登录），所以同“当前访客量“一样放在左边，也是众多网站习惯性的设置。第二层作为整个页面上半部位置，相对于来说是人们眼球较易停留的地方，而导航的作用是起一个引导作用，让人一目了然，网友一看就知道自己要找的东西在哪个栏目，这样方便了用户，不用慢慢找了。所以这个位置是设置“导航栏”最佳位置，几乎是所有的网站都是如此，我们当然就也如此设置。第三层作为整个页面最中心的部分，且占整个版面最大面积，是人们眼球很快捕捉到且停留最长时间的最适合放置企业最新动态图的位置，然而我们作为一个主营休闲零食的企业，更多的是为吸引顾客群体，当然得用来放置我们美美的食物图片来吸引“馋猫”访客们，所以这个位置用来用轮播的动态图片展示最新的产品、销量最好的一些产品。第四层处于页面中部偏下一点的位置，相对于第三层来说可能展示效果稍差点，但访客停留时间也可以算比较长的，也不失为一个比较理想的展示区，主要分左右两边：左边是关于企业的新闻消息展示区，分为新闻相关文字及配图（左图右文）；左边是关于加盟商的信息，是为企业的发展，市场的开拓而设置其宣传作用的。为了页面的美感，形式同左边新闻消息展示区一样，左图右文。第五层处于页面下半部分，相比较下来，算是一个较冷清的部分，人们的眼球很少到达，为了弥补这一缺陷，充分利用网站的宣传作用，我们在这放置一些外观漂亮颜色鲜艳的企业的小吃产品图片，把这部分的关注度大大提升了。第六层作为企业的最底层，我们在这一位置除了设置了网站产权标识，也为对我们企业感兴趣的访客留下了企业地址，欢迎他们实地考察并加入我们。最终讨论结果草图如下：Logo企业标语图片当前访客量登录67 导航栏新产品及热销产品动态图片展示配图新闻相关文字及配图加盟商的信息小吃产品静态图片展示地址网站产权标识二、后台管理功能为了使以后企业管理人员能轻松地对网站进行管理，及时发布企业产品信息及企业新闻，并对留言建议等进行有效的管理，经大家商量后决定后台管理功能包括以下内容：1.更改产品信息：可以查询、增加、删除、更改产品信息及图片，将更改的信息在前台网站显示并将更改的数据保存到数据库中。2.发布企业新闻、公益新闻、媒体新闻：将发布的新闻在前台网站显示并将发布的新闻保存到数据库中。3.加盟商管理可以查询、增加、删除、更改加盟商的信息；4.普通用户管理可以查询、增加、删除、更改普通用户的信息；5.留言板管理查看浏览者发送的留言板信息，并将留言板信息进行保存。三、决定下次商议时间将下次商议时间定为2015年12月15日下午2:30，地点6C503四、任务：67 1.项目组长（张梦）、文案整理人员（邓兰兰）：整理子栏目关于我们、相关新闻的内容。2.项目组长（张梦）：根据实际情况调整工作进度表。3.美工（黄文镜）：制作首页动态图片。4.网站策划（程颖）、程序开发人员（张厚梅）：制作网站框架，制作子栏目网页。5.数据库管理维护员（蒋文娟）：创建产品的数据库。6.网站开发协助员（史玉歌）：协助美工制作首页动态图片。第四次记录日期：2015年12月15日地点：6A501人员：张梦、程颖、张厚梅、蒋文娟、邓兰兰、黄文镜、史玉歌上次会议大概地讨论了网站后台的功能，本次会议则对网站进行详细地分析。一、精确分析网站后台1.产品信息管理可以查询、增加、删除、更改产品信息，将更改的信息在前台网站显示并将更改的数据保存到数据库中。信息在数据库中的表格数据形式：产品信息表列名数据类型长度产品类别产品类别varchar(50)产品名称产品名称varchar(50)口味口味varchar(50)价格价格varchar(50)保质期保质期varchar(50)净含量净含量varchar(50)67 产品信息增添网页布局框架食品信息添加产品类别产品名称口味价格保质期净含量删除修改删除按钮的功能：可以删除现有的产品信息。修改按钮的功能：修改产品信息，并将产品信息保存到数据库中。产品信息维修网页框架表食品信息维护产品类别显示信息产品名称口味价格保质期净含量确定显示信息按钮的功能：点击显示信息按钮，在产品信息维修表中将显示要修改产品的信息，在文本框中可以对产品信息进行修改。67 确定按钮的功能：点击确定，将修改后的产品信息保存到数据库中。2.加盟商管理可以查询、增加、删除、更改加盟商的信息；信息在数据库中的表格数据形式：列名数据类型长度加盟编号加盟编号varchar(50)联系人联系人varchar(50)电话号码电话号码varchar(50)地址地址varchar(50)EmailEmailvarchar(50)备注备注varchar(50)日期日期varchar(50)加盟商网页框架表管理加盟编号联系人电话号码地址Email备注日期编辑删除编辑删除编辑删除编辑删除编辑删除编辑删除3.普通用户管理可以查询、增加、删除、更改普通用户的信息；信息在数据库中的表格数据形式：列名数据类型长度登录编号登录编号varchar(50)用户名称用户名称varchar(50)密码密码varchar(50)电话号码电话号码varchar(50)67 电子邮箱电子邮箱varchar(50)普通用户网页框架表管理登录编号用户名称密码电话号码电子邮箱编辑删除编辑删除编辑删除编辑删除编辑删除编辑删除4.留言板管理查看浏览者发送的留言板信息，并将留言板信息进行保存。信息在数据库中的表格数据形式：列名数据类型长度登录编号登录编号varchar(50)用户名称用户名称varchar(50)时间时间datetime内容内容Varchar(MAX)普通用户网页框架表管理登录编号用户名称时间内容编辑删除编辑删除编辑删除编辑删除编辑删除编辑删除一、任务1.项目组长（张梦）、文案整理人员（邓兰兰）：整理本次会议记录，整理文档。67 1.美工（黄文镜）、网站开发协助员（史玉歌）：制作网站图片。2.网站策划（程颖）、程序开发人员（张厚梅）、数据库管理维护员（蒋文娟）制作网站。67'