2009430344-陈江涛-基于bs模式的室内设计综合信息发布

2009430344-陈江涛-基于bs模式的室内设计综合信息发布

学号：2009430344河南大学2013届本科毕业论文基于B/S模式的室内设计综合信息发布平台InteriorDesignColligationInformationPublishingPlatformBasedOnB/SModel论文作者姓名：陈江涛作者学号：2009430344所在学院：计算机与信息工程学院所学专业：网络工程导师姓名职称：马骏（教授）论文完成时间：2013年4月29日2013年4月29日开题报告Ⅰn河南大学2013届毕业设计（论文、创作）开题报告（学生本人填写）学号2009430344姓名陈江涛导师姓名职称马骏（教授）开题时间2012年12月1日课题题目基于B/S模式的室内设计综合信息发布平台课题来源□导师指定■自定□其他来源课题的目的、意义以及和本课题有关的国内外现状分析：1．目的：该项目针对于当前我国建筑装饰行业网站建设相对滞后，企业治理和设计、施工的信息化水平不高等问题而创立，开发一个基于B/S模式的室内设计综合信息发布平台，供企业以各种形式宣传和发布本公司的最新装饰信息，客户可方便的学习家装常识和挑选设计师和施工队等。2．意义：建筑装饰行业是建筑业的重要组成部分，随着我国人民生活水平的提高和综合国力的增强，建筑装饰行业不仅在建筑业中的比重不断上升、作用日益突出，同时在经济发展和社会进步中，发挥的作用也日益重要。充分利用计算机网络技术构建装饰网站，在很大程度上即提高了企业管理和设计、施工的信息化水平，又促进了客户学习家装常识、与优秀设计师在网上沟通交流的便利。所以我想用所学知识制作一个这样的平台，做一些有意义的事情。3．现状：建筑装饰行业正在从粗放型向集约型发展的转变，信息建设作为这种转变的催化剂，已经开始引起业内人士的重视。经过近几年的努力，我国建筑装饰行业信息化建设取得了一定成绩，特别是计算机技术在设计、施工中的应用，已经有了实质性的进展，其中使用计算机进行辅助设计、计算机出图等方面，推广应用已比较普遍，在高资质等级企业中，已经接近100%。但计算机网络技术的应用相对滞后，还存在着很大的发展空间，所以，行业信息化建设的总体水平较差，距行业发展要求仍有较大差距。针对市场的需求，综合信息发布平台也必须具备开放性和兼容性，实现模块化的设计。同时根据用户的阅读习惯，为用户推荐其可能感兴趣的信息，也是信息发布平台需要具备的特点。信息发布平台可分为以下几种：l大型的网络贸易平台主要有：亚马逊、淘宝等l大型的在线都市社区平台，集分类信息、新闻、资讯、论坛于一体，如：大豫网等l拥有全国各地区分站的平台：如58同城、赶集网、智联招聘等l行业门户，这类网站信息专一：如中国建筑装饰网、汽车之家等针对于室内设计这个领域的信息发布网站，基本上只是根据客户的需求进行开发而成。开题报告Ⅰn研究目标、研究内容和准备解决的问题，拟采取的方法、技术或设计（开发）工具：1．目标：设计一个基于B/S模式的室内设计综合信息发布平台。2．内容：该系统分前台和后台两个子模块。前台主要提供公司简介，业务范围，案例展示，业内新闻，设计团队，在线QQ聊天（点击留言或询价）等功能，供访客浏览、资讯。后台主要包括案例添加，案例修改，案例查询，新闻资讯添加，新闻资讯修改，新闻资讯查询等主要功能，供管理员更新管理。3．准备解决的问题：如何使用样式表统一管理和定义页面，使多个页面具有相同的布局风格。如何使用标准JavaScript来实现自定义控件head.ascx的定时切换图片功能。如何充分利用ASP.NET三层架构实现代码的公用，重构效果。开发方案：该项目计划采用ASP.NET分层架构（数据访问层（DataAccessLayer）,业务逻辑层（BusinessLogicLayer）和表示层（PresentationLayer））实现，开发工具采用ASP.NET+SQLServer2008,运行环境Windows7（64位）。开题报告Ⅰn预期成果：1．源程序2．毕业论文进度计划与阶段要求：（1）2012年12月1日–2012年12月31日：查找资料、确定毕业设计题目，编写开题报告。2013年1月1日：将开题报告发送到导师邮箱。2013年1月2日-2013年1月10日：导师根据开题报告下达任务书。（2）2013年1月11日–2013年4月2日：根据任务书搜集素材、进行初步的毕业设计。2013年4月3日：将毕业设计阶段性成果发送到导师邮箱。（3）2013年4月3日–4月9日：根据导师的建议和指导，修改毕业设计，编写论文。2013年4月10日：将中期检查表发送到导师邮箱。（4）2013年4月11日–2013年4月28日：根据导师的建议和指导，修改毕业设计和论文。（5）2013年4月29日：将设计和论文终稿发送到导师邮箱。开题前收集的资料和参考文献（5-8种）[1]《ASP.NET网页设计与网站开发》马骏，党兰学，杜莹（作者）人民邮电出版社[2]《ASP.NET4高级程序设计（第4版）》MatthewMacDonald，AdamFreeman，MarioSzpuszta(作者)，博思工作室（译）人民邮电出版社[3]《ASP.NET动态网页设计》马金素，何保荣（作者）机械工业出版社[4]《JavaScript权威指南》弗拉纳根（作者），李强（译）机械工业出版社[5]《基于三层架构的ASP.NET项目实战教程》密君英（作者）中国电力出版社[6]《软件工程导论（第五版）》张海藩（作者）清华大学出版社[7]《数据库系统概论（第四版）》萨师煊，王珊（作者）高等教育出版社开题报告Ⅱn指导教师对开题报告的意见：同意按开题报告的题目和设计思路开题。指导教师签名：2012年12月1日开题报告Ⅱn河南大学2013届毕业论文（设计、创作）任务书（导师根据学生的开题报告填写）题目名称基于B/S模式的室内设计综合信息发布平台学院计算机与信息工程学院学生姓名陈江涛所学专业网络工程学号2009430344毕业论文(设计、创作)要求1．设计内容一个基于B/S模式的室内设计综合信息发布平台。2．基本要求要求至少实现以下内容：前台：公司简介、业务范围、案例展示、业内新闻、设计团队及在线留言等功能后台：编辑、发布、修改、删除新闻的功能，编辑、添加、查看、修改、删除案例的功能。3．要解决的问题如何使用样式表统一管理和定义页面，使多个页面具有相同的布局风格。如何使用标准JavaScript来实现自定义控件head.ascx的定时切换图片功能。如何充分利用ASP.NET三层架构实现代码的公用，重构效果。4．要求提交的成果（1）毕业设计源程序（2）论文指导教师签名：2013年1月1日任务书n河南大学2013届毕业设计（论文、创作）中期检查表（导师只填写评语，其他由学生填写）题目名称：基于B/S模式的室内设计综合信息发布平台学院计算机与信息工程学院学生姓名陈江涛所学专业网络工程学号2009430344一、毕业设计(论文、创作)进展情况源程序框架已经建立起来，功能完成60%包括相对应的页面，管理员可正常登录到后台并可以更新新闻、添加其它相关信息。使用JavaScript实现自定义控件定时替换图片正常运行还在努力中，另外还有部分bug在修复当中。预计能够如期完成。毕业论文也在随着程序的编写如期进行，完成度在50%左右。二、毕业设计（论文、创作)存在的问题及解决方案存在的问题：如何实现网站首页中自定义控件（~/usercontrol/head.ascx）定时替换图片正常运行。解决方案：使用标准JavaScript来实现（./common/js/picshow.js）。中期检查表n三、学生本人对毕业设计阶段所做工作及进展情况的评价进展情况在预期范围之内，对于程序具体实现过程中遇到的问题能够及时解决，程序及论文的完成质量尚可。但是对于论文的难度估计不足，程序中后续遇到的问题也会比较棘手。四、指导教师对学生毕业设计(论文、创作)中期检查的评语根据该生提交的毕业设计成果，以及该生和导师交流的情况，同意该生通过中期检查。允许该生根据本人搜集的参考资料和已经完成的设计成果，开始整理毕业论文文档。指导教师签名2013年4月10日中期检查表n河南大学2013届毕业论文（设计、创作）教师评阅成绩表学院名称：计算机与信息工程学院学号2009430344姓名陈江涛专业网络工程指导教师马骏（教授）教师评阅平均得分论文题目基于B/S模式的室内设计综合信息发布平台指导教师评语及得分指导教师评语该生的选题有实际意义，按时完成了所要求的功能。论文叙述条理详略得当，是一篇良好的本科论文。评分项目分值指导教师对毕业论文（设计、创作）评分撰写开题报告、文献综述15调查研究查阅整理资料10学习态度与规范要求10数据处理、文字表达10论文（设计、创作）质量和创新意识55合计100得分指导教师签名2013年4月29日评阅教师评语及评分评阅教师评语该生论文结构合理，论文语句流畅，思路清晰，表达准确，是一篇良好的本科论文。评分项目分值评阅毕业论文（设计、创作）评分撰写开题报告、文献综述满分15调查研究查阅整理资料10学习态度与规范要求10数据处理、文字表达10论文（设计、创作）质量和创新意识55合计100得分评阅教师签名2013年5月3日此表由教师填写综合成绩表（一）n河南大学2013届毕业论文（设计、创作）综合成绩表学号2009430344姓名陈江涛所在学院计算机与信息工程学院答辩委员会评语及评分答辩委员会评语该生答辩过程中思路清晰，反应敏捷，论文结构合理，条理清楚，达到本科毕业设计和毕业论文要求的标准，经答辩小组评议，同意通过论文答辩。答辩委员签字（4名以上）：2013年5月5日评分项目分值论文答辩小组评分答辩情况论文质量合计（100）内容表达情况（15）答辩问题情况（25）规范要求与文字表达（20）论文（设计、创作）质量和创新意识（40）得分答辩委员会主任签字：2013年5月5日毕业论文（设计、创作）成绩综合评定（百分制）：分（教师评阅表平均成绩占40%，答辩成绩占60%）综合评定等级（优、良、中、差）：备注：一、论文的质量评定，应包括对论文的语言表达、结构层次、逻辑性理论分析、设计计算、分析和概括能力及在论文中是否有新的见解或创新性成果等做出评价。从论文来看学生掌握本专业基础理论和基本技能的程度。二、成绩评定采用结构评分法，即由指导教师、评阅教师和答辩委员会分别给分（以百分计），评阅教师得分乘以20%加上指导教师得分乘以20%加上答辩委员会得分乘以60%即综合成绩。评估等级按优、良、中、差划分，优90-100分；良76-89分；中60-75分；差60分以下。三、评分由专业教研室或院组织专门评分小组（不少于5人），根据指导教师和答辩委员会意见决定每个学生的分数，在有争议时，应由答辩委员会进行表决。四、毕业论文答辩工作结束后，各院应于6月20日前向教务处推荐优秀论文以汇编成册，推荐的篇数为按当年学院毕业生人数的1.5%篇。五、各院亦可根据本专业的不同情况，制定相应的具有自己特色的内容。须报教务处备案。综合成绩表（二）n河南大学本科生毕业论文（设计、创作）承诺书论文题目基于B/S模式的室内设计综合信息发布平台姓名陈江涛所学专业网络工程学号2009430344完成时间2013年4月29日指导教师姓名职称马骏（教授）承诺内容：1．本毕业论文（设计、创作）是学生陈江涛在导师马骏的指导下独立完成的，没有抄袭、剽窃他人成果，没有请人代做，若在毕业论文（设计、创作）的各种检查、评比中被发现有以上行为，愿按学校有关规定接受处理，并承担相应的法律责任。2．学校有权保留并向上级有关部门送交本毕业论文（设计、创作）的复印件和磁盘。备注：学生签名：指导教师签名：2013年4月29日2013年4月29日说明：学生毕业论文（设计、创作）如有保密等要求，请在备注中明确，承诺内容第2条即以备注为准。承诺书n目录摘要ⅠABSTRACTⅡ第1章绪论11.1课题来源11.2课题背景11.3国内外在该方向的研究现状及分析11.4开发工具简介21.4.1MicrosoftSQLServer200821.4.2ASP.NET分层架构2第2章系统总体分析与设计32.1需求分析32.1.1系统功能模块划分32.1.2系统功能模块设计32.2系统设计4第3章数据库设计53.1数据库的选择53.2数据库设计53.2.1数据库概念结构设计53.2.2数据表的详细设计6第4章界面设计与具体实现84.1页面访问84.2后台登录94.3后台管理主页面104.4添加新闻资讯104.5新闻资讯修改114.6新闻资讯删除124.7其它12结论13参考文献14n河南大学本科毕业生学士学位论文摘要建筑装饰行业是建筑业的重要组成部分，随着我国人民生活水平的提高和综合国力的增强，建筑装饰行业不仅在建筑业中的比重不断上升、作用日益突出，同时在经济发展和社会进步中，发挥的作用也日益重要。充分利用计算机网络技术构建室内设计网站，在很大程度上即提高了企业管理和设计、施工的信息化水平，又促进了人们学习家装常识、与优秀设计师在网上沟通交流的便利。该系统主要采用ASP.NET和SQLServer2008作为开发工具开发实现，运行在Windows7（64位）操作系统上，实现的主要功能有：页面访问、在线咨询、后台登录、新闻资讯添加、新闻资讯修改、新闻资讯删除、案例类型添加、案例类型修改、案例类型删除、案例添加、案例修改、案例删除。所有用户通过浏览器输入一定的域名即可访问。管理员由设计公司人员担任，负责以文字、图片等形式发布家装常识、最新装修风格、装饰材料的选择等各种信息。访客无权限限制，可随意访问各种装饰信息，并且可以在线与设计师交流（在线QQ）。关键词装饰行业；信息发布平台；B/S；第Ⅰ页n河南大学本科毕业生学士学位论文ABSTRACTArchitecturaldecorationindustryisanimportantpartoftheconstructionindustry,buildingdecorationindustry,notonlyintheconstructionindustry,withtheimprovementoflivingstandardsofourpeopleandtheoverallnationalstrength,increasingtheproportionoftheincreasinglyprominentroleineconomicdevelopmentandsocialprogressplayincreasinglyimportantrole.Makefulluseofthecomputernetworktechnologytobuildinteriordesignwebsite,improveenterprisemanagementanddesignandconstructionofthelevelofinformationtoalargeextent,butalsofacilitatedthepeopletolearnhomeimprovementknowledge,withthebestdesignersinonlinecommunicationconvenience.ThissystemusesASP.NETandSQLServer2008asadevelopmenttooldevelopmentandimplementation,runningonWindows7(64-bit)operatingsystem,themainfunction:pageviews,onlineconsulting,backgroundLoginNewsAddNewsmodification,Newsdeleted,casetype,add,modifycaseTypecaseTypedeletecaseAddcasetomodify,deletecases.Alltheuserthroughthebrowser,typethedomainnametoaccess.Administratorbythedesigncompanywhoisresponsibleforthereleaseintheformoftext,imagesandotherhomeimprovementknowledge,thelatestdecorationstyle,choiceofdecorativematerialsandotherinformation.Visitorspermissionrestrictionscaneasilyaccessavarietyofdecorativeinformationandonlinecommunicationwiththedesigner(QQ).Keywords:decorationindustry；informationpublishingplatform；B/S；第Ⅱ页n河南大学本科毕业生学士学位论文第1章绪论1.1课题来源本课题为自选课题。1.2课题背景建筑装饰行业是建筑业的重要组成部分，随着我国人民生活水平的提高和综合国力的增强，建筑装饰行业不仅在建筑业中的比重不断上升、作用日益突出，同时在经济发展和社会进步中，发挥的作用也日益重要。充分利用计算机网络技术构建装饰网站，在很大程度上即提高了企业管理和设计、施工的信息化水平，又促进了客户学习家装常识、与优秀设计师在网上沟通交流的便利。开发一个基于B/S模式的室内设计综合信息发布平台，供企业以各种形式宣传和发布本公司的最新装饰信息具有很强的实用意义，同时也能体现出一定的技术水平，所以我选择了这样一个课题。1.3国内外在该方向的研究现状及分析建筑装饰行业正在从粗放型向集约型发展的转变，信息建设作为这种转变的催化剂，已经开始引起业内人士的重视。经过近几年的努力，我国建筑装饰行业信息化建设取得了一定成绩，特别是计算机技术在设计、施工中的应用，已经有了实质性的进展，其中使用计算机进行辅助设计、计算机出图等方面，推广应用已比较普遍，在高资质等级企业中，已经接近100%。但计算机网络技术的应用相对滞后，还存在着很大的发展空间，所以，行业信息化建设的总体水平较差。针对市场的需求，综合信息发布平台也必须具备开放性和兼容性，实现模块化的设计。同时根据用户的阅读习惯，为用户推荐其可能感兴趣的信息，也是信息发布平台需要具备的特点。信息发布平台可分为以下几种：l大型的网络贸易平台主要有：amazon、淘宝等l大型的在线都市社区平台，集分类信息、新闻、资讯、论坛于一体，如：大豫网等l拥有全国各地区分站的平台：如58同城、赶集网、智联招聘等l行业门户，这类网站信息专一：如中国建筑装饰网、汽车之家等第15页n河南大学本科毕业生学士学位论文1.4开发工具简介本系统是在Windows7（64位）平台下选用VS2010+SQLServer2008工具进行开发实现。充分利用ASP.NET分层架构知识进行代码的合理分层，更好的实现了开发中的分工，有利于组件的重用。同时使用该套软件开发基于B/S模式有开发快捷、配置简单、运行快速稳定等特点。1.4.1MicrosoftSQLServer2008SQL是英文StructuredQueryLanguage的缩写，意思为结构化查询语言。SQL语言的主要功能就是同各种数据库建立联系，进行沟通。按照ANSI(美国国家标准协会)的规定，SQL被作为关系型数据库管理系统的标准语言。SQL语句可以用来执行各种各样的操作，例如更新数据库中的数据，从数据库中提取数据等。1.4.2ASP.NET分层架构ASP.NET分层架构（如图1-1所示）自底向上分为：数据访问层（DataAccessLayer），业务逻辑层（BusinessLogicLayer）和表示层（PresentationLayer）。图1-1.NET分层架构数据访问层（DAL）：使用了一个强类型的DataSet作为数据访问层，只是单纯的对数据进行增、删、改、查和判断存在等等较通用的数据访问方法，不应该有“事务存在”。业务逻辑层（BLL）：业务逻辑层是在数据访问层和表示层之间进行数据交换的桥梁，按业务需求调用数据访问层中的方法组合，集合了各种业务规则到一个BLL中。BLL都是以类库（ClassLibrary）的形式来实现的。表示层（PL第15页n河南大学本科毕业生学士学位论文）：表示层是为客户提供用于交互的应用服务图形界面，帮助用户理解和高效地定位应用服务，呈现业务逻辑层中传递的数据，用ASP.NET页面来实现。第15页n河南大学本科毕业生学士学位论文第2章系统总体分析与设计一个好的系统，在进行开发之前必定要做好需求分析，准确完善的需求分析是系统数据库设计和详细设计的基础。下面将从需求分析、数据库设计和系统设计三个方面分别介绍。2.1需求分析本节对室内设计综合信息发布系统在需求方面进行深入分析，得到系统功能需求，并进行了系统功能模块划分和系统流程图的分析与设计。2.1.1系统功能模块划分室内装潢设计系统是一个面向大众的基于B/S模式的综合信息发布系统，该系统的主要功能是为即将进行家庭装修的或有装修需求的潜在客户提供一个在线学习交流的平台。在系统功能上，该系统功能模块如图2-1所示。图2-1系统功能结构图2.1.2系统功能模块设计(1)浏览网页模块：第15页n河南大学本科毕业生学士学位论文访客进入系统后，可以任意浏览装饰业界新闻，查看装饰案例，了解公司文化，浏览设计师个人简历等。(2)后台模块：管理员登录后台后，可以添加、修改、更新、查询、删除装饰业界新闻，添加、修改、更新、查询、删除装饰案例等。(3)在线互动模块：为充分使用现流行的，并被广泛使用的即时通讯工具QQ，公司设计师可以使用业务QQ与访客交流装饰方面的知识，为访客和公司设计师之间搭建一个反馈交流的平台，访客可以提出任何自己想要了解的装饰常识（留言或询价等）。以上所述内容是本系统需要实现的功能。2.2系统设计在做系统设计前，首先需要熟悉系统的操作流程和可能涉及到的操作角色。室内设计综合信息发布平台的开发，要求对装修行业实际业务流程有清晰的了解。下面将对装修行业的实际业务流程进行介绍。该系统主要是一个信息发布系统，系统有默认的管理员，管理员权限如下：l发布各种文章（包括各种公告，装饰业界新闻）l添加装饰案例l对新闻和案例等进行管理l在线答疑使用本系统无需注册会员，访客权限如下：l任意浏览文章l任意浏览装饰案例l在线咨询系统流程图如图2-2所示。图2-2系统流程图第15页n河南大学本科毕业生学士学位论文第3章数据库设计数据库是按照数据结构来组织、存储和管理数据的仓库。在经济管理的日常工作中，常常需要把某些相关的数据放进这样的“仓库”，并根据管理的需要进行相应的处理。本系统也需要这样的一个“仓库”，即数据库。3.1数据库的选择室内设计综合信息发布平台存储的信息主要是需要页面展示的信息。从数据量上看，保存的数据量并不大，但后期更新周期短，信息发布量大，所以为满足日后海量数据的存储，选择VS2010自带的企业级的MicrosoftSQLServer数据库。3.2数据库设计数据库结构设计的好坏将直接对应用系统的效率以及实现的效果产生很大的影响，好的数据库结构设计会减少数据库的存储量，数据库的完整性和一致性比较高，系统具有较快的响应速度等。本系统使用SQLServer数据库，数据库名为YiHuang，共有4张表：Anli,Dui,News和Ttype。3.2.1数据库概念结构设计E-R图是“实体--联系方法(Entity_RelationshipApproach)”的简称主要用来描述现实世界的在数据库中的概念模型。这里用E-R图描述了4个表的构成，该数据库表之间并无外键关联关系，如图3-1所示。第15页n河南大学本科毕业生学士学位论文图3-1E-R图3.2.2数据表的详细设计Anli表结构如表3-1所示，该表用来存储该系统中的案例信息。所有案例中的案例编号、案例类型、案例图片、上传日期以及图片说明等都储存在这张表中。本表无外键关联。列名类型Nullable描述idnvarchar(50)FalsePrimaryKeyTtypenvarchar(50)False案例类型Timgnchar(80)False图片Tdatenvarchar(50)False更新日期Tremarknvarchar(20)False案例说明BY1nchar(10)True备用1BY2nchar(10)True备用2表3-1Anli表结构Dui表结构如表3-2所示，该表用来预存储设计师个人信息。所有将来加入到业务团队的设计师个人信息都储存在这张表中。本表无外键关联。列名类型Nullable描述第15页n河南大学本科毕业生学士学位论文idnvarchar(50)FalsePrimaryKeyTnamenvarchar(20)False设计师姓名Tjjnchar(10)False设计师简介Tlnnchar(10)False设计理念Tyjnchar(10)False设计业绩BY1nchar(10)True备用1BY2nchar(10)True备用2表3-2Dui表结构News表结构如表3-3所示，该表用来存储所有的经管理员上传的最新业内新闻和公告信息。本表无外键关联。列名类型Nullable描述idnvarchar(50)FalsePrimaryKeyTtitlenvarchar(50)False文章标题Tcontentnvarchar(MAX)False文章内容Tdatenvarchar(50)False上传日期Tlikenvarchar(50)False文章类型BY1nchar(10)True备用1BY2nchar(10)False备用2表3-3News表结构Ttype表结构如表3-4所示，该表用来存储所有的经管理员添加的装饰类型。本表无外键关联。列名类型Nullable描述idnvarchar(50)FalsePrimaryKeyTnamenvarchar(20)False类型名Tdatenvarchar(50)False添加日期BY1nchar(10)True备用1BY2nchar(10)False备用2表3-4Ttype表结构第15页n河南大学本科毕业生学士学位论文第4章界面设计与具体实现在本系统中共有12个功能模块，分别是页面访问、在线咨询、后台登录、新闻资讯添加、新闻资讯修改、新闻资讯删除、案例类型添加、案例类型修改、案例类型删除、案例添加、案例修改、案例删除。4.1页面访问本系统属于信息发布系统，这就要求任意访客可以不受限制的登录本系统，进行信息的浏览访问。访问主界面如图4-1所示。图4-1访问主页面第15页n河南大学本科毕业生学士学位论文为充分利用当前主流即时通讯工具QQ，网站特嵌入在线QQ访问功能，访客在登录网页浏览公司简介、装饰业内新闻、设计团队、装饰案例工程等信息后如对本公司的装饰风格感兴趣或者是遇到不明白的地方可以点击“我要装修”图片，进行在线咨询。访客在线咨询页面如图4-2所示，具体实现代码如下：//Uin=592368659是公司管理员业务QQ