BUI 框架使用指南

摘要:
指导说明:它仅适用于框架的拆分。如果不需要拆分,可以直接在主界面中粘贴原始内容。使用它时,需要向文件BUI添加引用。在bui.jsjquery.jsconfig末尾使用。js(位置1,函数(),其中位置1要求您填写主min.js文件的路径和主文件名。例如,我的文件位于Resolve/JS/main-min.JS文件中。我需要编写Resolve/JS/mainConfig。js文件
  指南说明:只适用于对框架的剥离 如果不需要剥离则原来的东西直接粘贴就行
  1.  在主界面中使用时需要加入一下引用bui.js jquery.js config.js
  2. 末尾的文件 BUI.use(位置1, function ()  其中位置一需要填写你的main-min.js 文件所在的路径以及main的文件名 例如我的文件在Resouce/JS/main-min.js  我需要这样写Resouce/JS/main
  3. Config.js文件需要这样进行修改

直接可以粘贴 修改后的文件就是这样的

其中jsBase变量 用于表示文件所在的文件夹

(function ($) {

    var jsBase = '../../Resouce/JS';//这个文件路径需要自己去填写你的JS文件所在//的具体文件夹

    BUI.config({

        alias: {

            'common': jsBase,

            'module': jsBase

        }

    });

 

})(jQuery);

  1. Bui.css dpl.css 都需要修改 修改的内容为 图片的引用地址background-image 这个属性的文件路径
  2. 后面的附属页面中也需要引用 这些js文件 不需要css文件

<script src="http://t.zoukankan.com/Resouce/JS/jquery.js" type="text/javascript"></script>

<script src="http://t.zoukankan.com/Resouce/JS/bui.js" type="text/javascript"></script>

<script src="http://t.zoukankan.com/Resouce/JS/config.js" type="text/javascript"></script>

<script type="text/javascript">

    BUI.use('../../Resouce/JS/page');//对该路径的解释:例如我在Resouce/JS文件//夹路径下有page-min.js 文件 我就需要这//样写Resouce/JS/page 注意你的config.js    文件的路径配置要保持一致

</script>

免责声明:文章转载自《BUI 框架使用指南》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Kettle-linux部署方案SQL触发器实例(下)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

原生js和vue之间的数据通讯--EventEmitter

有个小项目在原来原生的框架编写,但是不想写原生,就引入了vue 然后有个需求要和原生的js进行交互通讯,于是就可以用node.js EventEmitter 具体做法: 先引入文件<script src="http://t.zoukankan.com/js/eventEmitter.js"></script>, 初始化, 然后在vu...

GO开发:用go写个日志监控系统

日志收集系统架构 1.项目背景 a. 每个系统都有日志,当系统出现问题时,需要通过日志解决问题 b. 当系统机器比较少时,登陆到服务器上查看即可满足 c. 当系统机器规模巨大,登陆到机器上查看几乎不现实 2.解决方案 a. 把机器上的日志实时收集,统一的存储到中心系统 b. 然后再对这些日志建立索引,通过搜索即可以找到对应日志 c. 通过提供界面友好的we...

node-glob学习

node的glob模块允许你使用 *等符号, 来写一个glob规则,像在shell里一样,获取匹配对应规则的文件. 这个glob工具基于javascript.它使用了 minimatch 库来进行匹配 用法: 首先下载glob包:  npm install glob 调用格式: var glob = require("glob") // optio...

三种比较好玩的黑客效果JS代码(摘取)

<html> <head> <title>The Matrix</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/ja...

树莓派自动启动登陆与运行程序

如果把树莓派(raspberry pi)做成一个电器的话,一上电,必须支持几个动作 1, 自动登录 2, 自动运行startx启动窗口系统 3, 窗口系统启动后,自动运行自定义的程序(一般是应用主界面) 研究了一下,是这样做的 实现自动登录:修改/etc/inittab文件sudo nano /etc/inittab向下滚动,找到行 1:2345:resp...

浅谈js的几种模式(三)

  接着前面两篇,终于到了第三篇了,天真冷。   组合使用构造函数模式和原型模式   前面讲到了js中的原型模式,是为了解决不共享的问题,然而也因为原型模式的共享性带来了一些问题。原型中所有的属性,对它的实例都是共享的,但是有时我们希望每个实例中能有自己私有的属性,那么此时我们就要组合使用构造函数模式和原型模式。例:           function...