作为一个能大幅节省开发时间和开发成本的后端框架,自动生成管理端的需求是刚需,也符合我们的定位。以往的开发框架中,要么用户需要自行编写管理端,要么框架就不是一个具有全功能、而是基于为了生成管理端而编排了功能。这就导致,不能生成管理端的框架仍需要花费大量精力和成本编写便利端,而能生成管理端的框架,后端功能是不全的。
我们统一了上述的两种产品,继承了其各自的优点,保证开发工具框架的先进和功能覆盖的全面。
从3月下旬开始,我们开始研发自动生成管理端。所需精力已经不亚于基于我们的核心产品Teo进行再一次创业了。这个过程是很艰辛的。在项目的功能需求上,我们要求必须满足任意定制开发的可能性。所以,我们只生成代码,用户可以对其进行任何修改,生成的代码分为generated和extended两部分,extended中的代码是用户可以任意定制的,而generated中的代码,则由Teo自动生成,用户不能修改。随着用户后端功能的更新,generated中的代码会被自动替换。
这一种管理端生成方式,对我们来说,是最为复杂的,但对开发者用户来说,却是使用起来最具扩展性、最简便的。这种做法跟Docker等部署工具也能够很好的集成,可以为在线代码编辑类产品的云服务做底层。
要完成全部的数据记录表单、筛选、数据统计展示等功能,是非常耗时的。我们这一次先公开已开发完成的一部分功能,和用户一起成长。在接下来的数个新版本中,它会被逐步完善。至少,现在能用这个系统来进行数据记录的增删改查。这满足基本的需要。
Teo Admin Dashboard看起来是什么样子,你一定会好奇。我们做好了基础的交互方案,其设计特点我们会一一介绍。我们把设计交给我们的用户,你可以向我们提各种各样的意见,我们会整合需求和想法,争取做到超出每个人的想象。
交互设计1 - Shimmers
我们在设计中大量应用Shimmers作为加载状态,看起来非常自然。用户仿佛能看到加载后的内容的结构,但是,它在加载,所以只有轮廓和动画,没有具体内容。
交互设计2 - Tooltips
我们在很多按钮和交互元素中增加了鼠标悬停提示功能,上面的gif中没有体现,我们期待这个功能,在用户迷茫时,能给到温暖的提示。
交互设计3 - 右键菜单
我们设计了丰富的右键菜单,来丰富管理端系统的功能。我们会更新右键菜单的样式并展示在下一篇文章中。
交互设计4 - 类似App的导航结构
为了方便电脑和平板设备的交互操作,我们取消了传统的页面中的breadcrumb,取而代之的是类似移动应用的返回按钮。它与网址能够很好的集成,并且前面页面和其他Tab的浏览内容都会被缓存。在未来,我们会增加交互动画,使其体验更加丝滑。
正式版的期待
我们会在未来的0.3.0版本,随同其他核心功能升级,一同发布Admin Dashboard的正式版。正式版功能会包括:
-
可以配置的数据统计仪表盘
-
完善的数据筛选、滚动加载和组件类型配置
-
更强大的表单和富文本编辑
-
其它更强的自定义属性
支持我们
做开源不容易,做对开发者和社会有价值的开源更难。如果觉得不错,希望您能在Gitee为我们点一个赞。
Gitee: https://gitee.com/teocloud/teo