11月27日

他们说新闻云图要求在一级目录的前提下，显示每种新闻的数量。

我不知道该怎么实现，而且我是树形组件的树不是一级目录。

同学告诉我使用这样的方法，来改变侧边栏的值

var a=document.getElementById('cj')
a.innerHTML="111"

这样的方法，确实很有想法，但是我很懵他是怎么修改侧边栏的，这不是在json文件里写好的吗

然后我发现我用的是layuimini整体框架，而他用的是layui的侧边导航栏页面。

我就去学习了一下layui的导航栏，还有值得一提的是layui官网还在，www.layuiweb.com ，在原网址后面加了web

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>layout 管理系统大布局 - Layui</title>
    <link rel="stylesheet" href="layui/layui/css/layui.css">
</head>
<body>
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo layui-hide-xs layui-bg-black">新闻系统</div>


        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item layui-hide layui-show-md-inline-block">
                <a href="javascript:;">
                    <img src="//tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg" class="layui-nav-img">
                    tester
                </a>
                <dl class="layui-nav-child">
                    <dd><a href="">Your Profile</a></dd>
                    <dd><a href="">Settings</a></dd>
                    <dd><a href="">Sign out</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item" lay-header-event="menuRight" lay-unselect>
                <a href="javascript:;">
                    <i class="layui-icon layui-icon-more-vertical"></i>
                </a>
            </li>
        </ul>
    </div>

    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree" lay-filter="test">
                <li class="layui-nav-item layui-nav-itemed">
                    <a class="" href="javascript:;">新闻</a>
                    <dl class="layui-nav-child">
                        <dd ><a id="cj"  href="newscloud.html" target="iframe">财经</a></dd>
                        <dd><a href="javascript:;">房产</a></dd>
                        <dd><a href="caijingshow.html" target="iframe">汽车</a></dd>

                    </dl>
                </li>


            </ul>
        </div>
    </div>

    <div class="layui-body">
        <!-- 内容主体区域 -->
        <div style="padding: 0px" >
            <iframe id="righFrame" name="iframe"  width="100%" height="1000px" scrolling="yes"  style="border:1px solid #CCC;"></iframe>
        </div>

    </div>


</div>
<script src="layui/layui/layui.js"></script>
<script>

   

    
</script>
</body>
</html>

经过我的精简和需要就是这个样子

 

 他写的js里面的函数没什么用，删除即可。

还有一点需要注意的是，如果打开页面想要在框架中，需要这样

 

 

 

 导航栏中的超链接需要添加target  指向定义好的内容主体区域，对应的值是name

 

在做完这一步后，我开始获取一个侧边控件。用来赋值。

但是我不知道怎么去写这个获取值的ajax了，也不知道返回值该如何表达。

 



posted @ 2021-11-27 23:00  不咬牙  阅读(56)  评论(0)    收藏  举报