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的浏览内容都会被缓存。在未来,我们会增加交互动画,使其体验更加丝滑。

正式版的期待

我们会在未来的0.3.0版本,随同其他核心功能升级,一同发布Admin Dashboard的正式版。正式版功能会包括:

  1. 可以配置的数据统计仪表盘

  2. 完善的数据筛选、滚动加载和组件类型配置

  3. 更强大的表单和富文本编辑

  4. 其它更强的自定义属性

 

支持我们

做开源不容易,做对开发者和社会有价值的开源更难。如果觉得不错,希望您能在Gitee为我们点一个赞。

Gitee: https://gitee.com/teocloud/teo


相關推薦

2023-06-07

] AIGC 处理器,把大模型变成万能处理器 [新增] Dashboard 等多个页面级 UI 组件 [其他] 已知 Bug 修复和部分功能优化 更多介绍参考官方仓库或官网: Github: https://github.com/yaoapp/yao Gitee: https://gitee.com/mirrors/Yao&n

2022-07-15

(支付完可以从后台进行退款),通过结算台演示,可以测试支付宝和微信的各种支付方式,同时还可以测试聚合支付(一个二维码被支付宝或微信扫码都可以支付,同时扫支付宝或微信的付款码也可以自动识别并进行支付)。

2024-03-18

Teo是以结构为核心的声明式网络后端开发框架,支持Node.js、Python和Rust语言,支持手动编写和AI编写。它能够节省80%的开发时间,大大缩短开发时间和开发成本,符合当下的技术环境和社会环境,是新一代的网络开发框架。 在0.2

2023-09-04

🐶 新手必读 演示地址【Vue3 + element-plus】:http://dashboard-vue3.yudao.iocoder.cn 演示地址【Vue2 + element-ui】:http://dashboard.yudao.iocoder.cn 启动文档:https://doc.iocoder.cn/quick-start/ 视频教程:https://doc.iocoder.cn/video/ 🐳 项目关系

2022-11-19

状况。 9. 集成 OpenAPI 规范 API 其实是一个涉及从开发、测试、上线到整个全生命周期的元素。在 APISIX 3.0 版本中,将支持标准的 OpenAPI 3.0 规范。 因此,如果你是在一些 API 设计和测试的软件上进行管理 API 的话,就可以非常方

2023-07-04

/video/BV1uM4y1774F/ Beta7 版完善了对 Oracle 数据的支持。更多测试,更多错误修正。现在,仙童 Beta7 版已可以完善支持 Oracle 数据库。支持从源码构建代码生成器。您只需下载源码,即可以 mvn install 编译构建 Go 语言通用代码生成器

2024-04-08

代码生成时对于带 id 字段处理逻辑 优化:新增 converter 测试用例 更新:更新依赖 文档地址: https://doc.ryansu.tech/zh/

2023-05-30

🐶 新手必读 演示地址【Vue3 + element-plus】:http://dashboard-vue3.yudao.iocoder.cn 演示地址【Vue2 + element-ui】:http://dashboard.yudao.iocoder.cn 启动文档:https://doc.iocoder.cn/quick-start/ 视频教程:https://doc.iocoder.cn/video/ 🐳 项目关系

2022-09-23

Eclipse 基金会已发布 Jakarta EE 10 平台、Web Profile 和新的 Core Profile 规范。Jakarta EE 10 引入了用于构建现代化、简化和轻量级云原生 Java 应用程序的功能。据 Eclipse 基金会执行董事 Mike Milinkovich 称 这个版本是在现代微服务

2023-01-30

稳定版本。功能基本完备,所有示例通过检测,初步完整测试。 尝鲜版九在尝鲜版八基础上有功能增强和缺陷修复。 尝鲜版八初步支持SimpleAuth弹性登录界面。 尝鲜版7是一个错误修复版本。 尝鲜版5支持前端和后端的复杂

2022-08-26

讯应用 Pidgin 的开发者依靠 Broadway 代码来运行他们的单元测试。Cambalache 和 Deckard 也都在使用它。 ▲ Cambalache Cambalache 是用于 GTK 3/4 的快速应用程序开发 (RAD) 工具,采用 MVC 设计和数据模型优先方法。Deckard 则是一个基

2023-04-05

期主要功能变动 📋 从上次 3月20日大版本发布后 开启了 beta 计划 新增了文件管理中心 支持 OAuth2 第三方平台登录(Gitee、MaxKey、Github) 新增了证书统一管理 部分数据支持跨工作空间共享(仓库、服务端脚本、节

2023-06-13

域和功能缺陷。 尝鲜版8版本最大特色是一键生成前端和后端,共享一套登录权限系统,session,token等信息不需要人工设置,默认生成,前端是基于Vue的,您可以使用此独立Vue前端管理系统。等前端项目生成完成复杂版面和报表

2023-06-16

域和功能缺陷。 尝鲜版8版本最大特色是一键生成前端和后端,共享一套登录权限系统,session,token等信息不需要人工设置,默认生成,前端是基于Vue的,您可以使用此独立Vue前端管理系统。等前端项目生成完成复杂版面和报表