金蝶云：V7.1_产品培训_基础领域_HTML5

1、金蝶云 产品部,金蝶云 V7.1产品培训 - HTML5,课程简介： 本课程介绍金蝶云的全新HTML5端 应用。 讲师：湛剑 课件编制：湛剑,课程说明：,主题,优势分析 特性介绍,HTML5的优势,高跨平台性,高支持性,可以在跨平台的各种移动设备上使用。,作为最新的标准，支持各主流浏览器的全面应用。,独立的登录以及主页界面，H5专属的操作，全新的用户体验.,高跨平台性,全新体验,高支持性,全新体验,主题,优势分析 特性介绍 1、H5登录方式 2、H5卡片主页 3、H5主页卡片类型 4、H5流式布局 5、H5的业务操作,HTML5登录网址,在原SilverLight访问网址后面加上“/html5

2、/index.aspx” 例如：8/k3cloud/html5,SilverLight方式,HTML5方式,HTML5登录身份（V7.1）,H5端用户身份认证 V7.1 1、我是财务人员 2、我是供应人员 3、我是销售人员 注意：只有一次机会,H5端新登录用户可以自行认证身份，系统自动匹配对应的卡片主页内容。,HTML5登录方式,H5支持两种登录方式 1、扫描登录（V7.1） 使用金蝶云之家二维码 使用前提： 1）数据中心启动移动 应用 2）配置了对应的云之 家团队，且用户在 团队存在， 3）与云之家用户映射 2、帐号登录 支持不同身份登录 3、图片轮播，突显

3、金蝶云的核心特性： 1）开放的ERP云平台 2）阿米巴经营 3）智慧工厂 4）全渠道营销,主题,优势分析 特性介绍 1、H5登录方式 2、H5卡片主页 3、H5主页卡片类型 4、H5流式布局 5、H5的业务操作,HTML5卡片主页（V7.1）,1、根据认证身份显示，并按照权限获取数据； 2、根据显示屏分辨率自动适应。,1、支持编辑卡片 2、添加卡片 1）选择卡片（预览效果） 2）选择卡片分组 3、删除卡片 4、替换卡片 5、修改卡片名称； 6、通过拖拽可以调整 卡片在分组的位置 7、确定后，保存到用户,支持卡片主页的个性化定制。,HTML5卡片主页编辑（V7.1）,主题,优势分析 特性介绍 1

4、、H5登录方式 2、H5卡片主页 3、H5主页卡片类型 4、H5流式布局 5、H5的业务操作,HTML5主页卡片类型（V7.1）,H5的卡片类型如下： 1、常用功能卡片 2、消息卡片 3、数据统计卡片 4、图表分析卡片 5、外部链接卡片 6、企业新闻卡片 8、摘要卡片,HTML5主页卡片类型常用功能卡片,1、通过【+】添加功能； 2、通过【编辑卡片】触 发，【-】删除功能； 3、超出卡片数量上限的 则通过添加卡片解决； 4、支持功能菜单在不同 卡片的位置调整；,H5常用功能的个性化定制，同时通过功能菜单在不同卡片实现菜单的分组展示。,当前卡片存在,其他卡片存在,点击调整到当前卡片,HTML5主

5、页卡片类型消息卡片,1、显示未读消息，点击后调出信息中心的对应节点内容； 2、通过【+】添加消息类型； 3、通过【编辑卡片】触 发，【-】删除功能；,H5消息卡片可以看到最新的未读消息。,HTML5主页卡片类型数据统计卡片,1、统计单据的数量 2、卡片配置 1）单据列表过滤方案 2）发布到数据卡片列表 3）添加卡片选择 3、刷新重新取数,H5数据统计卡片可以针对业务单据进行数量统计。,HTML5主页卡片类型图表分析卡片,1、图表分析卡片类型 1）折线图 2）柱状图 3）饼状图 2、通过BOS IDE配置 添加卡片来应用 3、刷新重新取数,H5图表分析卡片可以实现数据的图形化分析。,HTML5主

6、页卡片类型外部链接卡片,1、显示外部链接网站 2、默认提供金蝶云相关云服务的内容 3、通过【+】添加 4、可以新增链接,H5外部链接卡片可以整合用户所需的外部网站链接，清晰简明。,HTML5主页卡片类型企业新闻卡片,1、显示企业新闻 2、点击可以直接查看 3、点击【更多】查看全部新闻,H5企业新闻卡片可以展示企业的各方面信息，以便每个用户查看。,HTML5主页卡片类型摘要卡片,1、显示自定义格式卡片 2、在BOS IDE中个性化设置,H5摘要卡片可以满足企业不同展示方式的需求。,主题,优势分析 特性介绍 1、H5登录方式 2、H5卡片主页 3、H5主页卡片类型 4、H5流式布局 5、H5的业务

7、操作,HTML5流式布局（V7.1）,单据界面采用HTML5的流式布局，通过上下滚动条查看内容； 让操作更加流畅。,HTML5流式布局配置（V7.1）,1、通过右侧边栏的内容勾选，实现整体内容的显示调整。 2、勾选后即时生效，只对当前打开界面有效。 3、控制板定位勾选，则可以点击内容后直接定位该内容。,1、流式布局的侧边栏可以快速调整单据展示内容； 2、精准定位方便用户录入数据。,HTML5流式布局配置（V7.1）,1、流式布局个性化配置； 1）系统预置布局 2）可以引用预置数据 2、设置 1）启用序号，可以调整显示顺序 2）控制板定位，可以点击后直接定位该内容 3）【说明】中有详细。 3、保

8、存到当前用户 4、通过生成预插脚本可以应用到其他数据中心,流式布局配置实现单据界面的个性化设置。,主题,优势分析 特性介绍 1、H5登录方式 2、H5卡片主页 3、H5主页卡片类型 4、H5流式布局 5、H5的业务操作,单据列表,1、基本维持原有习惯； 2、列表过滤微调 1）添加条件 2）删除条件 3、列表行高增大，结合 流式布局使用更佳。,维持旧习惯的前提下增加HTML5特性。,特别声明,没有金蝶软件国际软件集团有限公司的特别许可，任何人不能以任何形式或为任何目的复制或传播本文档的任何部分。本文档中包含的信息如有更改，恕不另行通知。 由金蝶软件（中国）有限公司和其分销商所销售的某些软件产品包

9、含有其它软件供应商版权所有的软件组件。 Microsoft、WINDOWS、NT、EXCEL、Word、PowerPoint 和SQL Server 是微软公司的注册商标。 IBM、DB2、DB2 通用数据库、OS/2、Parallel Sysplex、MVS/ESA、AIX、S/390、AS/400、OS/390、 OS/400、iSeries、pSeries、xSeries、zSeries、z/OS、AFP、Intelligent Miner、WebSphere、Netfinity、 Tivoli、Informix 和Informix 动态ServerTM 是国际商业机器公司在美国或其他公

10、司的商标。 ORACLE 是ORACLE 公司的注册商标。 UNIX是UNIX INTERNATIONAL CO.,LIMTED的注册商标、OSF/1 和Motif 是Open Group 的注册商标。 Citrix、Citrix 徽标、ICA、Program Neighborhood 、MetaFrame 、WinFrame 、VideoFrame 、MultiWin以及此处引用的Citrix 产品名是Citrix Systems 公司的商标或注册商标。 HTML是HATEMOGLU TEKSTIL GIYIM SANAYI VE TICARET A.S.的注册商标，DHTML、XML和XHTML 是W3C、World Wide Web 协会、计算机科学实验室的商标或注册商标，PureXML是国际商业机器公司的注册商标。 JAVA 是甲骨文美国有限公司的注册商标。 JAVASCRIPT是甲骨文美国有限公司的注册商标，由其技术