• SSH电力项目九--运行监控首页显示


    需求:在首页显示出设备运行情况,并去掉<br>换行符,每隔十分钟刷新一次页面。

    ElecMenuAction.java

    首先注入运行监控service

    public class ElecMenuAction extends BaseAction<MenuForm>{
    
        MenuForm menuForm = this.getModel();
        //注入运行监控service
        @Resource(name=IElecCommonMsgService.SERVICE_NAME)
       IElecCommonMsgService elecCommonMsgService;
    
    }

    然后再查询监控内容

    /**
         * @Name:alermStation
         * @Description:站点运行情况
         * @Author:康捷
         * @Version:V1.00
         *  @create Date:20170521
         * @return :String: 跳转到menu/alermStation.jsp
         */
        public String alermStation(){
    //        1.查询数据库运行监控表的数据,返回唯一的ElecCommonMsg 
            ElecCommonMsg ecm = elecCommonMsgService.findCommonMsg();
    //            2.将ElecCommonMsg对象压入栈顶,支持表单回显    
    //        ServletActionContext.getContext().getValueStack().push(ecm);   //  后边有复用,写到公用方法中去
            ValueUtils.putValueStack(ecm);
            return "alermStation";
        }
        /**
         * @Name:alermDevice
         * @Description:设备运行情况
         * @Author:康捷
         * @Version:V1.00
         *  @create Date:20170521
         * @return :String: 跳转到menu/alermDevice.jsp
         */
        public String alermDevice(){
    //        1.查询数据库运行监控表的数据,返回唯一的ElecCommonMsg 
            ElecCommonMsg ecm = elecCommonMsgService.findCommonMsg();
    //            2.将ElecCommonMsg对象压入栈顶,支持表单回显    
    //        ServletActionContext.getContext().getValueStack().push(ecm);   //  后边有复用,写到公用方法中去
            ValueUtils.putValueStack(ecm);
            return "alermDevice";
        }

     对应的页面:

    alermStation.jsp 和 alermDevice.jsp  其中,

    <s:date name="createDate"     format="yyyy-MM-dd HH:mm:ss" /> 用来显示日期格式
    <s:property value="stationRun" escapeHtml="false"/> 去掉显示<br>内容
    <%@ page language="java" pageEncoding="UTF-8"%>
    <%@ taglib uri="/struts-tags" prefix="s" %>
    <html>
      <head>
        <title>load</title>
        <link href="${pageContext.request.contextPath }/css/Style.css" type="text/css" rel="stylesheet" />
       </head>
      <body>
        <table width="100%" border="0" id="table8">
                    <tr>
                        <td align="left" valign="middle"  style="word-break: break-all">
                        <span class="style1">
                        <s:property value="stationRun" escapeHtml="false"/>
                        </span></td>
                    </tr>        
        
                    <tr>
                        <td align="left" valign="middle"  style="word-break: break-all">
                        <span class="style1">
                        <font color="red"><s:date name="createDate"     format="yyyy-MM-dd HH:mm:ss" /></font>
                        </span></td>
                    </tr>    
                    
        </table>
      </body>
    </html>

    每隔十分钟刷新页面:

    <script>
        /**添加10分钟后自动刷新页面,站点和设备运行的实时性*/
        window.onload=function(){
            setTimeout('refresh10()',1000*60*10) ;
        }
        function refresh10(){
            window.location.reload();
        }
    </script>
  • 相关阅读:
    列式存储hbase系统架构学习
    使用Phoenix通过sql语句更新操作hbase数据
    分布式实时日志系统(四) 环境搭建之centos 6.4下hbase 1.0.1 分布式集群搭建
    布式实时日志系统(三) 环境搭建之centos 6.4下hadoop 2.5.2完全分布式集群搭建最全资料
    GDI+绘制五星红旗
    C#模拟登录后请求查询
    ubuntu下安装mysql
    配置nginx实现windows/iis应用负载均衡
    23种设计模式之原型模式(Prototype)
    23种设计模式之访问者模式(Visitor)
  • 原文地址:https://www.cnblogs.com/taiguyiba/p/6885273.html
Copyright © 2020-2023  润新知