001 独树一帜的跨端方案：pc=mobile+pad自适应布局
-
背景
-
跨端方案是大势所趋
-
大多数中后台管理系统，优先适配PC端，Mobile端
可用，但不好用
-
-
常见中后台管理系统
-
PC端问题
-
表单：
-
没有脏标记，误点其他区域就会消失
-
独占页面，一次只能处理一件事情
-
-
-
Mobile端问题
-
主菜单：非原生，不方便查找功能
-
表单：显示错位
-
表格：显示不全
-
-
pc=mobile+pad自适应布局
-
PC端
- 表单
-
Mobile端
-
原生效果
-
表单：支持脏标记
-
表格：用列表显示
-
-
002 跨端演示：创建文章并审批
-
跨端方案
-
大多数中后台管理系统：
- 优先适配PC端，Mobile端
可用，但不好用
- 优先适配PC端，Mobile端
-
CabloyJS：pc=mobile+pad自适应布局
- 优先适配Mobile端，Mobile端
达到原生效果
- 优先适配Mobile端，Mobile端
-
-
演示
-
PC端：弹出式
-
Mobile端
-
PC端：展开式
-
003 便捷的数据整理：用户星标、红橘双色提示
-
用户星标
- 像邮件一样整理数据
-
红橘双色提示
-
红色：紧急
-
橘色：重要
-
004 再议红橘双色提示
-
红橘双色提示
-
红色：紧急
-
橘色：重要
-
-
红橘双色统计值
-
用户标签
-
草稿
-
工作流任务
-
… 其他业务场景
-
005 PC布局个性化定制
-
布局分区
-
头部按钮
-
左边栏面板
-
右边栏面板
-
状态栏按钮
-
正文区域
-
-
分区定制
-
添加、删除部件
-
动态拖拽
-
保持状态
-
006 Mobile布局个性化定制
-
选项卡按钮
-
添加、删除
-
动态拖拽
-
保持状态
-
007 主题和语言切换
-
内置主题
-
风格：light、暗黑
-
导航条样式：透明、填充
-
内置主题色
-
自定义主题色
-
-
第三方主题
-
灿烂
-
风信子
-
CabloyJS商店
-
-
语言
- 内置中文、英文
008 编辑页面脏标记
-
表单编辑页面：
- 内容有变更时，标题显示脏标记
- 像Word、Excel一样
-
多个场景的关闭行为
-
关闭页面
-
关闭页签
-
关闭整个窗口
-
009 认证启用与迁移
-
用户账户与认证方式的关系
-
一对多
-
用户名/密码：是一种认证方式
-
认证方式是对等的
-
可以通过任何一种认证方式注册新用户
-
-
场景1: 启用新认证方式
-
先用用户名/密码登录
-
启用短信认证
-
-
场景2: 迁移认证方式
-
直接用Github认证注册新用户
- 与微信认证场景一致
-
迁移至已存在的老用户
-
-
内置的认证方式
-
用户名/密码
-
短信
-
GitHub
-
微信公众号
-
企业微信
-
钉钉
-
010 仪表板：数据大屏工厂(1)
-
特点：
-
不同场景单独配置：首页、电商、CRM、OA、监控、运维，等等
-
千人千面：管理员、用户
-
-
新建仪表板
-
添加部件
-
设置为首页仪表板
011 仪表板：数据大屏工厂(2)
-
自适应宽度
- pc=mobile+pad自适应布局
-
拖拽部件：调整位置
-
拖拽部件：调整宽度
-
多个仪表板切换
012 仪表板：数据大屏工厂(3)
- 演示内容：部件数据联动
- 意义：数据联动是数据大屏应用的灵魂所在
- 特性：既支持1:N的数据联动机制，也支持N:1的数据联动机制
013 UI组件库：Framework7篇
-
CabloyJS前端核心：基于Framework7 UI组件库
-
Framework7：50+组件
014 UI组件库：CabloyJS篇
- CabloyJS前端：20+业务组件
015 主表-明细表
- PC端演示
- Mobile端演示
016 Markdown富文本编辑器
-
内容编辑
-
标题
-
正文
-
代码区块
-
表格
-
任务
-
图片
-
音乐播放
-
-
内容查看
-
内容查看（静态页面）
评论: