汇成软件

国内主流在用的10大后台UI框架[转]

admin5年前IT技术1854

前任何企业在开发的过程中，都摆脱不了管理后台的开发需要。

 

如果一切从0开始，费时费力，而且还存在很大失败的风险。对于国内很多互联网公司来说，不断追求敏捷，快速，一套免费可用UI框架成了必备工具。

 

小编收集了目前国内主流使用的10个后台UI框架，给各位同学参考一下，尽量不重复造轮子，排名不分先后，按需采用。

 

 

 

 

 

 

 

vue-Element-Admin

Github Star 53.5k， Github 名称：vue-element-admin

 

vue-element-admin 是一个后台前端解决方案，它基于 vue 和 element-ui实现。它使用了最新的前端技术栈，内置了 i18n 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型。相信不管你的需求是什么，本项目都能帮助到你。

 

 

 

 

 

 

 

 

 

AdminLTE

Github Star 34.3k ， Github 名称：AdminLTE

 

AdminLTE is a fully responsive administration template. Based on Bootstrap 4.4framework and also the JS/jQuery plugin. Highly customizable and easy to use. Fits many screen resolutions from small mobile devices to large desktops.

 

翻译：AdminLTE是完全响应的管理模板。 基于Bootstrap 4.4框架以及JS / jQuery插件。 高度可定制且易于使用。 适合从小型移动设备到大型台式机的多种屏幕分辨率。

 

 国内主流在用的10大后台UI框架，私活必备

 

 

 

 

 

ant-design-pro

Github Star 24.8k，Github 名称：ant-design-pro

 

Ant Design Pro 是一个企业级中后台前端/设计解决方案，我们秉承 Ant Design 的设计价值观，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件/配套设计资源，进一步提升企业集中后台产品设计研发过程中的『用户』和『设计者』的体验。随着『设计者』的不断反馈，我们将持续迭代，逐步沉淀和总结出更多设计模式和相应的代码实现，阐述中后台产品模板/组件/业务场景的最佳实践，也十分期待你的参与和共建。

 

这是蚂蚁金服开源出来的UI框架，目前有react版本，vue版本等，小编很喜欢这个，平时的私人工作或者学习也是用这个。

 

 

国内主流在用的10大后台UI框架，私活必备

 

 

 

 

tabler

Github Star 21.1k， Github 名称：tabler

 

官方：A premium and open source dashboard template with a responsive and high-quality UI.

 

翻译：具有响应式和高质量UI的高级开源开源仪表板模板。

 

这是基于Bootstrap4进行开发响应式的UI，只要求会HTML跟CSS的知识，即可进行开发，也是非常简单，目前还有react版本。

国内主流在用的10大后台UI框架，私活必备

 

 

 

 

 

 

 

 

ng2-admin

Github Star 20.4k， Github 名称：ngx-admin

 

官方：Admin template based on Angular 9+ and Nebular

 

翻译：基于Angular 9+和Nebular的管理模板

 

这个也有人在用，不过只是比较少数，也挺好的

 

 国内主流在用的10大后台UI框架，私活必备

 

 

 

 

 

Gentelella

Github Star 19k， Github 名称：gentelella

 

官方：Gentelella Admin is a free to use Bootstrap admin template. This template uses the default Bootstrap 4 styles along with a variety of powerful jQuery plugins and tools to create a powerful framework for creating admin panels or back-end dashboards.

 

Theme uses several libraries for charts, calendar, form validation, wizard style interface, off-canvas navigation menu, text forms, date range, upload area, form autocomplete, range slider, progress bars, notifications and much more.

 

翻译：Gentelella Admin是可免费使用的Bootstrap管理模板。该模板使用默认的Bootstrap 4样式以及各种功能强大的jQuery插件和工具来创建用于创建管理面板或后端仪表板的功能强大的框架。

 

Theme使用多个库来存储图表，日历，表单验证，向导样式界面，画布导航菜单，文本表单，日期范围，上载区域，表单自动完成功能，范围滑块，进度条，通知等。

 

国内主流在用的10大后台UI框架，私活必备

 

 

 

 

 

iview-admin

Github Star 14.5k，Github 名称： iview-admin

 

官方：iView Admin is a front-end management background integration solution. It based on Vue.js and use the UI Toolkit iView.

 

翻译：iView Admin是前端管理后台集成解决方案。它基于Vue.js并使用UI Toolkit iView。

国内主流在用的10大后台UI框架，私活必备

 

 

 

 

blur-admin

Github Star 10.8k，Github 名称：blur-admin

 

这个跟前面的差不过，不过是基于Angular2的版本，对于Angular的不同版本，各位同学在学习的时候要多花点心思，版本之间的兼容需要多费点劲。

 

国内主流在用的10大后台UI框架，私活必备

 

 

 

 

 

vue-admin

Github Star 9.5k，Github 名称：vue-admin，master分支

 

很漂亮的界面，小编个人非常喜欢这种界面，看起来比较柔和一点，由Vue 2.0和Bulma 0.3提供支持，灵敏灵活的盒子布局，各种图表，丰富的组件或参见vue-bulma，基于很棒的第三方库

 

 国内主流在用的10大后台UI框架，私活必备

 

 

 

 

 

 

 

material-dashboard

Github Star 9k，Github 名称：material-dashboard

 

官方：Material Dashboard is a free Material Bootstrap Admin with a fresh, new design inspired by Google's Material Design. We are very excited to introduce our take on the material concepts through an easy to use and beautiful set of components. Material Dashboard was built over the popular Bootstrap framework and it comes with a couple of third-party plugins redesigned to fit in with the rest of the elements.

国内主流在用的10大后台UI框架，私活必备

 

 

翻译：Material Dashboard是一个免费的Material Bootstrap管理员，其灵感来自Google的Material Design，采用新颖的设计。我们很高兴通过易于使用和精美的组件介绍我们对材料概念的理解。Material Dashboard是基于流行的Bootstrap框架构建的，它带有几个经过重新设计以适合其余元素的第三方插件。

 

 

 

 

 

返回列表

上一篇：mount:is write-protected, mounting read-only解决方案

下一篇：centos7 Firewall防火墙开启80端口[转]

相关文章

山里头有鱼
山里头有鱼

系统激活

win10激活 slmgr /skms kms.03k.orgslmgr.vbs -ato        计算机\HKEY_LOCAL_MACHINE...

1.解压缩

将下载到本地的安装介质解压缩。然后，将解压后的文件夹mysql-5.7.16-winx64拷贝到安装目录(E盘根目录)下。

2.设置系统环境变量

右键点击 计算机>>属性>> 高级系统属性>>环境变量>> 编辑 Path ，在最后添加” ;E:\mysql-5.7.16-winx64\bin“，确定。

3.创建my.ini 文件和data目录，配置安装路径与数据存储路径

在E:\mysql-5.7.16-winx64目录下创建data目录和my.ini，并在my.ini中配置安装路径与数据存储路径等信息。

点击(此处)折叠或打开

  1. [mysql]
  2. default-character-set=utf8
  3. [mysqld]
  4. max_connections=200
  5. default-storage-engine=INNODB
  6. basedir =E:\mysql-5.7.16-winx64\bin
  7. datadir =E:\mysql-5.7.16-winx64\data
  8. port = 3306

 

4.安装MySQL服务

首先，以管理员身份运行 cmd 并切换到MySQL的bin目录下；

接下来，执行mysqld --initialize-insecure

    这条命令用来初始化data文件，其中insecure选项指定登录无需口令。

点击(此处)折叠或打开

  1. D:\>e:
  2.  
  3. E:\>cd mysql-5.7.16-winx64
  4.  
  5. E:\mysql-5.7.16-winx64>cd bin
  6.  
  7. E:\mysql-5.7.16-winx64\bin>mysqld --initialize-insecure
  8.  
  9. E:\mysql-5.7.16-winx64\bin>

需要注意的是，如果不指定insecure选项，则会随机生成登陆密码， 在E:\mysql-5.7.16-winx64\data文件夹下，有一个 hoegh.err 文件，其中hoegh是主机名，打开会看到：
2016-10-20T09:34:56.806257Z 1 [Note] A temporary password is generated for root@localhost: p-mcI:ijR6Xg，
其中 p-mcI:ijR6Xg即为随机密码。

然后，输入 mysqld --install安装MySQL服务

我们会看到界面出现：Server successfully installed，这就说明MySQL服务安装成功。 

点击(此处)折叠或打开

  1. E:\mysql-5.7.16-winx64\bin>
  2.  
  3. E:\mysql-5.7.16-winx64\bin>mysqld --install
  4. Service successfully installed.
  5.  
  6. E:\mysql-5.7.16-winx64\bin>

5.启动MySQL服务

输入  net start mysql  回车， 就会看到： MySQL 服务已经启动成功。尝试使用root用户登录数据库，并通过show databases命令查看数据库概要信息。

点击(此处)折叠或打开

  1. E:\mysql-5.7.16-winx64\bin>
  2. E:\mysql-5.7.16-winx64\bin>net start mysql
  3. MySQL 服务正在启动 .
  4. MySQL 服务已经启动成功。
  5.  
  6.  
  7. E:\mysql-5.7.16-winx64\bin>mysql -u root
  8. Welcome to the MySQL monitor. Commands end with ; or \g.
  9. Your MySQL connection id is 2
  10. Server version: 5.7.16 MySQL Community Server (GPL)
  11.  
  12. Copyright (c) 2000, 2016, Oracle and/or its affiliates. All rights reserved.
  13.  
  14. Oracle is a registered trademark of Oracle Corporation and/or its
  15. affiliates. Other names may be trademarks of their respective
  16. owners.
  17.  
  18. Type 'help;' or '\h' for help. Type '\c' to clear the current input statement.
  19.  
  20. mysql> show databases;
  21. +--------------------+
  22. | Database |
  23. +--------------------+
  24. | information_schema |
  25. | mysql |
  26. | performance_schema |
  27. | sys |
  28. +--------------------+
  29. 4 rows in set (0.00 sec)
  30.  
  31. mysql>

 

6.修改root密码

    安全起见，我们修改一下root密码。

点击(此处)折叠或打开

  1. mysql>
  2. mysql> alter user 'root'@'localhost' identified by 'root';
  3. Query OK, 0 rows affected (0.00 sec)
  4.  
  5. mysql>
  6. mysql> exit
  7. Bye
  8.  
  9. E:\mysql-5.7.16-winx64\bin>mysql -u root -proot
  10. mysql: [Warning] Using a password on the command line interface can be insecure.
  11. Welcome to the MySQL monitor. Commands end with ; or \g.
  12. Your MySQL connection id is 4
  13. Server version: 5.7.16 MySQL Community Server (GPL)
  14.  
  15. Copyright (c) 2000, 2016, Oracle and/or its affiliates. All rights reserved.
  16.  
  17. Oracle is a registered trademark of Oracle Corporation and/or its
  18. affiliates. Other names may be trademarks of their respective
  19. owners.
  20.  
  21. Type 'help;' or '\h' for help. Type '\c' to clear the current input statement.
  22.  
  23. mysql> show databases;
  24. +--------------------+
  25. | Database |
  26. +--------------------+
  27. | information_schema |
  28. | mysql |
  29. | performance_schema |
  30. | sys |
  31. +--------------------+
  32. 4 rows in set (0.00 sec)
  33.  
  34. mysql>


MySQL数据库可以用任意ip连接访问的方法

 

过CMD命令行修改

MYSQL安装

  今天在Windows Server 2008 r2系统下部署了MySQL Community Server 5.7.16，安装过程中也遇到了一些问题，在这儿记录一下最终的安装过程。0.下...

汇成制造行业CMS企业建站系统v11.1

汇成制造行业企业网站cms系统v11.1管理地址：http://您的网站/admin/login.asp后台帐号：admin后台密码：admin演示地址：˂a href="ceshi/zhizhao/...

Apache的几种常用配置

Apache是世界使用排名第一的Web服务器软件。它可以运行在几乎所有广泛使用的计算机平台上，由于其跨平台和安全性被广泛使用，是最流行的Web服务器端软件之一。     ...

汇成装潢行业企业网站系统vII2.3

汇成装潢行业企业网站系统vII2.1管理地址：http://您的网站/admin/login.asp后台帐号：admin后台密码：admin˂a target="_blank" href="hangy...

php输出数组关键技术与JQUERY解析数组

php输出数组关键技术与JQUERY解析数组

 $arr = array();  //声明空数组array_push($arr, $row);//拼接数组echo json_encode($arr, JSON_UNESCAPE...

发表评论    

◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。

Copyright Your Huicheng Software Rights Reserved.
Email:tangrj@shengmake.net