引入JSCSS的另外一种方法

最新推荐文章于 2021-11-19 14:44:58 发布
最新推荐文章于 2021-11-19 14:44:58 发布
阅读量115 收藏
点赞数
文章标签： php python
原文链接：https://my.oschina.net/u/1046202/blog/379946
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

<?php

use yii\helpers\Html;

use app\assets\AppAsset;

use yii\widgets\ActiveForm;

?>

<!DOCTYPE HTML>

<html>

<head>

    <title>后台管理系统</title>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <?=Html::cssFile('@web/assets/css/dpl-min.css')?>

    <?=Html::cssFile('@web/assets/css/bui-min.css')?>

    <?=Html::cssFile('@web/assets/css/main-min.css')?>

    <?=Html::cssFile('@web/css/site.css')?>

    <?=Html::jsFile('@web/assets/js/jquery-1.8.1.min.js')?>

    <?=Html::jsFile('@web/assets/js/bui-min.js')?>

    <?=Html::jsFile('@web/assets/js/common/main-min.js')?>

    <?=Html::jsFile('@web/assets/js/config-min.js')?>

    <script>

        $(function(){

            ajaxPull();

            //轮询，实时更新消息数,10秒更新一次

             function ajaxPull(){

                setInterval(updateMsg,10000);

            }


            //每个轮询操作

             function updateMsg(){

                var msgnum=parseInt($("#msgnum").text());

                //异步操作，发送请求，对比消息数变更

                 $.get('/admin/msg/pull',{msgnum:msgnum},function(data){

                     if(data.status==1){

                         //更新消息提示

                         $("#msgnum").text(data.msgnum);

                     }

                 },'json');


            }




        })

    </script>

</head>

<body>


<div class="header">


    <div class="dl-title">

        <!--<img src="/chinapost/Public/assets/img/top.png">-->

    </div>


    <div class="dl-log">欢迎您，<span class="dl-log-user" id="<?=Yii::$app->user->getId()?>"><?=Yii::$app->user->identity->nickname?>(<?=Yii::$app->user->identity->user?>)</span>   <span class="glyphicon glyphicon-envelope"></span>  <span class="badge" id="msgnum"><?php if(Yii::$app->session->has('msg')):?> <?=Yii::$app->session->get('msg')?><?else:?>0<?endif?></span>  <a href="<?=Yii::$app->urlManager->createUrl(['admin/index/logout'])?>" title="退出系统" class="dl-log-quit">[退出]</a>

    </div>

</div>

<div class="content">

    <div class="dl-main-nav">

        <div class="dl-inform"><div class="dl-inform-title"><s class="dl-inform-icon dl-up"></s></div></div>

        <ul id="J_Nav"  class="nav-list ks-clear">

            <li class="nav-item dl-selected"><div class="nav-item-inner nav-home">系统管理</div></li> <li class="nav-item dl-selected"><div class="nav-item-inner nav-order">业务管理</div></li>


        </ul>

    </div>

    <ul id="J_NavContent" class="dl-tab-conten">


    </ul>

</div>



<script>

    var test="<?= Yii::$app->urlManager->createUrl('admin/index/users')?>";

    var thumb="<?= Yii::$app->urlManager->createUrl('admin/index/thumb')?>";

    var sendmsg="<?= Yii::$app->urlManager->createUrl('admin/msg/sendmsg')?>";

    var msg="<?= Yii::$app->urlManager->createUrl('admin/msg/msg')?>";

    var mysend="<?= Yii::$app->urlManager->createUrl('admin/msg/mysend')?>";


    BUI.use('common/main',function(){

        var config = [

            {id:'1',menu:[

                  {text:'系统管理',items:[{id:'11',text:'朋友圈',href:test},{id:'12',text:'头像管理',href:thumb}]},

                  {text:'消息管理',items:[{id:'22',text:'我的消息',href:msg},{id:'23',text:'我发送的',href:mysend},{id:'24',text:'发送信息',href:sendmsg}]}

                ]},

            {id:'7',homePage : '9',menu:[{text:'业务管理',items:[{id:'9',text:'查询业务',href:test}]}]}

        ];

        new PageUtil.MainPage({

            modulesConfig : config

        });

    });

</script>

</body>

</html>


转载于:https://my.oschina.net/u/1046202/blog/379946

weixin_34121282
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js动态生成菜单树
meilovebo的博客
06-26 4118
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="utf-8"&gt;&lt;title&gt;js生成菜单树&lt;/title&gt;&lt;link href="assets/cs
Bootstrap后台管理系统模板 设置起始页
banlianjun1158的博客
10-29 631
最近使用了一款bootstrap的模板，进入的起始页显示空白，这时候只要添加一个属性 homePage:' ', ' '中添加主页指向的页面的id就可以了，如下，重新打开页面，首页成功跳转到 'personal/information' 指向的页面中！ <script> BUI.use('common/main',function(){ var c...
BUI自动生成菜单栏问题
Gy__My的博客
03-03 2994
最近有机会接触了一下BUI框架,感觉挺好用的,页面效果看起来也很和谐.在过程中遇到一些问题,就来分享一下,也为了做个记录. BUI.use('common/main',function(){ var categories_string = $('.categories').val(); var categories = eval("(" + categ
bui前端框架+yii整理
weixin_34088598的博客
08-08 501
这个是做bui前端样式整合的时候记录的。 首先当然是要下载一个yii的源码，搭建起来。 第一步将bui的样式迁移到yii的样式目录中去 这里我在样式外面加了一个bui的文件夹，表示这个文件夹中存放的是bui相关的样式，以免重复。 然后创建一个控制器，正常编写。 <?php namespace app\controllers; use Yii; use yii\we...
BUI使用
Bri0117的博客
06-29 736
BUI使用 1.下载并安装vscode https://code.visualstudio.com/ 2. 下载并配置node.js（8.10.0） https://www.jianshu.com/p/13f45e24b1de 3. 配置BUI环境 打开Vscode，下载bui-fast插件 下载单页开发包 http://www.easybui.com/downloads/source/bui/bui_router_dev_latest.zip 使用Vscode打开下载好的单页开发包
Vue cli 引入第三方JS和CSS的常用方法分享
01-19
第一种方法： 直接在index.html中引入 js [removed][removed] css <link rel=stylesheet href=static/mui.min.css rel=external nofollow /> 第二种 在单页面中用import方法导入 js import mui from '../...
vue 引入公共css文件的简单方法(推荐)
08-28
Vue 引入公共 CSS 文件的简单方法 ...我们可以使用三种方法来引入公共 CSS 文件，包括在入口 js 文件中引入、在 index.html 中引入和在组件中引入。每种方法都有其优缺，选择哪种方法取决于项目的具体需求。
jsp页面中插入css样式的三种方法总结
01-20
- javascript 动态修改css样式方法汇总(四种方法) - 纯css+js写的一个简单的tab标签页带样式 - JavaScript改变HTML元素的样式改变CSS及元素属性 - JavaScript修改css样式style - 动态改变元素样式JS控制CSS样式的...
JS和CSS和C++互相调用
06-01
JavaScript（JS）是一种广泛用于Web前端的脚本语言，负责处理用户交互、动态内容和与服务器的通信。通常，JS运行在浏览器的JavaScript引擎中，如Chrome的V8或Firefox的SpiderMonkey。JS可以通过多种方式与CSS和C++...
BUI修改
jimmylsp的专栏
04-26 933
_uiSetHeight : function(v){       var _self = this,         el = _self.get('el'),         barEl = el.find('.tab-nav-bar'),         containerEl = _self.getTabContentContainer();       if(v){    
java springmvc+bui+bootstrap后台管理系统搭建
weixin_30363981的博客
10-29 612
先来说说bui，这个框架是阿里巴巴的一个前端团队研发的，能够用很少的代码快速搭建一个后台管理系统，很适做管理平台的开发， 之前用过类似这样的框架extjs，做个比较，这个框架实现功能比extjs的代码相对少一些，而且它的样式有扁平化版本，就因为这样，所以我才选择了它来做一个管理平台，运行速度也extjs快(当然这是两年的extjs框架了，当前的extjs版本我也没用过)，这个框架的语法简直...
mvc中嵌入html,MVC Razor与javascript混编（js中嵌入razor）
weixin_31860143的博客
06-17 273
其中的关键是输出js上的纯文本内容，让浏览器解析为其中的js代码BUI.use(‘common/main‘,function(){var config = [{id: ‘1‘,menu:[@{int ruiyalel = (int)Session["ruiyaLev"];int happyfamilylel = (int)Session["happyfamilyLev"];if (ruiyalel...
BUI 示例总结（小技巧）
qq_095的博客
09-08 3276
示例一、 BUI 点击事件 html部分： &lt;main&gt; &lt;!-- 正文内容 --&gt; &lt;ui-button class="btn" id="getParamsId"&gt;获取id&lt;/ui-button&gt; &lt;/main&gt; js部分： $('#getParamsId').on(
SpringMVC+BUI实现文件上传（附详解，源码下载）
weixin_30484247的博客
01-29 139
中午有限时间写这博文，前言就不必多说了，直奔主题吧。 BUI是一个前端框架，关于BUI的介绍请看博主的文章那些年用过的一些前端框架。 下面我们开始实例的讲解！ 一、效果演示： 上传成功后，会发现本地相应的sava目录下多了刚刚上传的图片（因为只是一个例子，就保存在本地目录了）。 二、实例讲解 本实例使用的环境，eclipse + maven。 使用...
BUI 框架使用指南
weixin_30417487的博客
06-03 2369
指南说明：只适用于对框架的剥离 如果不需要剥离则原来的东西直接粘贴就行 在主界面中使用时需要加入一下引用bui.js jquery.js config.js 末尾的文件 BUI.use(位置1, function () 其中位置一需要填写你的main-min.js 文件所在的路径以及main的文件名 例如我的文件在Resouce/JS/main-min.js 我需要这样写Res...
三个动态展示菜单项的示例,以供理解使用方法,包含一个基于BUI实现菜单项动态展示的示例页面
love_yr的博客
11-19 674
动态展示菜单项思路: 用户里面包含角色id,角色和菜单多对多, 要么根据用户id查到用户包含的菜单项在展示页面遍历,要么根据角色id在 页面做判断是否展示或隐藏 三个示例,如果在此页面看着不舒服,建议复制到idea观看 1.前后端不分离,servlet+jsp,在servlet(相当于控制层)存储用户的信息,包含角色和菜单列表(此示例包含二级菜单,需要在service层将用户菜单根据数据库菜单等级分好级,在servlet存的是一个分好级的菜单) <%@ page contentType="tex
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值