TinyUiEnterprise- Tiny 前端展现框架

TinyUiEnterprise- Tiny 前端展现框架

以前发表过一篇文章：TinyAdmin前端展现框架，其在线演示路径为：http://tinygroup.org/tinyadmin/，应该说有许多人还是感觉兴趣的，但是由于这个是基于SmartAdmin框架改写的，虽然我们自己买了SmartAdmin的授权，但是广大用户如果要用的时候，就会有授权相关的问题，这会大大影响一些人的使用决策–尤其是会再发行的朋友。

再一个原因是SmartAdmin初看不是不错的，但是实际用起来，里面的问题比较多，对IE8基本上可以说是不兼容，虽然我们努力进行了一定的修正，但是还是兼容性不够好。有些用户体验方面也有改进的空间，这就越来越让我思考，是不是要有更好的解决方案？

直到AJian和密缘之友加入我的团队之后，我觉得是时候比较彻底的解决这个问题了。果然，在风淡芸轻、AJian、密缘之友的通力合作下，只用了一个月左右的时间，就拿出一TinyUI的初始版本，目前已经基本完善，当然我们还在进行系统性的测试，相信还存在一些小问题（有些我们自己已经发现，正在修正中），欢迎感兴趣的同学们一起来参与改进。

在线演示地址：http://tinygroup.org/tinyuiweb/

源码地址（必须托管在高大上的开源中国GIT仓库）：http://git.oschina-/tinyframework/TinyUiEnterprise

开发环境构建，需要有GIT，MAVEN(3.1.x)，JDK1.6：

git clone https://git.oschina-/tinyframework/TinyUiEnterprise.gitcd TinyUiEnterprisemvn installcd *webmvn jetty:run

在执行mvn install的时候，第一次时间比较长，因为要从中央仓库-一些资源包，可以抽支烟、喝杯茶、走走步啥的。

如果走完最后一步，就可以启动起一个本地环境（注意，没有别的应用战用8080端口），这个时候起个浏览器，输入：

http://localhost:8080/tinyuiweb/

注意，请在IE9以上浏览器、Chrome、FireFox等浏览器上浏览，目前IE8还在作适应性调整。

一些说明，本UI框架中，有一些内容取自H-UI，这个我们和H-UI源创团队进行过沟通，他们允许我们复用他们框架中的内容。本UI框架中，在某些外在实现方面参考了SmartAdmin的一些特性，但是没有复用它的源码。本UI框架中，集成了一些开源的JQuery插件，但是不改变原来插件的授权方式，请使用者在使用时查看原始插件的授权方式。

TinyUI的一些特性说明：

提供了完整的主页面框架提供了整页切换和Ajax局部刷新的支持提供了丰富的菜单插入点提供了多种皮肤提供了丰富的界面元素自定义提供了UI组件包的封装提供了宏封装，使得使用时不必关心具体实现提供了流式布局，在手机端也有良好的展现良好的解决了UI组件包之间的依赖关系良好的解决了CSS合并和JS合并及其压缩方面的问题

下面我通过一些图形了做一个展示：

上面是其中的一个页面，组件包列表是根据实际加载的组件包数量实时计算出来的，因此不需要人为进行修改—这个就是依赖TinyUiEngine的强大支持了。

然后，里面就是几十个组件的实际示例，我敢保证你想用的多大多组件都已经包含在内了。如果你认为还不够，请到bbs.tinygroup.org社区中留言，只要提的合理，我们会以你想象不到的速度快速进行添加。

下面我展示一个流式布局的示范：

一开始是整页宽度的固定宽度显示，还可以看到两边的阴影，现在固定宽度为1170像素。

我们减少它的宽度

它的宽度已经变成970像素宽。

再把它的宽度减少，

可以看到两边的隐藏已经没有了。

由于宽度实在是小，菜单就不再完整显示，而是只显示图标了。

嗯嗯，效果不错，已经完整的展示了整个过程。

上面是菜单显示方式，可以看到是非常适合手机等触摸屏上操作的。

Tiny出品，必是精品，小伙伴们一起参与或加入我们吧！！！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。