学士学位论文--基于qq群推广技术的华阳装饰网设计与实现.doc

天津市大学软件学院毕业论文题目：华阳装饰网的建设优化与推广 姓 名 刘冬芸 专 业 软件工程 学 号 1150410224 学 籍 校 天津理工大学 学习指导教师 余文千 职 称 教授 企业指导教师 付新华 职 称 工程师 2013年6月承诺书本人声明所呈交的学位论文是本人在导师指导下进行的研究工作和取得的研究成果，除了文中特别加以标注和致谢之处外，论文中不包含其他人已经发表或撰写过的研究成果，也不包含为获得任何教育机构的学位或证书而使用过的材料。与我一同工作的同学对本研究所做的贡献均已在论文中作了明确的说明并表示了谢意。学位论文作者签名： 签字日期： 年 月 日摘 要随着生活水平的日益提升，人们对于自己所居住的生活环境的整体要求呈现不断上升的状态，因而，装饰行业应运而生。装饰行业包括软装和硬装，所谓硬装，即房子里面固定的东西，如墙体等等，而软装则是房间中所有可以移动的东西。华阳装饰网则主要从事软装方面的设计和布局，通过不同的房间布局，不同的空间用途，赋予每一个空间独有的灵动。从设计的角度分析,在网站设计之前，要考虑网站的内容，包括网站功能和市场的需求，通过这些方面对网站整体进行设计。色彩的选择方面，华阳装饰网则选择热情的红色，配以黑色点缀，凸显出对这一份行业的执着与热情。其中所运用的软件包括photoshop、fireworks在营销方面，在考虑整体网站美观度的同时，还要考虑后台的使用方便程度，华阳装饰网是采用ASP作为开发环境，ACCESS 2003作为数据库服务器，Smart Server作为测试服务器所搭建的网站。相对于php的开发环境，在网页的内容录入和图片的替换方面，更加的简介、方便、稳定。关键字:优化、设计、ASPAbstractWith the rising standard of living, people hope to live in the best environment, therefore, the decoration industry appear to our life. The decoration, including soft and hard , the former includes all of things what can not move in the room, such as wall and so on, and the soft is all can move things in the room. Huayang decoration network is mainly engaged in the design . Different room need to different idears about design. Thinking of content when we know what we need website,including website function and the demand of the market,. Huayang decoration network choose red ,. It represent a warm The software includes Photoshop, fireworksIn the aspects of marketing, the website not only beautiful , but also easy in background. Huayang decorative is used ASP as development environment, ACCESS 2003 as the database server, Smart Server build the test server site. Compared with the PHP development environment, ACCESS 2003 more easer than IIS.Keyword:ASP ;Design;Website;目录28天津市大学软件学院软件工程2011届本科生毕业论文 前言互联网因其快速便捷的优势，已经成为人们获取信息，了解世界的最主要的交流工具，同时人们可以足不出户使用电脑或是手机进行任何消费，这其中具有代表性的就是淘宝、阿里巴巴、宜家等知名品牌，通过在网络上搭建一个属于自己的购物平台以及良好的口碑宣传，吸引了大量的网民驻足，同时促进了消费。正是由于拥有这些成功的案例，使得很多行业都在纷纷效仿，建立企业自己的网站，为企业在信息时代大潮中树立良好的企业形象做铺垫。华阳装饰网正是秉承着立口碑、树形象的原则，希望在软装行业的网络大潮中占据一席之地而诞生的。网站主要通过分享软装方面的经验知识以及成功的软装案例，吸引顾客驻足咨询。第一章 概述1.1课题的开发1.1.1课题开发的意义华阳装饰网主要从事的是软装方便的设计和布局，软装行业的发展标志着人们生活水平、和修养的提升。软装主要是通过一些陈设和装饰物来增强室内空间的层次感。由于现代人过快的生活节奏，和每天重复性的机械式工作，使得很多人希望通过改变居中的空间环境来获得身心的放松和心情的愉悦，正因为如此，软装设计则成为了现代装潢行业的主流，通过对空间的柔化效果，营造出一种又没的艺术氛围，同时可以体现出主人的个性。华阳装饰网的诞生则正是为实现更过人对于放松身心的渴望。1.1.2课题开发工具简介1.页面设计软件photoshop、axurephotoshop是一个由Adobe Systems开发和发行的图像处理软件,主要处理以像素所构成的数字图像，通过使用photoshop实现网站整体静态样式布局，为之后的拆分工作做准备。Axure是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档,通过这款软件，可以尽可能的将网页模仿的惟妙惟肖，无论是从正义的布局上还是一些幻灯效果，点击效果，都可真实的网页一模一样。便于设计时效果的体验和调整。2.网页排版工具dreamweaver5.5Dreamweaver如一个制作盒子的工厂，在其中每个div都是一个精致的盒子，我们需要做的就是通过css将盒子中的东西，例如图片、文字整齐的码放好。通过dreamweaver可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。1.2课题的发展分析家装行业最早出现有上个世纪90年代，由于人们生活水平的提高，因而大众对于家装的需求也变得越来越强烈，室内设计师在这种重装饰的形式中发生着较大的改变。从大众对于时尚的追求和热爱程度，不难看出人们对已生活空间和工作环境的要求越来越高，这使得装饰行业在近几年的装潢中不断走俏。随着企业品牌竞争的高压力，使得在装饰行业中，一个新兴职业即软装设计师成为了各大装饰公司的稀缺人才，他们在色彩搭配和空间层次效果的分析这充分说明，在未来的几年，软装行业的发展和软装设计师一样拥有广阔的发展空间。1.3课题的推广价值华阳装饰网的推广能够增强在互联网中的排名，从而增加其在装饰行业的知名度，为企业树立良好的品牌的形象。第二章 可行性分析2.1 ASP技术ASP即动态服务器页面，是一款操作简单，稳定的变成工具，它可以与数据库和其他程序进行交互，相对于PHP而言，它最大的优点在于，后台的分类更加的人性化，进行内容添加后不需要进行一键更新，前台便能显示更新内容，避免了由于网速的影响而降低工作效率。2.2 ACCESS数据库Microsoft Office Access是微软把数据库引擎的图形用户界面软件开发工具结合在一起的一个数据库管理系统。其后缀为mdb2.3 Smart Server服务器mart Server与IIS是同类软件， 其最大的优点便是小巧，目前许多ASP程序开发商都在使用Smart Server来调试ASP代码，相比较IIS，它的速度更快。第三章 课题功能模块设计3.1功能模块图华阳装饰网的功能模块在线留言设为首页在线咨询加入收藏3.2各功能模块的详细介绍3.2.1设为首页：目的：便于浏览代码：3.2.2 加入收藏目的：加入到收藏中方便下一次浏览方便代码：加入收藏3.2.3在线咨询目的：便于及时交流代码：div+css布局方式，效果看海平面网站设计首页左侧。var online= new Array();if (!document.layers)document.write() script src= 华阳装饰 if (online0=0)document.write(华阳装饰);elsedocument.write(华阳装饰); 华阳装饰if (online1=0)document.write(筱筱);elsedocument.write(筱筱);if (online2=0)document.write(豆豆);elsedocument.write(豆豆);var verticalpos=frombottomif (!document.layers)document.write()function JSFX_FloatTopDiv()/默认情况显示在屏幕左侧，若要显示在右侧，修改下面的0,0是指距离屏幕左侧的距离。 var startX =0, startY = 325; var ns = (navigator.appName.indexOf(Netscape) != -1); var d = document; function ml(id) var el=d.getElementById?d.getElementById(id):d.all?d.allid:d.layersid; if(d.layers)el.style=el; el.sP=function(x,y)this.style.left=x;this.style.top=y; el.x = startX; if (verticalpos=fromtop) el.y = startY; else el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight; el.y -= startY; return el; window.stayTopLeft=function() if (verticalpos=fromtop) var pY = ns ? pageYOffset : document.body.scrollTop; ftlObj.y += (pY + startY - ftlObj.y)/8; else var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight; ftlObj.y += (pY - startY - ftlObj.y)/8; ftlObj.sP(ftlObj.x, ftlObj.y); setTimeout(stayTopLeft(), 10); ftlObj = ml(divStayTopLeft); stayTopLeft();JSFX_FloatTopDiv(); 3.2.4在线留言 修改说明：将红色部分修改成你的QQ号码即可 范例： 3.3网站结构图 行业新闻 内部资讯 常见问题 联系我们 首页 合作品牌 家居装饰 公共装饰 选购知识 成功案例 友情链接 企业概况（详细页） 企业荣誉（详细页） 行业新闻（列表页） 行业新闻（详细页） 内部资讯（列表页） 内部资讯（详细页） 诚聘英才（详细页） 关于我们（详细页） 联系我们（详细页）第四章 网站设计4.1颜色、字体选择整个网站采用了热情富有活力的红色为主色调，logo方面用photoshop将文字栅格化后进行处理，目的是达到一种融合的简洁效果。在字体的颜色方面，列表页和详细内容页的文字均采用12像素。字体颜色采用深灰，在黑与红之间起到了一种协调的作用。4.2样式选择4.2.1首页样式选择首页的布局方面，依然尊崇网站的标准设计样式，在最上边放入logo 和加入收藏、设为首页的木块；logo下方则是导航条，运用js实现当鼠标悬停在上面时背景变色；导航的下方为banner图；首页的六个列表页的添加，是为了后期优化做铺垫；联系我们中的文字，采用添加asp代码的方式，使得在后台时候对其进行修改，下方的滚动效果采用js实现。网站首页效果（图）4,2,2内页样式选择内页样式的设计模板包括新闻列表页和新闻详细页，左侧为统一的点击出现下列的js效果；右侧方面，如果是新闻列表页则出现相应的文章标题，点击进入文章详细页。新闻列表页（图）新闻详细页（图）第五章 后台的搭建及其套程序5.1后台的搭建过程步骤一 将SmartServerPlus!虚拟机开启步骤二 将所有静态页导入到templates中；这其中需要注意到的是在templates文件夹中必须有html、images、js、css这几个文件夹步骤三 将template文件中的相应信息进行修改，其目的是为了在进入后台选择模板时可以找到。步骤四 进入localhost/admin_user/login.asp中将所需栏目和批量添加，其目的是为了建站结束后的产品测试和录资料的准确性5.2后台的使用方法5.2.1网站通用标签lezhi:sitepath 网站终极目录(可放在二级目录,其它语言则在三级目录)lezhi:languagepath 语言目录lezhi:siteurl 网站地址lezhi:sitelogo LOGO地址lezhi:sitetitle 网站标题lezhi:additiontitle 网站附加标题lezhi:sitekeywords 网站关键词lezhi:sitedesc 网站描述lezhi:defaulttemplate 默认模板lezhi:companyname 公司名称lezhi:companyaddress 公司地址lezhi:companypostcode 邮政编码lezhi:companycontact 联系人lezhi:companyphone 电话号码lezhi:companymobile 手机号码lezhi:companyfax 公司传真lezhi:companyemail 电子邮箱lezhi:companyicp 备案号lezhi:statisticalcode 统计代码lezhi:copyright 网站版权lezhi:languagepath 语言目录(后台多语言设置中设置)label:* 自定义标签lezhi:slide幻灯片lezhi:onlineservice在线客服lezhi:kf其它客服系统lezhi:floatad漂浮广告lezhi:coupletad对联广告lezhi:windowad弹出广告5.2.2常用内容调用签首页内容列表调用标签(无分页)lezhi:content sort=2 num=4 order=order star=1content:id编号content:title标题content:content内容content:downurl下载地址content:link链接content:i计数content:titlecolor标题颜色content:sortname分类名称content:sortlink分类链接content:date日期content:visits浏览次数content:author作者content:source来源content:tagtag标签content:istop置顶content:isrecommend推荐content:isimage图片新闻content:isfeatured特别推荐content:isheadline头条content:desc描述content:pic图片/lezhi:contentsort 分类IDnum 显示数量order 排序规则srar 星级(1,2,3,4,5)分类名称及链接调用lezhi:type sort=8 type:name/lezhi:type首页单篇内容调用lezhi:about sort=8 len=150 about:info len=80about:titleabout:link/lezhi:aboutlezhi:template src=left.html 辅助模板默认模板about.html单页调用标签about:title标题 在添加分类时设置about:keyword关键词 在添加分类时设置about:desc描述 在添加分类时设置about:info详细内容 在添加分类时设置lezhi:sortname分类名称lezhi:parentsortid上级分类IDlezhi:sortid分类IDlezhi:topsortid顶级分类ID当前位置首页lezhi:position position:link/lezhi:position首页 新闻发布 公司新闻 内容分页 在编辑内容时插入到内容中即可lezhi:page列表页调用标签lezhi:sorttitle标题 在添加分类时设置lezhi:sortkeyword关键词 在添加分类时设置lezhi:sortdesc描述 在添加分类时设置lezhi:list size=10 order=orderlist:id 编号list:link链接list:i计数list:content内容list:downurl下载地址list:titlecolor标题颜色list:sortname分类名称list:sortlink分类链接list:date日期list:visits浏览次数list:author作者list:source来源list:tagtag标签list:istop置顶list:isrecommend推荐list:isimage图片新闻list:isfeatured特别推荐list:isheadline头条list:pic图片/lezhi:listlist:pagenumber len=5 分页条调用标签当前位置首页lezhi:position position:link/lezhi:position首页 新闻发布 公司新闻 由于详细页content标签和lezhi:content标签有冲突，所以原content:标签改为news:详细页调用标签news:title标题news:keyword关键词 在添加内容时可以设置news:desc描述 在添加内容时可以设置news:link链接news:info内容news:i计数news:titlecolor标题颜色news:sortname分类名称news:sortlink分类链接news:date日期news:visits浏览次数news:author作者news:source来源news:downurl下载地址news:istop置顶news:isrecommend推荐news:isimage图片新闻news:isfeatured特别推荐news:isheadline头条news:pic图片news:pics多图news:tagtag标签news:linktag带链接的tag标签lezhi:comment 评论标签全站评论标签lezhi:comment comment:i评论计数 comment:name评论人comment:link评论文章地址comment:ip评论人IPcomment:info len=5评论内容comment:date style=yy-m-d评论时间/lezhi:comment 内容分页 在编辑内容时插入到内容中即可lezhi:pagelezhi:prev上一篇lezhi:next下一篇lezhi:nexttitle 下一篇的题目lezhi:prevtitle 上一篇的题目lezhi:nextlink下一篇的链接lezhi:prevlink上一篇的链接当前位置首页lezhi:position position:link/lezhi:position首页 新闻发布 公司新闻 评论功能调用 lezhi:comment多图片的处理lezhi:cimages count=5 contentid=1cimages:src/lezhi:cimagescount 输出数量，小于1或者不为数字的作为0处理，不输出contentid 输出的内容id，一般在内容页调用，只需填写 contentid=content:id即可,错误的输入被赋值为-1cimages:src 将被替换为/upLoad/product/month_1107/201107011448421775.png等数据循环输出首页调用留言lezhi:gbook num=4 order=order gbook:i计数gbook:status留言状态gbook:title标题gbook:name内容gbook:winfo下载地址gbook:wdate链接gbook:rinfo计数gbook:rdate标题颜色/lezhi:gbook5.2.3、IF标签使用1、满足条件则显示if:条件语句显示内容end if2、满足条件则显示内容1,否则显示内容2if:条件语句显示内容1else显示内容2end if实例:1,给满足条件的添加不同的样式lezhi:contentcontent:title/lezhi:content5.2.4统计标签今日visits:today昨日visits:yesterday本月visits:month全部visits:all5.2.5友情链接调用文字链接 lezhi:linklist type=font linklist:name /lezhi:linklist调用图片链接 lezhi:linklist type=pic /lezhi:linklisttype=all 或去掉type属性调用全部的链接5.2.6 TAG标签内容调用标签相关内容调用lezhi:content sort=2 num=4 order=order tag=lezhi,asp,php star=1content:title标题content:link链接content:i计数content:titlecolor标题颜色content:sortname分类名称content:sortlink分类链接content:date日期content:visits浏览次数content:author作者content:source来源content:tagtag标签content:istop置顶content:isrecommend推荐content:isimage图片新闻content:isfeatured特别推荐content:isheadline头条content:d