说一下需求:这个功能类似于邮件功能,当用户在站点中提交一些建议及意见后。后台将其存入到Oracle数据库中。然后管理员登录站点,会看到还没有读过以及读过的意见及建议,并能够将未读过的意见及建议标记为已读。

以下上图。这是管理员的查看界面:

点击已读切换到这个界面:

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvbGwzMjgwNjIyMDE=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

以下開始贴出代码。

首先我们须要一个Tab切换选项卡,CSS代码例如以下:

.tabPanel ul{height:30px;border-bottom:1px solid #aaa;}
.tabPanel ul li{
float:left;margin:0 2px 0 0;border:1px solid #aaa;font-size:14px;height:29px;line-height:30px;width:111px;text-align:center;cursor:pointer;
text-shadow:0 1px 0 #fff;
border-radius:4px 4px 0 0;
box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.5);
background:#ddd;
background:-moz-linear-gradient(top, #eee, #ddd);
background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
}
.tabPanel .hit{
border-bottom:1px solid #fff;cursor:pointer;color:black;text-shadow:0 1px 0 #fff;
background:#fff;
background:-webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#fff));
background:-moz-linear-gradient(top, #e1e1e1, #fff);
}
.pane{border:1px solid #aaa;border-top:0;min-height:100px;background-color:#fff;display:none;}
.pane p{padding:15px 15px 0 10px;}
.pane h4{padding:15px 15px 0 10px;font-size:18px;font-weight:bold;}

还须要一小段JS来控制tab选项卡,给它赋hit的class和移除hit的class已完毕点击切换效果:

<script type="text/javascript">
$(function(){
$('.tabPanel ul li').click(function(){
$(this).addClass('hit').siblings().removeClass('hit');
$('.panes>div:eq('+$(this).index()+')').show().siblings().hide();
})
})
</script>

这个部分是从网上找的,你也能够自己写一个合适的。

选项卡的HTML模板代码例如以下:

 <div class="tabPanel">
<ul>
<li class="hit">Tab1</li>
<li>Tab2</li>
<li>Tab3</li>
</ul>
<div class="panes">
<div class="pane" style="display:block;"><h4>First tab content</h4><p>First tab content</p></div>
<div class="pane"><h4>Secend tab content</h4><p>First tab content</p></div>
<div class="pane"><h4>Third tab content</h4><p>First tab content</p></div>
</div>
</div>

前端部分大致完毕!

接下来写后台。

首先我们看一下数据库的表结构:

然后依据此表字段写action代码。这里面,我们主要有两个操作,一是查询出全部的表中数据然后将其分别放在两个Tab选项中;第二个操作则是将看过的信息标记为已读。在这里我仅仅写一个action类,用flag字段来推断进行哪个操作。当flag=1时进行第一个操作;当flag=3时进行第二个操作。

这样我的action类代码例如以下:

package com.cn.useraction;

import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.util.ArrayList;
import java.util.List;
import java.util.Map; //import javax.servlet.http.HttpServletRequest; import org.apache.commons.logging.Log;
import org.apache.commons.logging.LogFactory; import com.opensymphony.xwork2.ActionContext;
import com.opensymphony.xwork2.ActionSupport; import com.cn.beans.UserBean;
import com.cn.util.DBConnection; @SuppressWarnings({ "serial", "unused" })
public class AdminCommentAction extends ActionSupport { private static Log log = LogFactory.getLog(AdminCommentAction.class);
private List<UserBean> userlist;
private String commentid;
private String flag;
static int i = 0; public String getCommentid() {
return commentid;
} public void setCommentid(String commentid) {
this.commentid = commentid;
} public String getFlag() {
return flag;
} public void setFlag(String flag) {
this.flag = flag;
} public List<UserBean> getUserlist() {
return userlist;
} public void setUserlist(List<UserBean> userlist) {
this.userlist = userlist;
} /**
* 查看用户意见及建议
*
* @return List<UserBean> list
*/
private List<UserBean> adminComment() {
log.info("get admin comment info ...");
List<UserBean> list = new ArrayList<UserBean>();
UserBean user;
String sql=null;
Connection conn = DBConnection.getConn();
sql ="select * from ts_comment order by create_date desc ";
PreparedStatement pstmt;
try {
pstmt = conn.prepareStatement(sql);
ResultSet rs = pstmt.executeQuery();
while (rs.next()) {
user = new UserBean();
user.setUsername(rs.getString("username"));
user.setContact(rs.getString("contact"));
user.setComment(rs.getString("commented"));
user.setCommentid(rs.getString("comment_id"));
user.setAdminflag(rs.getString("admin_flag"));
user.setDate(rs.getString("create_date"));
list.add(user);
}
} catch (SQLException e) {
e.printStackTrace();
} return list;
} /**
* 管理员标记已读
*
* @return i
*/
private static int adminflagUpdate(String commentid) {
Connection conn = DBConnection.getConn(); String sql=null;
sql ="update ts_comment set admin_flag=1 where comment_id='"+commentid+"'";
PreparedStatement pstmt;
try {
pstmt = conn.prepareStatement(sql);
i = pstmt.executeUpdate();
System.out.println("update resutl: " + i); pstmt.close();
conn.close();
} catch (SQLException e) {
e.printStackTrace();
} return i;
} public String admin_comment() throws Exception {
log.info("admin_comment.action...");
if (flag.equals("3")) { //标记已读的操作
System.out.println(commentid);
adminflagUpdate(commentid);
if (i==0) {
return "error";
} else {
return "success_read";
}
} else {
userlist = adminComment();
if (userlist.size() > 0) {
return "success";
} else {
return "error";
}
}
} }

UserBean我就不贴了,就是几个get和set。

触发这个action的前台代码例如以下(即从一个界面跳转到这个界面):

<input style="cursor:pointer;border-radius:4px 4px 4px 4px;padding:5px;width:100%;margin:2px 0;" type="button" onclick="window.location.href='admin_comment.action?flag=0'" value="查看用户意见建议">

另外这里有个小技巧,就是我点击“标记为已读”后,直接页面刷新,显示操作后的结果,而不跳转到其他界面。这就用到了struts2的一个action跳转到还有一个action的功能,即完毕第二个操作的action后,跳转到第一个操作的action。这里面,struts.xml应该这么配置:

		<action name="admin_comment" class="com.cn.useraction.AdminCommentAction" method="admin_comment">
<result name="success">/admin_comment.jsp</result>
<result name="success_read" type="redirectAction">/admin_comment.action?flag=1</result>
<result name="error">/error.jsp</result>
</action>

后台结束。

最后就是前端的显示了。

我是从后台将未读的数据和已读的数据(数据库中admin_flag各自等于0和1)都查询出来,在前端须要分类显示,这时候就用到了struts2的<s:if>标签了,即admin_flag=0的数据放到未读中,等于1的数据放到已读中。

最后再加一些CSS特效,就形成上面的样子了。

这部分前端代码例如以下(替换掉上面Tab选项卡的模板代码):

<div class="tabPanel" style="width:900px;margin:30px auto;">
<ul style="list-style:none;">
<li class="hit">未读</li>
<li>已读</li>
</ul>
<div class="panes">
<div class="pane" style="display:block;"><h4>用户意见及建议</h4>
<p>
<s:iterator value="userlist" var="user">
<s:if test="#user.adminflag == 0">
<li style="list-style:none;margin:22px 10px 2px 10px;padding:0 5px;background:#bcbcbc;clear:both;" id="title">
用户 <b><s:property value="username" /></b> 的留言(联系方式:<b><s:property value="contact" /></b>)说:
<input type="button" value="标记为已读" style="float:right;margin:7px 0 0 0;" onclick="window.location.href='admin_comment.action? flag=3&commentid=<s:property value="commentid" />'"></input>
<span style="float:right;margin:0 15px 0 0;"><s:property value="date" /></span></li>
<li style="list-style:none;margin:0 30px;" id="comment"><s:property value="comment" /></li>
</s:if></s:iterator>
</p>
</div>
<div class="pane"><h4>用户意见及建议</h4>
<p>
<s:iterator value="userlist" var="user">
<s:if test="#user.adminflag == 1">
<li style="list-style:none;margin:22px 10px 2px 10px;padding:0 5px;background:#bcbcbc;clear:both;" id="title">
用户 <b><s:property value="username" /></b> 的留言(联系方式:<b><s:property value="contact" /></b>)说:
<span style="float:right;margin:0 15px 0 0;"><s:property value="date" /></span></li>
<li style="list-style:none;margin:0 30px;" id="comment"><s:property value="comment" /></li>
</s:if></s:iterator>
</p>
</div>
</div>
</div>

这样整个由前到后由后到前的一个过程就完毕了。效果还是不错的!

struts2+Oracle实现管理员查看用户提交的意见功能的更多相关文章

  1. oracle查看用户信息

    1.查看所有用户:select * from dba_users; select * from all_users; select * from user_users;2.查看用户或角色系统权限(直接 ...

  2. oracle 查看用户表数目,表大小,视图数目等

    查看当前用户的缺省表空间 SQL>select username,default_tablespace from user_users; 查看当前用户的角色 SQL>select * fr ...

  3. oracle 查看用户所在的表空间

    查看当前用户的缺省表空间 SQL>select username,default_tablespace from user_users; 查看当前用户的角色 SQL>select * fr ...

  4. [转]oracle中查看用户权限

    本文转自:http://www.cnblogs.com/QDuck/archive/2010/08/11/1797225.html 1.查看所有用户:   select * from dba_user ...

  5. oracle数据库查看用户相关语句

    1.查看所有用户:   select * from dba_users;   select * from all_users;   select * from user_users;   2.查看用户 ...

  6. oracle 怎么查看用户对应的表空间

    oracle 怎么查看用户对应的表空间? 查询用户: 查看数据库里面所有用户,前提是你是有 dba 权限的帐号,如 sys,system: select * from dba_users; 查看你能管 ...

  7. Oracle查看用户所在表空间

    查看当前用户所在表空间 select username,default_tablespace from user_users; 修改用户默认表空间 alter user 用户名 default tab ...

  8. 1.Oracle数据库查看用户锁表和对表解锁的sql语句

    ① 查看用户锁表 select sess.sid, sess.serial#, lo.oracle_username, lo.os_user_name, ao.object_name, lo.lock ...

  9. Oracle 表空间和用户权限管理

    一. 表空间 Oracle数据库包含逻辑结构和物理结构. 数据库的物理结构指的是构成数据库的一组操作系统文件. 数据库的逻辑结构是指描述数据组织方式的一组逻辑概念以及它们之间的关系. 表空间是数据库逻 ...

随机推荐

  1. MySQL学习总结(四)数据的基本操作以及MySQL运算符和常用函数

    数据库是存储数据库对象的仓库,数据库的基本对象是表,表用来存储数据.关于数据的操作也就是我们常说的CRUD,C指的是CREATE(插入数据记录).R指的是READ(查询数据记录).U指的是UPDATE ...

  2. Silverlight实例教程 - Validation数据验证开篇

    Silverlight 4 Validation验证实例系列 Silverlight实例教程 - Validation数据验证开篇 Silverlight实例教程 - Validation数据验证基础 ...

  3. linux-centos7中lnmp服务器编译安装含systemctl启动service(转)

    centos7 nginx  mysql  php 可以分开安装  然后在配置nginx互php的 先安装一些必要的库 ---------------------------------------- ...

  4. C++程序设计(第4版)读书笔记_指针、数组与引用

    void * 函数指针和指向类成员的指针不能被赋给void * 字符串字面值常量 #include <iostream> using namespace std; void f() { c ...

  5. nginx源代码分析--nginx模块解析

    nginx的模块很之多.能够觉得全部代码都是以模块的形式组织.这包含核心模块和功能模块,针对不同的应用场合.并不是全部的功能模块都要被用到,附录A给出的是默认configure(即简单的httpser ...

  6. 【转】Monkey测试5-运行中停止monkey

    停止monkey自动测试步骤: 1.ps命令  查找uiautomator的进程 打开cmd命令行窗口 输入: adb shell ; ps | grep monkey; 返回来的第一个数字,即是mo ...

  7. Mysql事务-隔离级别

    MYSQL事务-隔离级别 事务是什么? 事务简言之就是一组SQL执行要么全部成功,要么全部失败.MYSQL的事务在存储引擎层实现. 事务都有ACID特性: 原子性(Atomicity):一个事务必须被 ...

  8. C#调用python脚本

    因项目需要,需要使用C#控制台程序执行python脚本,查询各种资料后可以成功调用了,记录一下,以备后面遗忘. 只尝试了两种调用方式,第一种只适用于python脚本中不包含第三方模块的情况,第二种针对 ...

  9. JSON和JSONP的差别,以及用法

    1. 场景 在拉京东城市选择的基础数据时候,遇到被server拒绝的情况,也就是ajax跨域问题 2. json和jsonp 说的直白一点.在我们做ajax异步的一些功能的时候,一定会或多或少的遇到两 ...

  10. ViewPager页面切换特效

    ViewPager页面切换特效如下效果 看效果: 效果1: 效果2: 下面就开始讲解如何实现这两个页面翻转效果 1.首先你得会ViewPager控件的使用(废话!现在还有人不会使用吗???!!) 2. ...