`

异步刷新留言板

阅读更多

leaveword_user_list.rhtml文件
----------------------------------------------
<div id="comment" class="comments_list">
<h3 class="feed_header">
<%if @user==session[:user]%>	
<a href="/leaveword_user_list?my=<%=@user.id%>" class="r_option">全部</a>
<%else%>
<a href="/leaveword_user_list?user_id=<%=@user.id%>" class="r_option">全部</a>
<%end%>
留言板
</h3>
<%= render :partial => 'box' %>
<div class="box_content" id="leave_words_all">
<%= render :partial => 'list' %>
</div>
</div>

_box.rhtml文件
-----------------------------------------------
<div class="box" id="backbox">
<% form_remote_tag  :url=>{:controller =>'leave_word_new'},:update=>'leave_words_all',:style=>"padding:0 0 0 5px;" do -%>
<textarea name="detail" id="detail" rows="4" cols="60" style="width:98%;"></textarea><br>
<input type="hidden" name="from_user_id" value="<%=session[:user].id%>" />
<input type="hidden" name="to_user_id" value="<%=@user.id%>" />
<input type="hidden" name="to_list" value="<%=session[:user].id%>" />
<%if @back_box%>
<input type="hidden" name="back" value="1" />
<input type="submit" id="commentsubmit_btn" name="commentsubmit_btn" class="submit" value="回复"  />
<%else%>
<input type="submit" id="commentsubmit_btn" name="commentsubmit_btn" class="submit" value="留言"  />
<%end%>
    <input type="checkbox" name="quale">悄悄话				 
<%end%>
</div>

_list.rhtml
-----------------------------------------------

<% for leave_word in @leave_words %>
<%from_user=User.find(leave_word.from_user_id)%>
<div>
	<div>
		<a href="show_friend?user_id=<%=from_user.id%>" class="login_thumb">			
			<%=picture_head(from_user)%>					
		</a>		
	</div>
	<div>
		<div><%=from_user.nickname%>&nbsp;<%=leave_word.time.strftime('%Y-%m-%d %H:%M' )%></div>
		<div><%if leave_word.back==1%>回复<%=User.find(leave_word.to_user_id).nickname%>:<%end%><%=leave_word.detail%> </div>
	</div>
  <div style="float: right">
   <%if leave_word.from_user_id!=session[:user].id%>
   <%=link_to_remote "回复" ,:update=>'backbox', :url=>{:controller=>'back_box',:user_id=>leave_word.from_user_id}%>
   <%end%>
    <%= link_to '删除', { :action => 'destroy', :id => leave_word }, :confirm => 'Are you sure?', :method => :post %>
  </div>
</div>  
<hr/>
<% end %>

controller
---------------------------------------------

 def leave_word_new
    @leave_word = LeaveWord.new
    @leave_word.detail=params[:detail]
    @leave_word.from_user_id=params[:from_user_id]
    @leave_word.to_user_id=params[:to_user_id]
    @leave_word.time=Time.new
    if params[:back]
    @leave_word.back=1
    else
    params[:back]=0  
    end
    if params[:quale]
    @leave_word.back=1
    else
    params[:quale]=0  
    end
    @leave_word.save
    if params[:to_list]
     @leave_words=LeaveWord.find(:all,:conditions=>"from_user_id=#{params[:to_list]} or to_user_id=#{params[:to_list]}", :order =>'convert(time using gbk)desc')
     render :partial=>"list"
    else
     render :text=>"<font color='red'>留言成功</font>"
    end

  end

  def back_box#回复
    @user=User.find(params[:user_id])
    @back_box=1
    render :partial=>"box"
  end

  def leaveword_user_list
    use_self_or_pass
    @leave_words=LeaveWord.find(:all,:conditions=>"from_user_id=#{@user.id} or to_user_id=#{@user.id}", :order =>'convert(time using gbk)desc')
    usercenter_layout
  end

效果看附件图片。

  • 大小: 17.9 KB
分享到:
评论

相关推荐

    AJAX无刷新留言板.rar

    本资源“AJAX无刷新留言板.rar”是一个典型的前端技术应用实例,主要展示了如何利用AJAX(Asynchronous JavaScript and XML)技术实现一个无需页面刷新的动态留言板系统,同时结合了分页功能,为用户提供流畅的交互...

    ajax留言板

    使用jsp+ajax实现的留言板,支持异步提交,同步刷新。大三ajax大作业,附带源代码,设计报告和access数据库备份文件。初学者可以参考和学习。

    简单的一个无刷新留言板

    【标题】"简单的一个无刷新留言板"涉及到的技术和知识点主要包括ASP.NET AJAX 1.0、C#编程语言以及前端交互设计。在这个项目中,开发者利用C#作为后端语言处理数据,通过ASP.NET AJAX 1.0技术实现无刷新的用户体验,...

    无刷新留言板无刷新留言板

    无刷新留言板是一种基于Web技术实现的交互式应用,它允许用户在不重新加载整个网页的情况下进行留言和查看他人留言,提供了更加流畅的用户体验。在本文中,我们将深入探讨使用C#语言开发无刷新留言板的核心技术和...

    ajax无刷新留言板

    **Ajax无刷新留言板详解** Ajax(Asynchronous JavaScript and XML)技术是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。这种技术的核心在于利用JavaScript与服务器进行异步数据交换,从而实现...

    .net无刷新留言板

    .NET无刷新留言板是一种基于.NET框架实现的交互式应用程序,它允许用户在不重新加载整个网页的情况下进行留言和查看他人留言,极大地提升了用户体验。这一技术主要依赖于AJAX(Asynchronous JavaScript and XML)来...

    asp ajax无刷新留言板.rar

    【ASP AJAX无刷新留言板】是一种基于经典Web开发技术ASP(Active Server Pages)和AJAX(Asynchronous JavaScript and XML)的交互式网页应用示例。它实现了用户在不刷新整个页面的情况下,可以实时发送和查看留言,...

    无刷新留言板

    无刷新留言板是一种基于Web技术实现的交互式应用,它允许用户在不重新加载整个网页的情况下进行留言、查看他人留言和互动。这种技术的核心是利用Ajax(Asynchronous JavaScript and XML)或者现代浏览器支持的Fetch ...

    网页制作留言板

    网页制作留言板是一个基础而重要的技能,它涉及到前端开发和网页交互设计。在这个项目中,我们有两个模板可供学习,这将帮助初学者理解如何创建一个功能完整的留言板系统。 首先,留言板的核心功能包括用户提交留言...

    留言板 web开发留言板 java留言板

    在留言板中,HTML用于创建表单让用户输入信息,CSS美化界面,JavaScript则处理用户提交的事件,如表单验证和异步提交。 2. AJAX:为了实现无刷新页面更新,JavaScript中的AJAX技术扮演了关键角色。它可以异步地与...

    Ajax留言板页面无刷新.zip

    **Ajax留言板页面无刷新技术详解** Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,实现了网页的异步更新,大大...

    XML无刷新留言板+无刷新删除留言

    在这个“XML无刷新留言板+无刷新删除留言”的项目中,XML被用作后端与前端交互的数据载体,实现了无需页面刷新即可进行留言和删除留言的功能,提高了用户体验。 首先,我们要理解“无刷新”技术。传统的Web应用中,...

    PHP+Ajax 效果留言板

    在这个留言板中,Ajax主要负责异步提交留言和获取新留言。 - **XMLHttpRequest对象**:Ajax的核心是`XMLHttpRequest`对象,用于与服务器进行通信。在JavaScript中创建并使用这个对象,向PHP发送请求并接收响应。 - ...

    asp留言板系统留言板

    5. **AJAX异步更新**:为了提供更好的用户体验,可以使用JavaScript和XMLHttpRequest对象实现AJAX(Asynchronous JavaScript and XML),使用户无需刷新整个页面就能查看新留言。 6. **安全考虑**:在实际应用中,...

    asp留言板asp留言板源码

    9. **AJAX**:虽然ASP本身不直接支持AJAX,但可以通过JavaScript库(如jQuery)实现异步更新,提高用户体验,比如无刷新加载新留言。 10. **响应式设计**:现代留言板应考虑不同设备的兼容性,使用媒体查询等技术...

    玛塔留言板,简单的无刷新留言板程序,主要用于技术交流,jQuery的简单应用,SQLite数据库。

    玛塔留言板是一款基于PHP开发的简单无刷新留言板程序,它主要设计用于技术交流,通过集成jQuery库实现页面的动态更新,而数据存储则采用了轻量级的SQLite数据库系统。这个程序能够提供一个交互性强、响应迅速的平台...

    基于springMVC+mybatis+easyui的留言板源码

    5. **前后端交互**:利用Ajax技术,前端可以异步地向服务器发送请求,获取或提交数据,保持页面的无刷新更新。在EasyUI中,可以结合jQuery的Ajax方法实现这一功能。开发者需要理解JSON格式的数据交换,以及如何在...

    PHP留言板模块源码详解

    用户在这里输入留言并提交,前端会通过AJAX技术异步发送请求到服务器,避免页面刷新。 2. **后端处理**:这部分由PHP脚本组成,接收前端提交的数据,进行合法性检查,然后将数据插入到MySQL数据库。同时,后端也会...

    仿百度留言板代码

    4. **AJAX技术**:可能用到异步JavaScript和XML,使页面在不刷新的情况下更新内容,提高用户体验。 5. **服务器端处理**:可能涉及PHP、Python等后端语言,处理用户请求,如验证数据、存储和查询数据库。 6. **...

Global site tag (gtag.js) - Google Analytics