当前位置: 首页 > 软件库 > Web应用开发 > Web框架 >

AmazeUI-bjs

基于Amaze UI和bingoJS的模板
授权协议 Apache
开发语言 JavaScript
所属分类 Web应用开发、 Web框架
软件类型 开源软件
地区 国产
投 递 者 冀耀
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

AmazeUI - admin

bingoJS 2.x

demo

PS:基于 AmazeUI(amdin) + bingoJS 2.x 实现模块化单页面(SPA),这里主要演示如何使用bingoJS搭建前端SPA工程,规划和定义服务、指令和route的转发等,拿来即用,依靠纯JS搭建浏览端系统,尽量减少对构建工具的依赖;

安装/使用:

遵循以下4个简单的步骤, 就能使用demo

步骤 1: Clone 内容

$ git clone https://github.com/guless/AmazeUI-bjs.git AmazeUI-bjs

步骤 2: 进入bingoJS2目录

$ cd AmazeUI-bjs

步骤 3: Install dependencies

$ npm install

步骤 4: 启动demo

$ npm start

目录结构:

│  index.html 
├─demo 
│  │  index.html 
│  │  route.js 
│  │  
│  ├─api
│  ├─commands
│  ├─modules
│  ├─services
│  └─tmpls
│
└─statics
    ├─AmazeUI
    └─bingo

index.html:为首页

demo目录:演示demo app

demo/index.html:demo首页

demo/route.js:demo route配置

demo/api目录:模板数据加载的josn文件

demo/commands目录:指令定义与模板

demo/modules目录:业务代码与模板

demo/services目录:服务定义

statics/AmazeUI目录:AmazeUI 的相关资源

  • amazeui学习笔记--js插件(UI增强2)--按钮交互Button 一、总结 1、按钮loading状态: <button type="button" class="am-btn am-btn-primary btn-loading-example">Submit - Button</button> <input type="button" class="am-btn am-btn-prim

  •  导航添加依据 http://amazeui.org/javascript 下面内容属学习笔记,如有理解偏差和错误请留言相告,感谢!* =(官网这块写的很详细) 一 、UI增强   1.警告框 显示可关闭的页内警告信息。 在 Alert 最外层元素上添加 data-am-alert。   2.按钮交互 *    a.按钮Loading状态       b.单按钮状态切换      c.复选框   

  • 定制流程 下载 Amaze UI 源码:从 GitHub 选择版本,点击 Source code (zip) 下载并解压(定制只适用于 Amaze UI 2.x); 下载安装 Node.js; 全局安装 gulp:npm install -g gulp; 安装相关依赖:切换到 Amaze UI 源码目录,运行 npm install; 下载定制配置文件:在下面的列表中选择需要的组件,然后点击绿色按

  • ##这两天工作比较忙,不过还是要总结相关的坑,希望兄弟们要谨慎应用AmazeUI 里边自带的树形结构插件 ##然后我简单说下我们公司前端应用:UI框架为AmazeUI(俗称妹子),交互框架为JQ。 ##如果你公司对于树形结构这边要求不要求有点击事件,只是纯显示那么你可以继续向下看,如果要求树形结构支持勾选,支持拖拽等等...我建议你直接点击退出,去用Ztree吧 第一步:基本引入 <link re

  • amaze ui各个模块简单说明 导航添加依据 http://amazeui.org/css/  下面内容属学习笔记,如有理解偏差和错误请留言相告,感谢!* =(官网这块写的很详细) 一、基本样式 1.统一样式     说明了为什么使用Normalize,而不是Rest。 2.基础设置   a.css和模型     讲了一个CSS3的新属性:box-sizing。作为一个技术不到位的人,真没看懂。

  • 此文所有图标项转载自: https://blog.csdn.net/wangjinduo35056/article/details/78782953 图标列表:(使用时建议复制到html编辑器中,在页面中显示图标后,使用F12选择需要的标签,获取其具体class) <i class="am-icon-bluetooth"></i> <i class="am-icon-bluetooth-b"></

  • 源起 最近在学习Amazeui-react的开发,发现react着实是一个好东西,但是蛋疼的是webpack这个东西好难配置,稍不注意就会导致自动编译失败,会出现一堆的问题,下面就请跟我一起从零开始学习React+webpack配置,并且如何在webstorm中很好的运用它们。 准备 1、下载webstorm11和nodejs。 下载太慢?直接百度云打包分享吧~~windows mac osx 开

  • 全文的目的是达成使用amazeui-touch进行项目开发,并且以我这个前端菜鸟所见所学来归纳整理。文章不对详细内容做讲解。 环境安装与前期准备 我的基础环境: Win10 ATOM : GitHub出的开源的编辑器 CMDER : http://cmder.net/ 命令行工具, windows下一个炒鸡好用的神器。 Node.js : https://nodejs.org/en/ 官网直接下载

  • 当使用单独的html页面(包括head以及引用js)时,从后台获取数据,拼接到<select multiple data-am-selected><option></option></select>中,一切正常。 使用Amaze UI + knockout.js+director.js+require.js这种MVVM开发模式,html页面只包括body中的标签,此时从后台获取数据,拼接到<sel

  • webpack 1.webpack在package里设置,可以执行npm run *; dev:服务器的开启 start:服务器开启 build:项目打包 unit: 单元测试 "scripts": { "dev": "node build/dev-server.js", "start": "node build/dev-server.js", "build": "nod

  • amazeui学习笔记一(开始使用3)--兼容性列表compatibility 一、总结 1、不要用ie做前端测试,不要碰ie,尽量用google 浏览器: 按照微软官方的说法,IE 开发者工具中的浏览器模式也不一定靠谱; 2、 amazeui的浏览器支持情况:amazeui对google浏览器的支持是最最最最好的:amaze ui也支持最新版的ie,特别老的版本6789支持不好     二、兼容

  • 这段时间做的一个项目,整个系统就一个页面,然后就是各种模态框,js里拼HTML代码,而且因为表单空留距离小,最后选定了amaze ui原生的表单验证 在amaze ui官网找到 表单验证。 但是amaze的 事例太少了,导致入坑,下面把我的解决方法分享给大家 正常情况下载添加amaze验证很简单,在form 后面添加 data-am-validator form id="doc-vldX" act

 相关资料
  • 1、关于bingoJS bingoJS是一个前端MV*开发框架,提供了前端框架所需基础要素,目前已经支持模块化开发、按需动态加载、完善的双向绑定、依赖注入等;让你在开发只关注业务代码的实现。 2、提供MV*开发模式 框架提供前端MV和前端MVC两种开发方式,可以实现轻APP和重APP前端搭建。在轻业务的场景里我们可以使用前端MV实现html和JS分离开发,这样让APP管理会变更清晰更简单;而在重业

  • 了解如何在 Dreamweaver“设计”视图和“代码”视图中识别模板和基于模板的文档。 在“设计”视图中识别模板 在“设计”视图中,可编辑区域出现在“文档”窗口的矩形外框中。查看“文档”窗口中的底部窗格可看到区域的名称。 通过查看“文档”窗口中的标题栏,可以识别模板文件。文件的文件扩展名为 .dwt。在“设计”视图中识别模板 在“代码”视图中识别模板 在“代码”视图中,使用以下注释标记 HTML

  • 1. Hierarchical Softmax的缺点与改进 在讲基于Negative Sampling的word2vec模型前,我们先看看Hierarchical Softmax的的缺点。的确,使用霍夫曼树来代替传统的神经网络,可以提高模型训练的效率。但是如果我们的训练样本里的中心词w是一个很生僻的词,那么就得在霍夫曼树中辛苦的向下走很久了。能不能不用搞这么复杂的一颗霍夫曼树,将模型变的更加简单呢

  • 1. 基于Hierarchical Softmax的模型概述 我们先回顾下传统的神经网络词向量语言模型,里面一般有三层,输入层(词向量),隐藏层和输出层(softmax层)。里面最大的问题在于从隐藏层到输出的softmax层的计算量很大,因为要计算所有词的softmax概率,再去找概率最大的值。这个模型如下图所示。其中V是词汇表的大小, word2vec对这个模型做了改进,首先,对于从输入层到隐藏

  • 问题内容: 我在_base.html模板中得到了这个引导导航,如下所示: 使用Golang我想添加一个 到相应的列表项。 我读过的HTML /模板 文档和文章一样thisone,但在我看来,我必须写一个golang功能,增加了 到每个对应的对应列表项。但是我仍然可以通过某种方式添加一些类似的内容 或类似的东西。我记得Rob Pike说过Golang应该为您做所有计算,但是为什么在html / te

  • 问题内容: 我正在尝试模拟一些基于反射的方法。您可以在下面看到详细信息, 被测课程 测试 } 要么 但是,测试失败,并显示NullPointerException。我知道我在嘲笑概念上做错了什么,但是我不明白这是什么。您能否对此加以说明,并建议我如何测试此方法? 谢谢。 问题答案: 您需要一个Method对象和一个Class对象。根据您的评论,Mockito无法模拟方法,因此您需要一个真正的方法。