在线交流功能模块的实现.doc

在线交流功能模块的实现一 需求2二 实例展示2三 功能实现31 新建栏目32提交问题概览页的实现43问题列表概览模板的实现8四 功能扩展8五配置概览模板9周栋2009/12/4一 需求目前好多所里提出需要一种在线问答的功能，以实现跟浏览者的一种互动，对浏览者的疑问予以交流解答。具体功能要求如下：1. 在页面上可以填写咨询的主题，邮件和咨询或意见的内容。在改页面上这三项都是必填的。2. 在填写咨询内容的页面上能防止网页被恶意刷新提交记录。既需要有一个验证码的功能！3. 管理员在后台对这些咨询的记录有管理权限，能决定哪些可以展示在外网上，哪些是不能展示的留言！4. 管理员在后台能对所提交的问题，进行回答，并将回答后的内容展示在页面上。5. 有一个列表页面展示以前咨询者的提问和对他们问题的回答。6. 扩展功能：与某篇文章关联起来，可以实现活动的在线报名。二 实例展示现在主站和个别所已经实现了这种在线留言交流的功能！同时在网络中心的网站上已经实现了在线报名的功能。地理资源所的在线交流功能 /zxjl/index.html图一当点击“请你留言”的页面的时候，就会看到：图二在网络中心的站点上还实现了在线报名的功能图三这样就将表单和文章相关联起来。对于报名的人员信息可以在后台进行统计，将报名记录导出成Excel表格。现在后台提供的在线交流的表单如图:其中回复人和回复内容是隐藏的一个节在页面上是不显示的。但是在后台的话，是可以看到的，仅用于管理员对浏览者所提出的问题作以回答。三 功能实现1 新建栏目为了实现这种功能，需在后台建立一个表单栏目。具体步骤如下：对于两个模板，暂时先不添加，等后面把模板做好后再设置该栏目的问题提交概览模板和问题列表概览模板。栏目建立完成后，就需要在网站的细览页面和二三级的概览的静态HTML页面的基础之上进行在线留言页面的编写。2提交问题概览页的实现实现概览页面的方式有两种方式：1.直接将表单写在页面上这种方式是表单功能最常用的方式       只需要在概览页面上相应的地方加上这样一个table即可。在网站群实施的时候，所长信箱等栏目就是这种方式实现的，可以加以参考。需要注意的是：在用这种方式实施的时候，由于系统表单功能与html页面的兼容性还存在一定的问题。所以需要把模板的第一句既替换成这样就能实现这样的表单的功能。不需要再做任何配置即可实现页面功能。现在只需要对页面的布局，进行适当的调整即可。2.表单只是在后台进行管理这种方式，需要把表格设计在页面里参考代码如下： 主题： 电子邮件: 留言内容: 这这个table替换第一种方式中的table即可实现这种功能。但是在使用这种方式的时候，要注意以下几点：1. 系统自带的js代码这三个js都是系统自带的文件。只需要把src的路径写正确即可。所以建议不要对这段代码做任何修改。2. 检测和提交js!-function isEmail(str) /判断邮箱的格式是否正确 具体代码略 function check()/对填写邮箱的那个input控件进行检测，格式是否正确，是否为空等。具体代码略function verifycodevalid()/提交表单执行的一个函数。特别是不要对else以下的代码做任何修改。具体代码略这段js用于检测邮箱的格式，是否正确，并且带有验证码功能，防止页面被恶意刷新，导致后台有垃圾数据。这段检测验证js除了检测邮箱以外的代码，请不要做任何修改。3. 在form表单中用到的控件input输入框的名字都必须跟表单的控件名字一直，并且控件名字只接受英文名称，所以在命名的时候不允许有中文名称。当然这在后台的表单中已经设置好了，无需所里的老师进一步设置。4. form表单中的隐藏域SiteId 所网站的id号。比如114 就是地理资源的站点id号。ChannelId 对应的是表单频道的id号。InfoViewId 对应的是后台中用infopath作的的表单在系统中所对应的id号。在线留言的表单的id号为74.DocumentId encoding verifycode 这三个分别是文档的id号，编码 等，这三个是默认，不允许做任何更改，这是在提交表单的时候，用于传参用的。另外form表单的action等属性，也是不要修改的3.两种方法的比较。相比较而言两种方式各有特点。第一种方式：写模板比较简单。只需要将TRS公司提供的一段代码复制粘贴到页面中即可实现这种功能，同时也减少了代码量。对于管理员来说相对简单，快捷，不易出错。但是由于表单在使用过程中由于脚本过多，对于相对复杂的表单的话，可能会导致页面响应比较慢。第二种方式在写模板的时候比较复杂点，因为需要把这个表格写在页面上，利用form表单来传递参数。速度执行相对较快。但是存在验证码容易过期的问题，导致你第一次提交的时候提醒你验证码过期，让你退回重新填写验证码。3问题列表概览模板的实现 在这个栏目里需要将以前浏览者提交的问题列表展示出来，同时把管理员的回答也展示出来，让浏览者对自己的问题得到一个答复。这需要做一个概览页面。可以在自己所里的页面的风格的基础上进行修改。对于图一中所展示的交流问题的列表，两种都是用同一种方式去实现的。具体参考代码如下：留言信息:留言内容： 回答内容：在此仅列出关键代码，其中用这个置标来提取相应的字段在适当的位置加以显示。留言信息:对于留言信息，取的是留言的主题。因为在后台每条记录有一个title，就会把留言的主题展示在上面。然后在这个talbe的下面加上一个列表翻页的那段js即可实现文档的列表翻页。四 功能扩展在第二种方式的基础之上可以进行扩展。实现了一种与文章关联起来的模式。实现网络中心那种在线报名的模式。这在第二种方式加上一个form表单即可