本科毕业论文-基于CMS的品牌商城的设计与实现

概述1.1论文背景B2C作为电子商务的一种典型商务模式，在网络支付问题逐步解决之后，近几年发展的尤为迅速。B2C商城通过互联网为消费者提供了一个新型的购物环境，具有开放性、全球性、低成本、高效率的特点[1]。据发达国家电子商务发展经验来看，未来在我国B2C必将凭借其更高的可信度、更低的用户购买成本而逐步替代C2C成为最主要的电子零售方式[13]。同时消费者通过B2C的商城购物环境，网络实现购物、在网上支付。由于这种模式节省了客户和企业的时间和空间，大大提高了交易效率，特别对于工作忙碌的上班族，可以为其节省宝贵的时间。而设计B2C的网站思路及购物流程对整个商城而言是不可或缺的前提条件。作为一种新的贸易形式所具有的价值，它不仅会改变企业本身的生产、经营、管理活动，而且对整个整个社会的经济运行与结构产生一定影响。1.2网站功能概述ByTheR中国官网网站，是一个来自韩国的服装品牌的官网网站集合了品牌宣传和服装购买等功能。在设计上主要采用了黑暗的风格再加上另类的界面体现出了品牌的独特个性和时尚，前台开发主要采用了现在主流的div+css架构，对比与表格布局无论是在页面优化还是访问速度等方面都有了很大的提升，而且有一定的兼容性。后台是基于织梦CMS商城系统二次开发而成，采用的是php+mysql的主流开发环境。商城主要功能版块分为：（1）网站展示：商品展示，商品查询，文章展示，帮助文档，新闻公告。（2）会员模块：会员注册\登入\登出相关功能，订单信息，购物车

，维护个人信息，维护收货地址

，评论相关功能。（3）商品订单：商品分类管理，商品管理，商品属性管理，订单管理。（4）促销功能：促销方案包等相应促销方案。（5）信息管理：新闻模块，公告模块，帮助文档制作。（6）基础功能：网上支付功能，任务机制，搜索功能。（7）统计报表：销售统计，用户行为统计，产品预告、预警。（8）系统管理：管理员管理，角色权限。1.3开发平台及工具概述商城的开发主要采用的是基于织梦CMS的php+mysql应用平台，采用软件WampServer搭建WAMP环境，服务器环境进行了端口优化，用Serv-u实现ftp功能[15]。开发工具包括设计软件Photoshop，Dreamweaver，Flash等，主要是前台页面的设计与网站布局。涉及Html，Div+css，JavaScript,，Php，SQL等语言。1.4技术综述（1）网站服务器平台与环境的搭建。主要用到windows7服务器的基本操作；以及改操作系统下php+mysql++apache的环境配置[4]。以及服务器的安全配置，如有效防止DDOS攻击等。用到的软件（windowsnt，php，apache，zend，mysql以及数据库管理软件phpmyadmin）。（2）界面设计。界面对于网站来所是非常重要的一部分，在设计上一定要非常用心。用的的软件（photoshop，flash，GIFAnimator）（3）页面设计。用户对网站最直观的体验来自网站的页面设计，所以网站的页面设计要符合本品牌的特质，同时要有新意令人印象深刻[14]。准确的，有创意的前台设计，对网站的宣传推广有事半功倍的效果。网页设计放弃table布局，采用DIV+CSS，有效的减少代码长度，提高页面访问效率，也有一定的兼容性。用到的软件（Dreamweaver，notebookjs）。（4）后台程序，这是网站建设最为重要的一步，是前台实现交互的前提。将后台程序内嵌到前台页面中，后台程序的二次开发。用到技术（php，mysql，apache伪静态）。2相关工具介绍及使用2.1WampServer（1）简介Windows下的Apache+Mysql+Perl/PHP/Python，一组常用来搭建动态网站或者服务器的开源软件，本身都是各自独立的程序，但是因为常被放在一起使用，拥有了越来越高的兼容度，共同组成了一个强大的Web应用程序平台[17]。WampServer是一款由法国人开发的ApacheWeb服务器、PHP解释器以及MySQL数据库的整合软件包。免去了开发人员将时间花费在繁琐的配置环境过程，从而腾出更多精力去做开发。在windows下将Apache+PHP+Mysql集成环境，拥有简单的图形和菜单安装和配置环境。PHP扩展、Apache模块，开启/关闭鼠标点点就搞定，再也不用亲自去修改配置文件了，WAMP它会去做。再也不用到处询问php的安装问题了，wampserver一切都搞定了[16]。这个软件是完全免费的，可以在其官方网站下载到最新的版本。本文中使用的版本是WampServer2.0f（发布日期2008年12月16日），其中包括Apache2.2.11，PHP5.2.8，MySQL5.1.30。目前版本更新到WampServer2.2E，包含版本：Apache2.2.22，Mysql5.5.24，PHP5.4.3，XDebug2.1.2，XDC1.5，PhpMyadmin，SQLBuddy1.3.3，webGrind1.0[3]。（2）语言Wampserver支持22种语言，其中有中文简体和中文繁体（安装并启动后右键托盘图标即可轻松更改）。（3）特点支持中文语言，一键安装，省时省力；任何人都可以轻松搭建集成同时支持PHP扩展、Apache的mod_rewrit，使用方便一键启动、重启、停止所有服务，一键切换到离线状态等等[18]。（4）支持wampserver还支持phpmyadmin,SQLiteManager。不用去输入复杂的SQL语句管理MYSQL数据库，直接从phpmyadmin管理即可。2.2PHOTOSHOPDREAMWEAVERPhotoshop是Adobe公司旗下最为出名的图像处理软件之一，集图像扫描、编辑修改、图像制作、广告创意，图像输入与输出于一体的图形图像处理软件，深受广大平面设计人员和电脑美术爱好者的喜爱[2]。从功能上看，Photoshop可分为图像编辑、图像合成、校色调色及特效制作部分。PHOTOSHOP界面。图像编辑是图像处理的基础，可以对图像做各种变换如放大、缩小、旋转、倾斜、镜像、透视等。也可进行复制、去除斑点、修补、修饰图像的残损等[20]。这在婚纱摄影、人像处理制作中有非常大的用场，去除人像上不满意的部分，进行美化加工，得到让人非常满意的效果[19]。图像合成则是将几幅图像通过图层操作、工具应用合成完整的、传达明确意义的图像，这是美术设计的必经之路。photoshop提供的绘图工具让外来图像与创意很好地融合，成为可能使图像的合成天衣无缝[10]。校色调色是photoshop中深具威力的功能之一，可方便快捷地对图像的颜色进行明暗、色编的调整和校正，也可在不同颜色进行切换以满足图像在不同领域如网页设计、印刷、多媒体等方面应用[8]。特效制作在photoshop中主要由滤镜、通道及工具综合应用完成。包括图像的特效创意和特效字的制作，如油画、浮雕、石膏画、素描等常用的传统美术技巧都可藉由photoshop特效完成[5]。而各种特效字的制作更是很多美术设计师热衷于photoshop的研究的原因。Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。2.2.1最佳的制作效率Dreamweaver可以用最快速的方式将Fireworks，FreeHand或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。Dremweaver能与您喜爱的设计工具，如PlaybackFlash，Shockwave和外挂模组等搭配，不需离开Dreamweaver便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。2.2.2网站管理使用网站地图可以快速制作网站雏形、设计、更新和重组网页。改变网页位置或档案名称，Dreamweaver会自动更新所有连结[6]。使用支援文字、HTML码、HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。2.2.3无可比拟的控制能力Dreamweaver是唯一提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧（frames）和表格的制作速度快的令您无法想像[11]。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组，Dreamweaver支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置[12]。所见即所得Dreamweaver成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给Third-party厂商，包含ASP，Apache，BroadVision，ColdFusion，iCAT，Tango与自行发展的应用软体。当您正使用Dreamweaver在设计动态网页时，所见即所得的功能，让您不需要透过浏览器就能预览网页[9]。梦幻样版和XMLDreamweaver将内容与设计分开，应用于快速网页更新和团队合作网页编辑。建立网页外观的样版，指定可编辑或不可编辑的部份，内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式[7]。您也可以使用样版正确地输入或输出XML内容。Dreamweaver还集成了程序开发语言，对ASP、.NET、PHP、JS的基本语言和连接操作数据库，都是完全支持的。2.3环境搭建单击“Next”，出现许可条款如图1所示。 图1环境搭建步骤一选择Iaccepttheagreement，单击Next，出现选择安装窗口如图2所示。图2环境搭建步骤二默认路径是C:\wamp，可以单击Browse（浏览）自己选择一个安装的路径，这里我用默认路径。点击Next，出现创建快捷方式选项窗口如图3所示。 图3环境搭建步骤三第一个是在快速启动栏创建快捷方式，第二个是在桌面创建快捷方式，我选择第二个，方便以后打开。单击Next，出现信息确认窗口如图4所示。 图4环境搭建步骤四信息确认无误后，单击Install（安装），过程如下图如图5所示。 图5环境搭建步骤五正在安装如图6所示。 图6环境搭建步骤六安装接近尾声时会提示让你选择默认的浏览器，如果你不确定，点“打开”即可,如图7所示。 图7环境搭建步骤七后续会让你输入一些PHP的邮件参数信息，这些保留默认的内容就可以了如图8所示。 图8环境搭建步骤八一路点Next就可以完成基本的安装步骤了。这时就能在桌面上能看到程序标了如图9所示。 图9环境搭建步骤九并且在任务栏的系统托盘中能找到WampServer的标志。 3系统需求3.1网站概述伴随着网络和科技的高速发展，网络几乎已经覆盖了世界的每个角落，网上购物也就顺理成章的快速发展着，而且现在的网购也更加被人所接受，上到60多岁的老人下到10多岁的孩子都是网购的粉丝，所以网络品牌商城的建立对一个企业来说是极为重要的。品牌商城既可以起到宣传品牌增加品牌知名的的效果，同时又可以直接销售，减少了企业的很多附加成本起到增加利润的作用。本论文设计的品牌商城是一个集商品销售、企业品牌展示、购物交流为一体，提升企业品牌价值的同时进行销售的综合型网站。并且现在任何一个接入到万维网的用户都可以通过浏览器输入http://cn.byther.co.kr/访问到该网站。在此主要阐述了网站设计的方案设计，和系统模块的建立，系统设计需要设计软件系统的体系结构、用户界面、数据库、模块等，从而在需求与代码之间建立桥梁。系统设计分两个阶段：高层设计阶段和详细设计阶段，高层设计阶段的重点是网站的体系结构设计。详细设计阶段的重点是管理界面设计、数据库设计和模块设计。在体系结构设计之前要阅读需求文档，明确设计任务。3.2网站功能需求用户分为一般用户注册会员和管理员用户等用户管理权限；一般用户可以在未登录的情况下浏览网站和进行评论并且可以签加到购物车但不可以购买，注册会员可以进行会员登录，评论，收藏，添加购物车并购物等功能，有比较成熟的购物车功能，用户可以通过搜索检索到自己所需求的商品信息；有一个成熟的用户中心功能板块。通过织梦后台可以进行商品发布，进行及时的商品更新同时实现友情链接，公告，资讯等功能，使整个系统容易维护，便于功能扩充。3.2.1前台的主要功能前台作为与用户直接交互的界面，采用的黑色的设计风格体现出品牌神秘核狂野的特点同时彰显着时尚的气息，体现着年轻人追求市场标新立异的时代特点。在保持个性的同时又不失简洁，让更多的人轻松的浏览该网站。注重个性的同时不失大气，是一个人容易别人记住的网站。用户中心用户注册：每一个浏览该网站的用户，如果想要对本网站的商品进行收藏，购买以及其他用户功能，首先必须成为注册用户。用户注册成功后，网站将该用户的所有注册信息保存到数据库中，而这些信息将作为用户以后登录和网站提供更多服务时的依据。用户登录：登录，识别用户身份，可以增添用户的其他个人信息，实现了对用户信息的更新。用户信息：用户在注册的时候输入的信息会出现在改用户登陆以后的用户中心里，在选择用户中心的用户信息可以找到注册时用户提交给网站的用户信息，同时，用户可以在登陆以后对用户信息进行修改。订单管理：用户通过购买本商城的商品生成的购物订单会出现在用户中心的订单管理中，商城管理员对用户的订单的处理结果也会出现在订单管理中。（2）商品信息管理商品信息浏览：可方便快捷查看到本网站的商品。（3）购物车购买：用户点击购买商品，商品即添加购物车，添加到购物车的商品，可以点击删除或添加到收藏等操作，也可会到首页继续选择自己心仪的商品。结算中心：确定购买后，进入到结算，结算页面会出现用户商品信息，用户信息，支付方式，配送方式等等，点击结算进入支付。3.2.2后台的主要功能通过管理员登陆后台可以进行最新商品的发布，新闻的发布更新网站信息，修改删除网站数据，同时可以删除本网站的无效的客户信息后者无效的留言等等。（1）管理员登陆管理员登录后台时要进行验证，采用验证码技术，而且在系统里对管理员密码进行算法加密，以免非管理员权限用户进入后台数据库修改管理员密码，进行非正常操作。对后台管理员进行权限分配和添加、修改、删除。（2）商品管理发布商品的基本信息，并能对其进行添加、修改、删除。（3）商品类别的管理提供商品类别添加，删除，修改，转移和商品大小类的添加，删除，修改功能。（4）订单管理对注册用户根据购买的商品信息所提交的订单进行管理，回复和支付控制功能。（5）注册会员管理管理该系统的注册会员，包括对注册会员的审核，删除等功能，可以实现对注册会员信息的修改但不建议这样做。（6）资讯管理在网站内进行新闻的发布和更新，提供管理员对新闻类别的管理和新闻内容的管理功能。（7）评论管理管理员对注册用户提交的留言进行回复，和对该留言的删除功能，同时也提供管理员发布系统的留言公告功能。（9）送货/付款方式管理员根据需求对送货方式和支付方式进行添加、修改、删除以及需要支付的附加款数目。3.3业务流程分析3.3.1系统的业务流程图商城系统是一个复杂,全面包含着许多的个体的综合性系统，需要用户和管理员的参与才能使商城系统正常的运行。用户是商城系统的基础，用户具有浏览网站选购商品等功能，而管理员是是商城系统的核心，管理员可以管理网站用户，同时使用后台的诸多功能。用户和管理员是相辅相成缺一不可的关系。因此，针对用户将要用到的功能和特点，此系统可以分为前台系统和后台系统。前台系统包括用户登陆和注册、商品管理与搜索、购物车功能、资讯发布；后台系统包括商品管理、订单管理、用户管理和送货/付款方式等功能。其中后台系统功能的使用者应该是网站管理员，所有的功能设计都应该以管理员的权限为核心。网站流程图是从用户的角度开始的，登录用户可以更好地购买本站商品体验网站更多的功能，给用户更好的购买体验；而未登录用户仅仅可以浏览信息，不能对商品进行收藏等，网站用户流程图如图10所示。图10用户流程图商城中的购物流程是商城中最重要的一环，购物流程图如图11所示。图11购物流程图商城的后台管理比较复杂，后台管理结构图如图12所示。图12后台管理结构图3.4数据流程分析3.4.1管理员数据流程本系统主要针对的是后台的设计，其数据流程分层表示如下：第一步进入管理员登陆界面，管理员登陆时，会对管理员进行验证，并把验证信息反馈给管理员；然后进入后台系统，管理员可以添加新的管理员，并把信息反馈给管理员。管理员信息数据流程图如图13所示。图13管理员信息数据流程图3.4.2商品管理，分类管理数据流程管理员登录后，可以对商品模块进行管理，商品模块包含商品列表、添加商品、促销管理、订单管理和文章管理，管理员可以通过对其的管理，把信息存储在对应的数据库相表中。同时可对分类模块进行管理，管理员可以根据需求商品的分类，选择相应分类，这些信息最终存储在相应的分类表中。商品管理，分类管理数据流程图如图14所示。图14商品管理，分类管理数据流程图3.4.3商品管理，分类管理，用户管理数据流程接着对用户模块进行管理，用户模块包含用户管理和客户管理，在客户管理中管理员可以根据需要删除，添加，修改客户的资料，并把这些信息反馈给管理员，同时存储在用户信息表中；在用户管理中，管理员同样对管理员的资料进行管理并存储在管理员信息表中。商品管理，分类管理，用户管理数据流程图如图15所示。图15商品管理，分类管理，用户管理数据流程图3.4.4后台数据流程最后对送货/付款方式进行管理，管理员利用其权限对用户已写好的订单进行修改，改变其送货或付款方式等，并反馈给管理员，相应信息存储在订购表中。后台数据流程图如图16所示。图16后台数据流程图3.5可行性分析可行性分析主要是在前期对项目的可实现性的一种评价和估量是建立在前期对项目的一种考察和鉴定，对拟议中的项目进行全面系统的技术，经济等方面的调查。一般从对新系统开发的社会，技术，经济，管理等方面进行分析，以得出新系统开发工作是否可行，需要修改，追加投资，暂缓开发，分步实施等方案和结论，完成可行性分析。以下针对本系统从不同方面进行分析。3.5.1社会可行性现在大众普遍已经能较好地接受网上购物，有更多的人相信网上购物可以做到足不出户购遍天下，甚至有很多年轻人以网购为时尚，ByTheR是一款来自韩国的个性时尚品牌，可以满足青年人追求时尚，推崇个性的目的。而且网购也更适合青年人的购物。在满足青年人的需求的同时，可以起到推广宣传品牌的作用，让更多的人喜欢上这个品牌。并且网商商城还拥有24小时服务、实行无国界经营、快速搜索查询等功能,它的“节约高效，方便快捷”很大程度上弥补了传统行业的不足。3.5.2技术可行性根据系统的分析以及对国内主流商城建设的实现方法的考究，本人采用基于织梦CMS系统二次开发的商城，实现商城系统的开发，技术要求熟悉、PHP、MYSQL、DEDECMS、等语言，熟练运用Dreamweaver,Photoshop等开发工具。便于掌握。本系统开发的硬件环境为Windows7平台，apache服务器，符合该系统开发技术条件。3.5.3经济可行性开发系统的经济要求较小，可以提高系统开发成功后的效率，节省成本。3.5.4付出与回报（1）付出对于网站来说访问率是衡量网站运营效果的重要标准，所以提高访问率就是非常重要的。提高访问率的诀窍在向用户或潜在用户提供有价值的信息或服务。对于访问者来说，一个网站能提供什么，其质量、价格如何是重要的。提供对你的目标客户或潜在客户具有吸引力的商品和服务是对商城经营有价值的策略。（2）回报网站的正常运行是有开支的，作为商业性站点，在向用户或潜在用户提供有价值的产品或服务的同时吸引用户消费网站的产品，从而获得一定的经济效益。因此在创造站点吸引力的同时，更重要的是要相应推出好的产品和服务，实现网站的经营目标。4系统设计4.1网页布局设计网站实际内容占网页的50%以上，导航部分不超过20%。颜色主要以黑色为主，整体上给人时尚黑暗的感觉，这正适合年轻人追求个性的特点。此外，正文和背景色的对比度较大，一般字色为默认的灰色，并且用了不同的背景色条区分正文区与其他功能区。首页主要采用瀑布式排列，简约美观。是现在商城流行的布局方式之一在网站定位思想的指导下，考虑到上述的整改方案，拟将网站组织为“首页”，“商品页”两大主体页面。这三大页面构成了网站的主要内容。三大页面具体内容如下：（1）首页:主要包含LOGO，头部导航，底部导航，flash幻灯片广告功能，以及商品信息，版权信息等功能，具体结构图如图17所示： 图17首页布局图（2）商品页:主要包含LOGO，头部导航，底部导航，flash幻灯片广告功能，以及商品信息和商品细节图版权信息等功能同时拥有评论，收藏文章，添加购物车，最近浏览等商城功能。具体结构图如图18所示： 图18商品页布局4.2网站模块结构设计网站基本结构主要分为三大模块，分别为网站前台模块、会员模块、后台管理模块，结构图如图19所示。 图19网站模块结构图4.3系统数据库设计4.3.1数据库的分析数据库是一种存储数据并对数据进行操作的工具。数据库的作用在于组织和表达信息，简而言之，数据库就是信息的集合。计算机的数据库可以分为两类：非关系数据库（flat-file）和关系数据库（relational）。关系数据库中包含了多个数据表的信息，数据库含有各个不同部分的术语，记录、域等。新建一个数据库创建任何一个数据库的第一步是仔细的规划数据库，设计必须是灵活的、有逻辑的。创建一个数据库结构的过程被认为是数据模型设计。（1）标识需要的数据；（2）收集被标识的字段到表中；（3）标识主关键字字段；（4）绘制一个简单的数据图表；（5）规范数据；（6）标识指定字段的信息；（7）创建物理表。4.3.2数据库的设计Mysql由于没有可是化界面，所以一般都用相关管理软件来可视化操作，省去了很多命令和SQL的麻烦，本论文中采用的是Phpmyadmin。在设计数据库表结构之前，首先要创建一个数据库，数据库表明为“dedecmsv57utf8sp1”。由于本系统功能比较复杂，涉及到的数据表多达87个，现列举几个重要的数据表：管理员管理数据表dede_222admin(用户类型，用户ID，用户密码，真实姓名真实姓名，电子邮箱，登录IP，登录时间等)。如表1所示。表1管理员管理数据表文章数据表dede_222archives(文章所属模型，点击次数，标题，内容，作者，发布时间，发布会员ID类型，用户IP，权限等级，等级名称，文档模板等)如表2所示。表2文章数据表栏目管理表dede_222arctype(栏目编号，栏目名称，栏目编号，栏目目录，栏目属性，浏览权限，文章命名规则，文章模板，列表模板封面模板，栏目介绍等)如表3所示。表3栏目管理表5系统实现5.1首页功能描述本商城是ByTheR的中国官网网站，品牌拥有个性另类的风格所以网站的风格也是如此体现着年轻人追求时尚，喜欢另类的独特风格，使人过目不忘。首页部分代码如下。<tablecellpadding="0"cellspacing="0"align="center"><tbody><tr><tdvalign="top"><divid="l_scroll_area"style="margin-top:0px;"><tablecellpadding="0"cellspacing="0"border="0"> <tbody><tr> <tdheight=""></td> <tdwidth=""rowspan="2"></td> <!--UNITu1f?--></td></tr><tr><tdalign="center"><ahref="../"style="position:relative;"><imgsrc="{dede:global.cfg_templets_skin/}/images/gongsijianjie/top_logo.gif"border="0"></a></td></tr><!--<Ahref="/Front/Board/?url=view&board_no=1&no=63733&number=63733&offset=&page=1&is_reply_sort=&search_key=&search=&search_date="><IMGsrc="/Product/Byther/Img/1000/bytherjapan.jpg"border=0></A><br>--><!--<ahref="/Front/Board/?url=view&board_no=1&no=61346&number=61346&offset=&page=1&is_reply_sort=&search_key=&search=&search_date="target=_parent><imgsrc="/Product/Byther/Img/1000/iphonemain.jpg"></a><br>--> </tbody></table> </td> </tr> <tr>首页部分截图如图20所示。图20首页截图商城公告：通过公告$lang.shop_notice变量调用后台网站公告，是支持html的后台静态修改调用。产品列表的功能类似于信息发布，后台可以发布商品的各种属性，根据模板生成如首页展示的新品，热卖，促销等等，是根据商品的后台属性来实现的，产品列表部分代码如下。<tdwidth="25%"><tableborder="0"cellspacing="0"cellpadding="0"width="100%"> <tbody><tr><tdwidth="149"align="center"valign="top"style="padding:3,10,0,10;"><divstyle="display:none"id="summaryValue_23455"></div><spanid="spanEx21"onMouseOver="newjsTooltip(event,this,document.getElementById('summaryValue_23455').innerText,config12);"><ahref="shouye/19.html"target="blank"><imgsrc="{dede:global.cfg_templets_skin/}/images/main_132555734351820a6c61c48.jpg"style="border:solid1px#000000"></a></span></td></tr><tr><tdalign="center"><tablecellpadding="2"cellspacing="0"border="0"><tbody><tr><tdwidth="200"align="center"> <ahref="shouye/19.html"target="blank"><fontstyle="color:#555555;font-size:12px;font-style:normal;font-weight:;text-decoration:">TImSTYLE</font>说明：用织梦语言调用图片，对底层模板进行循环。产品列表部分截图如图21所示。图21产品列表图5.2商品页功能描述商品页是商城页面中最重要的页面之一，通过直观的图片和文字的表述使用户对商品有直观的了解，然后购买收藏或添加购物车。其次还会涉及到用户对产品的评论功能是用户可以查看留言或自己留言实现用户之间交流互动的目的。商品页代码如下。<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset={dede:global.cfg_soft_lang/}"/><title>{dede:field.title/}_{dede:global.cfg_webname/}</title><metaname="keywords"content="{dede:field.keywords/}"/><metaname="description"content="{dede:field.descriptionfunction='html2text(@me)'/}"/><linkhref="{dede:global.cfg_templets_skin/}/style/dedecms.css"rel="stylesheet"media="screen"type="text/css"/><scriptlanguage="javascript"type="text/javascript"src="{dede:global.cfg_cmsurl/}/include/dedeajax2.js"></script><scriptlanguage="javascript"type="text/javascript"><!-- functionCheckLogin(){ vartaget_obj=document.getElementById('_ajax_feedback'); myajax=newDedeAjax(taget_obj,false,false,'','',''); myajax.SendGet2("{dede:global.cfg_cmsurl/}/member/ajax_feedback.php"); } if(hasid){alert('您刚才已表决过了喔！');returnfalse;} elsesaveid+=','+fid; SetCookie('badgoodid',saveid,1); } <small>优惠价格：</small><spanclass="fc-f60">{dede:field.trueprice/}元</span> <small>品牌：</small><spanclass="fc-hanhui2">{dede:field.brand/}</span><small>单位：</small><spanclass="fc-hanhui2">{dede:field.units/}</span> <small>上架日期：</small><spanclass="fc-hanhui1">{dede:field.pubdatefunction="MyDate('y-m-dH:i',@me)"/}</span> <small>人气：</small><spanclass="fc-hanhui1"><scriptsrc="{dede:fieldname='phpurl'/}/count.php?view=yes&aid={dede:fieldname='id'/}&mid={dede:fieldname='mid'/}"type='text/javascript'language="javascript"></script></span><formid="formcar"name="formcar"method="post"action="{dede:fieldname='phpurl'/}/posttocar.php"><small>购物车：</small><span><ahref="{dede:fieldname='phpurl'/}/car.php"target="_blank">查看购物车</a></span><small>购买：</small><span><buttontype="submit"name="button"class="btn-2">放入购物车</button></span></form>商品页截图如图22所示：图22商品页展示图热门商品浏览:主要有history变量实现这个功能模块是用js实现css存在部分浏览器的兼容问题,本地测试存在这方面的问题线上浏览正常。浏览记录用户所浏览的信息用户可以选择清除浏览来实现clear掉历史浏览，使用到Ajax.call('user.php'，'act=clear_history'，clear_history_Response，'GET'，'TEXT'，1，1)clear_history函数表单事件，热门商品部分代码如下。<divclass="commentmt1"> <dlclass="tbox"> <dt><strong>热门商品</strong></dt> <dd> <ulclass="e3">{dede:arclistrow=10orderby=clicktype='image.'} <li> <ahref="[field:arcurl/]"class="preview"><imgsrc="[field:litpic/]"alt="[field:titlefunction='html2text(@me)'/]"/></a> <ahref="[field:arcurl/]"class="title">[field:title/]</a> <spanclass="intro">人气:<spanclass="fc-f90">[field:click/]</span></span> </li>{/dede:arclist}热门商品部分如图23所示图23热门商品浏览图5.3商品属性织梦本身含有丰富的商品属性函数，基本上可以实现一般商品的所有属性功能。如价格，人气，品牌等等。商品属性部分代码如下<divclass="infolist"><small>信息类型：</small><spanclass="fc-hanhui2">{dede:type/}</span><small>测试：</small><spanclass="fc-hanhui2">{dede:field.vocation/}</span> <small>商品原价：</small><spanclass="fc-hanhui2">{dede:field.price/}元</span> <small>优惠价格：</small><spanclass="fc-f60">{dede:field.trueprice/}元</span> <small>品牌：</small><spanclass="fc-hanhui2">{dede:field.brand/}</span><small>单位：</small><spanclass="fc-hanhui2">{dede:field.units/}</span> <small>上架日期：</small><spanclass="fc-hanhui1">{dede:field.pubdatefunction="MyDate('y-m-dH:i',@me)"/}</span> <small>人气：</small><spanclass="fc-hanhui1"><scriptsrc="{dede:fieldname='phpurl'/}/count.php?view=yes&aid={dede:fieldname='id'/}&mid={dede:fieldname='mid'/}"type='text/javascript'language="javascript"></script></span><formid="formcar"name="formcar"method="post"action="{dede:fieldname='phpurl'/}/posttocar.php"><inputtype="hidden"name="id"value="{dede:field.id/}"/><inputtype="hidden"name="title"value="{dede:field.title/}"/><inputtype="hidden"name="price"value="{dede:field.trueprice/}"/><inputtype="hidden"name="units"value="{dede:field.units/}"/><small>购物车：</small><span><ahref="{dede:fieldname='phpurl'/}/car.php"target="_blank">查看购物车</a></span><small>购买：</small><span><buttontype="submit"name="button"class="btn-2">放入购物车</button></span></form> </div><!--/info-->商品属性如图24所示。图24商品属性功能图购买收藏按钮调用addToCart({$goods.goods_id})collect({$goods.goods_id})函数，ajax判断用户是否登陆，返回给addToCart({$goods.goods_id})collect({$goods.goods_id})函数激发相关事件。例如，用户在没登陆的情况下选择收藏某商品，点击收藏按钮，collect函数返回对话框没有登陆无法收藏，反之收藏的商品会出现在登陆后用户的用户中心收藏功能中。同理，addtocart函数根据表单提交返回缺货对话框或进入购物车。购买收藏实现代码如下 <divclass="actbox"> <ul> <liid="act-fav"><ahref="{dede:fieldname='phpurl'/}/stow.php?aid={dede:field.id/}"target="_blank">收藏</a></li> <liid="act-err"><ahref="{dede:fieldname='phpurl'/}/erraddsave.php?aid={dede:field.id/}&title={dede:field.title/}"target="_blank">挑错</a></li> <liid="act-pus"><ahref="{dede:fieldname='phpurl'/}/recommend.php?aid={dede:field.id/}"target="_blank">推荐</a></li> <liid="act-pnt"><ahref="#"target="_blank"onClick="window.print();">打印</a></li> </ul> </div><!--/actbox--> </div><!--/handle--> </div><!--viewbox-->收藏功能如图25所示。图25收藏功能演示图5.4购物流程描述与实现方法(1)用户添加购物车功能，购物车功能部分代码如下<divclass="w960clearcentermt1cmt-box"> <divclass="sp-title"><h2>购物车</h2></div><divid="errorChickCookie"class="clearcentermt1"style="font-style:inherit;color:#666;font-weight:normal;padding-top:8px;padding-bottom:8px;text-align:center;"></div> <divclass="buycar"> <h2>我的购物车-订单号:<emid="carId">{dede:var.carts.orders_id/}</em></h2> <formid="form1"name="form1"method="post"action="posttocar.php"> <inputid="dopost"name="do"type="hidden"value="del"/><!--startprint1--><tablewidth="100%"border="0"cellpadding="0"cellspacing="0"class="dede_tabletrlist"> <thead> <tr> <tdcolspan="6">商品列表</td> </tr> </thead> <tbody> <!--以下列出购物车内购商品列表(数组),开始遍历数组--> <tr> <th>选择</th> <th>编号</th> <th>名称</th> <th>数量</th> <th>单价(元)</th> <th>操作</th> </tr> <!--<inputtype="button"value="打印购物车"class="btn-2"onclick="printPage(1)"/>--><inputtype="button"value="更新订单号"class="btn-2"onclick="makeCarId()"/> <inputtype="button"value="删除已选定"class="btn-2"onclick="DelPost()"/> <inputtype="button"value="清空"onclick="if(confirm('确定清空购物车中的商品吗?')){location='posttocar.php?do=clear'}"class="btn-2"/> <inputonclick="ChangePost()"type="button"value="更新数量"class="btn-2"/> <inputtype="button"value="下一步"onclick="location='carbuyaction.php'"class="btn-2"/> </div> </td> </tr> </tfoot> </table>购物车功能如图26所示。如图26购物车图用户可以选择继续购物进入到首页接着选择自己心仪的商品，同时在购物车的商品列表中，用户可以点击删除操作删除该商品或者清空购物车，以及通过修改购买数量来决定购买此商品的数量然后更新数量。这里主要用到$smarty函数和ajax技术,然后选择下一步可以实现输入地址信息然后付款。1)选择“返回”返回上个页面或者点击LOGO返回首页。2)选择“下一步”进入提交订单流程。5.5后台描述与实现方法后台登陆（1）登陆界面，如图27所示。图27后台登陆图（2）登陆成功，进入后台管理导航，程序主要基于织梦默认功能，不做说明。后台截图如图28所示。图28后台页面图6总结6.1本文所做的主要工作这次毕业设计是我在大学的最后一项作业，也是一次很有意义的经历，在这次的毕业设计中我学到了很多知识，从初期对网站的规划，到期的实践再到最后的修改，期间并不是一帆风顺的，我遇到了很多困难，从一开始的在语言上有很多问题到后来的轻车熟路，让我体会到独立的完成一个项目是需要很多东西的。首先就需要毅力，在毕业设计的过程中一定会遇到很多困难，这个时候如果轻易就放弃了那最后仅仅只能做出一个半成品而已，只是毫无意义的。确实这也是我比较缺少的能力在这次毕设中我的毅力得到了锻炼和提高。第二就是需要很多的专业知识，在日常的学习中对知识的积累不够丰富导致毕设的初期进度比较缓慢，这也证明了我在专业知识上还是有很大的提升空间的，我需要在日程的学习生活中加强专业知识的学习和积累这样才能在项目中灵活的运用知识。通过这次比较完整的商城建设过程，我摆脱了单纯的理论知识学习状态，和实际设计的结合锻炼了我的综合运用所学的专业基础知识，解决实际商业问题，而且通过对整体的掌控，对局部的取舍，以及对细节的斟酌处理，都使我的能力得到了锻炼，经验得到了丰富，并且意志品质力，抗压能力及耐力也都得到了不同程度的提升。这是我们都希望看到的也正是我们进行毕业设计的目的所在。虽然商城设计的功能繁多，过程繁琐但我的收获却更加丰富。从最开始的系统分析到商城页面的设计，数据库设计，以及系统的开发，我都是随着设计的不断深入而不断熟悉并学会应用的。和老师的沟通交流更使我从经济的角度对设计有了新的认识也对自己提出了新的要求，这些本是我工作后才会意识到的问题，通过这次毕业设计让我提前了解了这些知识，这是很珍贵的。在设计过程中一些购物流程的设计与实现是一个很复杂的问题，原因是由于本身设计功能比较复杂，购物流程中要涉及到很多用户信息的调用，操作起来特别不顺手。正是基于这种考虑我意识到：要向更完美的进行一次设计，与其他专业人才的交流沟通是很有必要的，这其中也包括更好的理解商城功能的各种要求。6.2今后进一步研究的方向毕业设计可以说是我第一次独立的完成一个项目，他给了我很大的信心，让我体会到了成功的快感，虽然说网站完成了但是我的网站并不是完美无缺的，就、还存在着一些问题和不足，我会在今后的日子里继续学习弥补这些缺点与不足，增加更多新的功能，让网站更加的时尚新潮，这是我今后努力的目标。参考文献[1]冷鹏．PHP+MYSQL在动态网站设计中的应用[J]．《陕西师范大学学报：自然科学版》，2005(S1)：24-26．[2]李季，赵坤灿，周凯．基于Php+Mysq1的内容管理系统设计方案[J]．《硅谷》，2009(9)：12-15．[3]苏韶生，罗平．基于PHP技术的页面缓存的实现[J]．《计算机时代》，2005(10)：55-56．[4]冯勇，赵学丽，白晨星编著.商务网站建设和维护[M]．重庆：重庆大学出版社，2005．[5]严晨杨,智坤.《网页设计中的功能性与艺术性关系研究》[M].科技与出版,2011[6]梁斌,柯华坤.《网页布局技术比较与应用优化》[M].中国教育技术装备,2009[7]高永子,卢坚,潘星亮编著．网页经典配色与设计手册[M]．北京：中国青年出版社，2006．[8]南京工业职业技术学院人文与数理系.简析CMS与二级院系网站建设[J].南京工业职业技术学院学报2012,12(2)[9]湖南人文科技学院.基于CMS的网站系统开发技术研究及应用.计算机工程与设计[J]2010,31(11).[10]王贺朝．电子商务与数据库应用[M]．南京：东南大学出版社，2002．[11]张枭．PHP+MySQL+Dreamwerver网站建设典型案例[M]．北京：清华大学出版社，2006．[12]JesusCastagnetto．PHP高级编程[M]．北京：机城工业出版社，2001．[13]W.JasonGilmore．PHP与MySQL5程序设计(第二版)[M]．北京：人民邮电出版社，2007．[18][美]TimothyBoronczyk,ElizabethNaramore.《WEB开发入门经典——使用PHP6、Apache和MySQL》[M].清华大学出版社.2009[19][美]TimBoronczyk,MartinE.Psinas.《PHP&MySQL范例精解——创建、修改、重用》[M].清华大学出版社.2009[20]龚玉清.网页设计的色彩运用[J]现代教育技术.2003,5.附录附录A：开题报告(数据报告) 二级学院信息工程学院教学系电子商务系专业班级计算机科学与技术09-2班学生姓名韩晖学号20093800指导教师张波毕业设计（论文）题目基于CMS的品牌商城的设计与实现一、选题依据信息时代来临,企业建立自己的企业网站已经成为一种生存的必要手段,它能树立企业形象与企业文化,展示企业所经营的业务,综合展示企业的实力,拓宽顾客市场,增加企业与客户之间的联系,缩短二者之间的距离,提高企业知名度,为企业找到了自己的一个永久的广告发布平台。利用网上购物实现电子商务,完成金融、物品、服务、信息等价值的交换,是快速而有效地进行各种商务活动的最新方法,也是企业走向科学化、信息化与世界接轨的重要条件。现在大部分企业都已经有了自己的网站，从而提高了品牌形象和企业文化，为企业带来经济效益。本课题为真题真做，主要针对一服装销售企业建立一完整的电子商务品牌商城。该企业由于营销模式主要在实体店铺，因此长期以来一直未建立自己的网络销售平台。为了增强企业的竞争力，本课题利用CMS建站系统通过较低的成本，以展现企业形象、介绍企业工作内容、体现企业发展战略作为目标。CMS是企业建立品牌商城的工具之一，CMS是ContentManagementSystem的缩写，中文翻译为内容管理系统，是一种运用于服务器端的编程语言(如:ASP、ASP.NET、PHP、JSP等等)对网站的栏目、内容以及模板进行管理和维护的系统。CMS的优势包括：节省网站技术投入成本与资金投入成本，降低技术难度；提高快速部署能力和结构更新频率；提高网站运营效率和信息更新能