egg(57)--helper.js扩展格式化日期,后台框架iframe重构

最新推荐文章于 2022-07-07 15:32:42 发布

weixin_33910460

最新推荐文章于 2022-07-07 15:32:42 发布

阅读量558

点赞数

文章标签： javascript ViewUI

原文链接：https://segmentfault.com/a/1190000017339212

版权

helper.js扩展格式化日期

extend

app/extend/helper.js

var sd = require('silly-datetime');

module.exports = {
    formatTime(params){
        return sd.format(new Date(params),'YYYY-MM-DD HH:mm:ss')
    }
}

view

<td><%= helper.formatTime(list[i].add_time) %></td>

后台框架iframe重构

原因：为防止左侧导航点击后，刷新页面，导航无法保存左侧导航展开收起

router.js

  router.get('/admin', controller.admin.main.index)
  router.get('/admin/welcome', controller.admin.main.welcome)

主页面

appview/admin/main.html
重要属性

<iframe name="rightMain" id="rightMain" src="/admin/welcome">
</iframe>

全部代码

<%- include ../public/page_header.html %>

<nav class="navbar navbar-inverse" role="navigation">
    <div class="container-fluid">
        <div class="navbar-header">
            <img src="/public/admin/images/node.jpg" height="44px;" />
        </div>
        <div class="collapse navbar-collapse" id="example-navbar-collapse">           
            <ul class="nav navbar-nav navbar-right">
                <li><a>欢迎您 <%=userinfo.username%></a>
                </li>
                <li><a href="/admin/loginOut">安全退出</a>
                </li>
            </ul>
        </div>
    </div>
</nav>

<div class="container-fluid">
    <div class="row">
        <div class="col-sm-2">
            <%- include ../public/page_aside.html %>
        </div>
        <div class="col-sm-10">
            <iframe name="rightMain" id="rightMain" src="/admin/welcome" frameborder="false" scrolling="auto" width="100%" height="100%">
            </iframe>
        </div>
    </div>
</div>

</body>
</html>

公共头部

app/view/admin/public/page_header.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>egg后台管理系统</title>
</head>
<body>
<!--The content below is only a placeholder and can be replaced.-->

<link rel="stylesheet" href="/public/admin/bootstrap/css/bootstrap.css">

<link rel="stylesheet" href="/public/admin/css/basic.css">

<script type="text/javascript" src="/public/admin/bootstrap/js/jquery-1.10.1.js"></script>

<script type="text/javascript" src="/public/admin/js/base.js"></script>

左侧导航

app/view/admin/public/page_aside.html

重要属性

<atarget="rightMain"></a>