首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

后台管理UI的选择

IE7,因为现在还有很多公司在使用Win7系统,系统内置了IE8 3、能通过选项卡打开多个页面,不想做单页,iframe也没关系 4、性能好,不要太笨重 5、最好以Bootstrap为基础 6、还希望在以后别的系统中能够复用...一次次反复纠结的选择开始了,给大家介绍下我考虑过的UI,也给大家一个参考。 一、EasyUI easyui是一种基于jQuery的用户界面插件集合。...官网:http://jui.org/ 下载:https://github.com/dwzteam/ 三、HUI H-ui前端框架是在bootstrap的思想基础上基于 HTML、CSS、JAVASCRIPT...它是充分响应的由Bootstrap3 +框架开发的模板,HTML5和CSS3。它有很多可重用的UI组件和集成了最新的jQuery插件。...想来想去还是拿不定主意,不过有点想法: 1、使用HUI和bootstrap 2、使用EasyUI的框架,内容页使用HUI+BootStrap,iframe选项卡 3、从各个功能强大的页面中拿一些插件过来

5.1K21

前端学习路线指南

Objects, etc 理解函数, 条件表达式, 循环,操作符等 事件处理 JSON(JavaScript Object Notation), JavaScript对象表示法 jQuery框架...——(现阶段还不足以称Web Developer) 有能力搭建一个专业的简单网站 有能力搭建网页应用的界面 能够把一张PSD 转化为基于HTML/CSS的静态网页 有在公司上班的实力, 或者选择成为一名自由职业者...PHP(不是最好的语言,但是是最可靠的服务器端语言) Node.js(一款新型, 强大的后台语言) Ruby on Rails (最好的框架,但已经到了瓶颈期) Python(简单易学,但相对于主流语言并不流行...关系型数据库: MySQL 和 PostgreSQL 非机构化数据库: MongoDB 和 CouchDB 建议选择一个以下的组合: PHP/ MySQL Node.js/ MongoDB 第十步...HTTPS / SSL 第十一步: 部署应用 专用服务器/ VPS 应用云平台: Heroku, Digital Ocean, AWS 部署工具 Linux命令行 维护和升级 第十二步:恭喜你

1.8K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    UI库(CSS+HTML)

    需要注意的是这个框架和Ruby on Rails是高度整合的,用起来需要大量的命令行操作,比Bootstrap麻烦,但是在Rails开发人员里面用得比较多。...UI库(UI组件库) bootstrap - Twitter推出的一个用于前端开发的开源工具包,jQuery 生态。据说马上的 v5 版本会脱离 jQuery 生产。...Vue 2.0 的桌面端组件库 Element-React Element Angular Bootstrap (CSS框架) Bootstrap是在jquery时代的UI组件库,而且Bootstrap...大部分组件是依赖css的,依赖jQuery的组件主要是有交互的弹窗组件、下拉菜单等。...其自身也在不断的迭代发展,今年年底发布的Boostrap v5版本包含了很多非常期待的特性,可以说一个前端开发者,要是吃透Boostrap,那么在国内的前端圈子,可以横着走。

    1.7K10

    Rails 7 中引入 Bootstrap 5

    在 Rails 7 中静态资源的管理已经从 “Webpacker” 改为了 “Import Maps”,用来简化基于 JavaScript 的工具和包管理器 Webpack、Yarn 或者 npm 的使用...Rails 7 实现了一个愿景,即一种真正的全栈 Web 开发方式,可以同时应对前端和后端的挑战。...Rails 7.0: Fulffilling a vision本文将使用 Ruby 3.0 和 Rails 7.0 环境,创建 Rails 7 应用,并在该应用中引入 Bootstrap 5。...s 命令启动 Rails 应用,在浏览器中输入 localhost:3000/home/index 查看 index 页面图片出现该页面说明引入的 Bootstrap 已经生效。...第二种方式:引入 Bootstrap 和 jQuery添加 Bootstrap 和 jQuery 的 Ruby Gem创建一个新的项目 rails-bootstrap-jquery,之后再项目的 Gemfile

    3.1K50

    Rails 7 中引入 Bootstrap 5

    在 Rails 6 中有两种不同的工具可以用来管理前端的 CSS、JavaScript 以及 images 等资源,分别是 “Sprockets” 和 “Webpacker”,“Sprockets” 除了...在 Rails 7 中静态资源的管理已经从 “Webpacker” 改为了 “Import Maps”,用来简化基于 JavaScript 的工具和包管理器 Webpack、Yarn 或者 npm 的使用...Rails 7 实现了一个愿景,即一种真正的全栈 Web 开发方式,可以同时应对前端和后端的挑战。...s 命令启动 Rails 应用,在浏览器中输入 localhost:3000/home/index 查看 index 页面 出现该页面说明引入的 Bootstrap 已经生效。...第二种方式:引入 Bootstrap 和 jQuery 添加 Bootstrap 和 jQuery 的 Ruby Gem 创建一个新的项目 rails-bootstrap-jquery,之后再项目的 Gemfile

    2.5K20

    这 5 个前端组件库,可以让你放弃 jQuery UI

    既可以在单个软件包中下载jQuery UI的所有元素,也可以选择只下载感兴趣的组件和功能。使用这样的控件集能够为组件创建出一致的外观,并允许以更少的投入快速创建出应用。...虽然jQuery UI能起到很好的作用,但是还有其它的一些框架,拥有很好的高品质控件。在这篇文章中,将会分析其中的几个框架并做比较。...有趣的一点是,Wijmo 5构建在更现代化的标准之上,因此在IE8上不起作用,此时就需要Wijmo的旧版本。Wijmo 3是基于jQuery,所以它支持直到在IE6上使用。...虽然这个框架与jQuery UI共享一些组件,但Webix扩展了jQuery UI并提供了一些不同于jQuery UI中常用的组件。 Webix文档具有很好的帮助作用。...所有控件都带有一个API参考指南,其中涵盖了控件的所有方法,属性和事件。此外,大多数控件都具有一些样例,用于准确的展示控件功能。

    5.3K20

    Bootstrap运用终极指南

    还有一个Saas版本,它是Bootstrap从Less移植到Sass的源码移植项目。如果你想快速地在Rails、Compass或仅支持Sass的项目中使用Bootstrap,那么这个版本是不二之选。...Bootstrap Multiselect是一个用于UI的jQuery插件,它使用具有多个属性的选择输入,并使其以带复选框的下拉框形式出现。 37....Bootstrap主题、模板和UI工具包 如果愿意的话,你也可以自己构建Bootstrap主题和模板。为提高开发效率,以下这些免费的高级资源也可以直接下载使用。...7.Cardeostrap是一个用于Bootstrap的大型UI工具包,内容分为CSS、组件和JavaScript三个版块。...Roots 是一个建立在Bootstrap上的WordPress主题框架。 24. UI Bootstrap 是一组用AngularJS编写的Bootstrap组件。 25.

    4.2K11

    Bootstrap使用及环境搭建详解

    和 字体文件的源码,并且带有清晰的文档,但需要 Less 编译器和一些设置工作。...(3)sass(针对 Sass 的项目中引入) 从 Less 到 sass 的源码移植项目,用于快速地在 Rails、Compass 或 只针对 Sass 的项目中引入,一般情况下用不到此包。...了解CDN 即内容分发网络(Content Delivery Network),CDN是构建在网络之上的内容分发网络,依靠部署在各地的边缘服务器,通过中心平台的负载均衡、内容分发、调度等功能模块,使用户就近获取所需内容... 注意:这篇是Bootstrap的搭建,所以不介绍JQuery请自行下载,下载和用法与Bootstrap大同小异。...-- jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery) --> jquery.com/jquery.js">

    2.8K20

    使用Ruby on Rails和Bootstrap开发社交网络平台的详细教程

    在这篇博客中,我们将深入介绍如何使用Ruby on Rails(RoR)框架和Bootstrap前端框架共同开发一个简单而功能丰富的社交网络平台。...devise Userrails db:migrate步骤6:集成Bootstrap在Gemfile中添加Bootstrap和jQuery:gem 'bootstrap', '~> 5.0'gem '...jquery-rails'然后运行以下命令安装和生成Bootstrap:bundle installrails generate bootstrap:install步骤7:创建社交网络功能在config...通过这个简单的例子,你可以深入了解如何使用Ruby on Rails和Bootstrap开发一个社交网络平台。...随着你的学习深入,你可以添加更多功能,例如用户认证、用户间关系、帖子、评论等,以创建一个更加完整和实用的社交网络应用。祝你在Ruby on Rails的开发之旅中取得成功!

    23810

    9 款样式华丽的 jQuery 日期选择和日历控件

    1、HTML5移动端外观时尚的日期时间选择控件 之前我们介绍过很多基于jQuery的日期时间选择控件,比如这款基于Bootstrap和jQuery的日历控件和日期选择插件。.../jquery-bootstrap-calendar.html) 3、jQuery/CSS3带数字时钟的圆盘时钟 之前我们分享过很多基于jQuery和CSS3的时钟插件了,有数字时钟,比如这款CSS3倒计时时钟动画...今天要介绍的这款时钟插件是数字时钟和圆盘时钟的混合,也就是在圆盘时钟上嵌入了一个数字时钟,更加美观和实用。 ?...今天要分享的这款jQuery日历插件不仅有着绚丽的外观,而且带有日期事件记录功能,点击日期即可展开事件记录窗口,你可以设置事件的描述以及提醒的时间,是一款相对实用的jQuery日历插件。 ?.../jquery-calendar-with-event.html) 8、jQuery UI 自定义样式的日历控件 今天要给大家带来一款基于jQuery UI的日历控件,这款日历控件的样式是通过自定义过的

    24K10

    web前端框架种类(类型)

    使用框架开发的作用:提高开发效率,减少成本,节省时间。...) 2、bootstrap框架(主要用于样式css辅助)网址如下:Bootstrap v3 中文文档 · Bootstrap 是最受欢迎的 HTML、CSS 和 JavaScript 框架,用于开发响应式布局...| Bootstrap 中文网 (bootcss.com) 3、妹子UI,(国产前端框架):网址是Amaze UI | 中国首个开源 HTML5 跨屏前端框架 (shopxo.net)。...这个国产框架的作用和bootstrap基本一样,使用哪一个都可以,根据自己的习惯就行。只不过一个是英文(外国产品),一个是中文(国产)。 4、醉牛前端框架。...网址为:前端人的俱乐部 (f2er.club) 5、layui前端框架(国产),作者是贤心(你们猜作者是男还是女呢)。 网址是:Layui - 经典开源模块化前端 UI 框架。

    96420

    前端常用插件

    jquery-ui: jQuery 团队开发的 UI 相关的前端库,功能强大 todomvc: 分别基于 AngularJS/EmberJS/Backbone等实现的 TODO List, 帮助开发者选择前端...mithril.js: 轻量型前端 MVC 框架,部分使用场景下性能优于 Angular.js 和 React backbone: 强大的前端 MVC 库,鼻祖级前端库,最初为了配合 Rails 来模块化前端应用...,可以让我们根据不同的设备来为其定制响应的 Javascript 和 CSS jquery-qrcode: jQuery 插件,用来生成二维码 Wookmark-jQuery: jQuery 的一个插件...版的 Firefox jquery-mobile: jQuery 团队开发的用于辅助手机端 web app 开发的库,基于 HTML5 mobile-angular-ui: 基于angularjs和bootstarp...和 CSS3 支持情况的库 foundation: 另一款前端模版框架,类似于 Bootstrap Flat-UI: Bootstrap 的一款主题,简洁美观 iCheck: 一款漂亮的 Checkbox

    4.7K61

    独立开发者必备的29个开源React后台管理模板

    我们尚未在此模板中使用jQuery,其纯ReactJs与CRA和完全基于组件的管理模板。 Skote是一个制作精美、干净和设计最小的管理模板,具有带有RTL选项的深色、浅色布局。...请放心,未来的更新。我们不断添加和更新新的很酷的东西。 Wieldy现在也包括HTML、jQuery和BootStrap4版本。在购买之前,请详细检查这两个演示。...JustDo Bootstrap管理模板是使用react-bootstrap库构建的,因此它对jQuery没有任何依赖。...25.Lexa Lexa是一个功能齐全的多用途管理模板,使用Bootstrap 4、HTML5、CSS3和JQuery构建。...Lexa也可用于React Redux(无jQuery)、Laravel 7、PHP和Ajax版本。它完全响应,并具有非常干净的用户界面,附带了大量的组件、小部件、UI元素。

    7K10

    程序员Web面试之前端框架等知识

    下面就Web开发用到的前端框架、UI套件、UI插件一一列举(排名不分先后): jQuery UI jQuery UI以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。...jQuery UI 与 jquery 的主要区别是: (1) jQuery是一个js库,主要提供的功能是选择器,属性修改和事件绑定等等。...(2) jQuery UI则是在jQuery的基础上,利用jQuery的扩展性,设计的插件。提供了一些常用的界面元素,诸如对话框、拖动行为、改变大小行为等等。...Templating 它对于分离前台的业务逻辑和视图简化数据绑定过程有显著的作用。...Bootstrap一经推出便颇受欢迎,一直是GitHub上的热门开源项目。Bootstrap为我们的网站快速搭建提供了不错的工具和思路,这个工具集将拥有更旺盛的生命力。

    2.2K50
    领券