Gogo React响应式Bootstrap 4后台管理模板仪表板HTML5模板下载

Gogo结合了良好的设计,高质量的代码和对细节的关注。 我们在没有JQuery的情况下使用了React。
我们对组件,布局,应用程序和主题的其他部分使用了相同的设计语言。
希望你喜欢它!

功能概览

我们尝试创建一个我们想要自己使用的react.js管理主题,因此我们列出了我们的优先级。 我们希望有一个主题,使用起来并不复杂,做得好,包含必须有组件,看起来非常好。
我们将注意力放在细节上,并根据这些原则创建了特征。

没有JQuery依赖

JQuery是一个很棒的库,我们是它的粉丝。 我们甚至构建了这个主题的JQuery版本,但我们相信它不应该在React项目中。
我们进行了研究,发现大多数开发人员认为他们不应该在项目中共存。
jQuery是势在必行的,React是声明性的,因此它们不属于一个整体。

愉快的设计

作为一名网络开发人员,我们喜欢在一些看起来不错的东西 这不是绝对必要的,但它确实激励我们最终产品看起来对用户来说是好的。
所以我们在色彩,图标,构图和设计和谐方面投入了大量的精力。 主题组件和布局采用相同的设计语言。
我们始终将用户体验原则置于设计过程的核心。

超细图表

使用图表是一种可视化数据的好方法,但它们看起来很丑陋,打破了设计的节奏。
我们专注于一个图表库(react-chartjs)并尝试创建与颜色,不透明度,边框和阴影看起来很好的图表。
使用某些插件并创建一些使图表更有用和美观。

工作的布局

布局是真实的,它们需要准确,适合工作。 它们应该对用户和开发人员都有用。
我们为不同的工作创建了许多不同的布局。
列表页面具有视图模式更改功能,班次选择和选择所有功能,应用程序布局与附加菜单,身份验证和错误布局,其设计与其他页面不同是我们的主要关注点。 我们还创建了详细信息页面,其中包含可容纳许多组件

智能菜单

我们想要一个看起来不错的菜单并且做得很好。
我们创建了2个面板和相应的分类页面,而不是看起来过于复杂的手风琴结构的旧单面板菜单。
当分辨率在某个断点下打开一些空间时,默认菜单会自动隐藏子面板。 您也可以完全隐藏菜单或仅使用主面板打开。
路由系统由react-router-dom提供支持,它不作为浅库集成,可以通过替代方案轻松更改。

额外响应

使用Bootstrap 4和Reactstrap,添加自定义响应断点非常容易,因此我们添加了xxs和xxl并为主题构建了它。
Xxs断点适用于分辨率低于420px的较小屏幕。 Xs工作在576px和420px之间。 Xxl断点适用于分辨率高于1440px的较大屏幕。 Xl工作在1200px和1440px之间。
通过这种方法,我们能够为更小和更大的屏幕创造更好的体验。

主题色彩

我们创造了具有五种不同主色的深色和浅色版本。 每个主题也有二次色。 您可以在Sass变量的帮助下轻松更改主题颜色或创建其他主题。

结构和布局

我们尽最大努力创建布局,这是开发人员可能拥有的各种需求的理想选择,并为用户创造最佳体验。
它们干净而光滑。 它们运作良好,同时看起来很好。

组件

我们使用最受欢迎且管理良好的开源组件和引导组件。 将它们组合成更有用的。 它们以相同的设计原则为主题,并在组件和布局之间创建了设计和谐。
从轮播到图表,切换到列表我们试图提供我们喜欢在开发过程中使用的组件。

应用

在组件和布局的帮助下,我们创建了三个不同的应用程序。 如果你想要建立类似的东西,它们是让你入门的好方法。
我们几乎没有为应用程序编写额外的代码,它们主要来自我们的组件和react.js库。 您还可以使用组件和布局创建适合您需求的应用程序。

在线预览 网盘下载

联系在线 QQ微信 获取密码。 付款方式如下:手机扫一扫或长按二维码

温馨提示:如技术支持模板,定制开发等服务模板,也可联系在线QQ或加微信

友情特价:59元官网报价:点击查看

阿里支付微信支付

郑重声明:

1 本资源来源于互联网,资源的版权归资源原作者所持有,受《中华人民共和国著作权法》等相关法律保护。

2 由于无法和原作者取得联系,所以上传的部分资源无法先通过原作者的同意就分享给大家了,如本资源侵犯了您(原作者)的权益,请联系我们(微信号 xiaohaimei1989),我们会立马删除您的资源,并向您表达诚挚的歉意!

3 本站是一个公益型网站,分享资源的目的在于传播知识,分享知识,收取一点点打赏的辛苦费是用于网站的日常运营开支,并非用于商业用途。

4 本站资源只提供学习和参考研究使用,使用过后请在第一时间内删除。本站不承担资源被单位或个人商用带来的法律责任。

发表评论