WebApp



前言

从事微软的Dyanmic CRM开发这么些年，最令人吐槽的是手机APP。其中官方的APP(安卓和IOS版)虽说不用开发但兼容性太低用户体验太差，自定义开发则成本太高。至此花了点时间自己做了套web版app。

用到的技术包括webapi,SSO单点登录,HTML5,amazeui,IScroll,Jquery,Angular等技术，其中接口可被其他产品调用，且可按Dynamic365系统用户分权限，也支持第三方用户登录。本套产品主要有以下几部分:

1. 首页，其中首页分图片区功能区 更多信息和公告区

2. 视图，根据不同的参数会获取到不同的视图

3. 表单，根据不同的参数获取不同实体的表单信息

以上信息均在Dynamic365实体配置即可，然后呈现在网页中。下文介绍说明Dynamic365如何配置APP信息。

一,首页

后台配置

图片区:该实体主要是配置首页图片轮播的区域，包括图片的名称说明和图片地址对应的APP界面如下:

 

功能区:后台配置包括名称图标(矢量图标) 打开视图的连接地址(相对地址)对应app首页图片区下面的区域

更多:当功能区内容过多放不下时，则可以考虑放在更多模块里面，后台配置跟功能区一，app界面如下:

公告区:主要发布公告信息

二,视图

   首页功能区和更多信息中连接过来，根据不同的实体名称 视图编号等信息获取不同的视图，支持上拉下拉刷新翻页，效果图如下

 

后台配置包括实体名称 实体编号 视图序号 视图显示字段和视图的查询条件，其中实体编号是控制表单右测查找区里的查询实体,查询字段用“,”分隔，截图如下

三,表单

   表单界面是从视图列表中超链接过来的，包含了记录id和实体名称信息，接口根据这两个参数在Dyanmic 365 查对应的APP表单，返回了包括字段名称字段类型 字段值 查找对象 选项集文本等信息，APP前端根据不同的类型创建不同的表单。APP截图如下:

后台参数界面如图