Teo Admin Dashboard 已开启 beta 测试！写后端附送管理端的时代到来！

开源中国社区团队直播首秀，以分享为名讲述开源中国社区背后的故事”

作为一个能大幅节省开发时间和开发成本的后端框架，自动生成管理端的需求是刚需，也符合我们的定位。以往的开发框架中，要么用户需要自行编写管理端，要么框架就不是一个具有全功能、而是基于为了生成管理端而编排了功能。这就导致，不能生成管理端的框架仍需要花费大量精力和成本编写便利端，而能生成管理端的框架，后端功能是不全的。

我们统一了上述的两种产品，继承了其各自的优点，保证开发工具框架的先进和功能覆盖的全面。

从3月下旬开始，我们开始研发自动生成管理端。所需精力已经不亚于基于我们的核心产品Teo进行再一次创业了。这个过程是很艰辛的。在项目的功能需求上，我们要求必须满足任意定制开发的可能性。所以，我们只生成代码，用户可以对其进行任何修改，生成的代码分为generated和extended两部分，extended中的代码是用户可以任意定制的，而generated中的代码，则由Teo自动生成，用户不能修改。随着用户后端功能的更新，generated中的代码会被自动替换。

这一种管理端生成方式，对我们来说，是最为复杂的，但对开发者用户来说，却是使用起来最具扩展性、最简便的。这种做法跟Docker等部署工具也能够很好的集成，可以为在线代码编辑类产品的云服务做底层。

要完成全部的数据记录表单、筛选、数据统计展示等功能，是非常耗时的。我们这一次先公开已开发完成的一部分功能，和用户一起成长。在接下来的数个新版本中，它会被逐步完善。至少，现在能用这个系统来进行数据记录的增删改查。这满足基本的需要。

Teo Admin Dashboard看起来是什么样子，你一定会好奇。我们做好了基础的交互方案，其设计特点我们会一一介绍。我们把设计交给我们的用户，你可以向我们提各种各样的意见，我们会整合需求和想法，争取做到超出每个人的想象。

交互设计1 - Shimmers

我们在设计中大量应用Shimmers作为加载状态，看起来非常自然。用户仿佛能看到加载后的内容的结构，但是，它在加载，所以只有轮廓和动画，没有具体内容。

交互设计2 - Tooltips

我们在很多按钮和交互元素中增加了鼠标悬停提示功能，上面的gif中没有体现，我们期待这个功能，在用户迷茫时，能给到温暖的提示。

交互设计3 - 右键菜单

我们设计了丰富的右键菜单，来丰富管理端系统的功能。我们会更新右键菜单的样式并展示在下一篇文章中。

交互设计4 - 类似App的导航结构

为了方便电脑和平板设备的交互操作，我们取消了传统的页面中的breadcrumb，取而代之的是类似移动应用的返回按钮。它与网址能够很好的集成，并且前面页面和其他Tab的浏览内容都会被缓存。在未来，我们会增加交互动画，使其体验更加丝滑。

正式版的期待