UCML

(1)单列横排编辑模式:生成一个一列布局表格,有多少条记录就会生成多少行

(2)两列横排编辑模式:生成一个两列的布局表格,格式为:字段;录入框;字段;录入框。三列、四列横排同理。

(3)生成列表上的自定义控件:系统保留

(4)建立空白表格:在表单设计区域生成一个表格,如下图:

(5)建立手机页面空白面板:

(6)分组编辑模式:系统保留

(7)引用视图组件生成模板:系统保留

(8)引入当前填报报表设计:用填报报表设计编辑格式表单,该功能直接引入当前正在编辑的报表格式。

(9)选择引入填报报表设计:用填报报表设计编辑格式表单,弹出“报表查询”界面选择引入的填报格式报表。

(10)转换成多语言标签:生成表单支持多语言标签,详细说明参考《UCML多语言功能介绍》。

【刷取所有列】:把视图组件现有的列信息重新从业务组件BC中读取,业务组件有多少列这里就显示多少列。

【刷取现有列】:把当前VC中的列信息重新从业务组件中读取一遍,如果当前字段在业务组件上配置信息有变化则同步更新过来。

【引入列】:从对应的业务组件中引入列

【删除列】:删除当前选中列

【向上按钮】:将当前选中列向上移动一个位置

【向下按钮】:将当前选中列向下移动一个位置

【置顶】:将当前选中的列置顶,放到第一行

【置底】:将当前选中的列置底,放到最后一行

【清空】:将所有列信息的允许修改和允许显示的复选框全部取消选中

【全部选中】:将所有列信息的允许修改和允许显示的复选框全部选中

【其他功能】:具体如下图

(1)快速HTML表格制表:弹出“快捷HTML制表”界面,在此可自行快速设计编辑表单布局,设计完后点击【生成HTML设计】按钮即可。

(2)HTML结果转换为Bootstrap布局:将当前布局内容直接在布局设计器中打开,并可直接生成Bootstrap布局页面

使用方法:

(4)Excel模板制表:弹出Excel模板制作界面,可用Excel设计编辑页面

(5)统一控件类型:用户设置所有字段用同一个控件来布局

具体操作:

1)在字段的“控件类型”处选择某个控件类型,比如选择“LABEL”

2)点击“统一控件类型”,将所有字段的控件类型设置为所选的控件类型

3)生成页面排版设计

(6)拷贝列信息:将当前视图组件的所有列信息拷贝到txt文档中并打开文档

(7)唯一列值补丁:在开发工具中为每个字段生成“唯一主键”,在使用平台多语言功能时会用到这个配置信息。

(8)保存符合控件属性:系统保留

【手机背景】:设置一个手机背景图片,方便为手机设置表单。

添加:添加一个手机图片

删除:删除当前选中的图片

选中:选中当前行的数据

关闭:关闭当前弹出窗口

二、列信息

字段名称:视图组件上的字段名称,如为引入BC的字段,则与BC上的字段名称一致,如为自定义字段,则可任意取名(不与已有字段同名)

中文含义:字段的中文含义,如为引入BC的字段,则默认为BC上字段的中文含义,可修改

允许修改:勾上则允许在页面进行修改,否则不能修改

允许显示:勾上则允许在页面进行显示,否则不显示

列宽度:设置列在页面中显示的宽度

对齐:字段值在列单元格中显示的位置(居左、居中、居右)

自定义控件:在列表格式组件中使用,勾上则后则该列可以直接向单元格中嵌入UCMLAjax++控件

控件ID:自定义控件ID,可在源码中查找,或在设计器中选中控件右键属性中查看控件的Name

生成非空标签:勾上则生成非空标签,如下图:

JS控件类型:选择JS控件类型(UCML扩展控件),生成页面时会根据所选择的控件类型生成相应的控件

控件类型:选择控件类型(HTML),生成页面时会根据所选择的控件类型生成相应的控件

分组名称:分组标题

是否固定值列:勾上则该列显示固定值,一般是命令按钮列使用。

固定列值:同上,勾选“是否固定值列”后则显示此处设置的值

第二语言标签:设置当前字段的第二种语言具体文字

第三语言标签:设置当前字段的第三种语言具体文字

录入提示:控件输入的提示文字

三、控件及编程时刻处理

1、视图组件页面设计

页面设计时用到的控件,包括以下几种类型,具体各控件的使用说明见【前端UCMLJS手册-->视图组件VC-->表单控件】

a)标准HTML控件:HTML的标准控件

1)光标

2)HTML标签(Label),页面生成div

3)普通按钮(button)

4)重置按钮(resetbutton)

5)提交按钮(submitbutton)

6)文本框(text)

7)文件上传(file)

8)文本域(textarea)

9)密码输入框(password)

10)复选框(checkbox)

11)单元按钮(radio)

12)隐藏文本框(hidden)

13)表格(table)

14)图片(image)

15)列表选择(select)

16)下拉选择(dropdown)

17)分割线

图上的控件依次为:

2)文本框控件

3)数字编辑框,可微调(加1、减一)

4)日期控件

5)货币编辑框

6)百分比编辑框

7)格式码编辑框

8)下拉列表或级联下拉列表

9)下拉列表

10)代码录入下拉列表

11)复选列表

12)多选下拉

14)标签Label

16)超链接

17)嵌入视图组件

19)大文件上传

20)多附件上传

21)H5多附件上传

22)签字盖章控件

23)SilverLight控件容器

24)ASP.NET服务端控件容器

25)人员选择控件

26)模糊查询控件

27)定时器控件

d)移动控件:移动页面用到的控件,具体说明见【移动--表单控件】类型文档。

2、设计时HTML源码

平台表单设计对应的HTML源码,该代码可手工修改,修改完后代码会自动同步到“目标应用HTML源码”。需要注意如果手工修改代码后再使用平台生成页面布局功能将会覆盖原有代码。

3、对象属性文本

平台控件属性定义信息,开发工具使用不建议手工修改。

4、事件响应函数

控件事件在此定义,对应“控件属性”选项卡中的“事件”功能,当在对应的事件上双击系统会自动增加响应函数,该函数在此进行编辑。如下图:

5、页面引用JavaScript

在此处写页面引用的js文件,也可写JavaScript代码,此处的代码会自动生成到aspx页面Head标签区域,如下图:

web页面源码:

6、CSS样式

此处可以定义页面CSS样式,业务单元生成源码后代码生成到页面HTML代码的“Head”区域。

7、目标应用HTML源码

页面实际显示效果用到的HTML源码,在组件设计时自动生成,执行“BS业务单元生成”时生成该视图组件HTML源码即来自此处。

8、快捷菜单

标题:菜单显示文本

为分隔符:勾上则添加分隔符

图标链接:菜单图标资源文件URL

处理代码:响应函数代码

9、JS初始化前时刻

视图组件的JS初始化前时刻发生的事件,可在此添加事件代码

10、JS控件创建语句

在此可直接写前端控件创建语句,代码生成到前端控件初始化时刻,对应函数onInit

11、服务端HttpGet时刻

当Http请求方式为Get时发生,可添加服务端代码,代码生成到aspx.cs文件中

12、服务端HttpPost时刻

当Http请求方式为Post时发生,可添加代码,代码生成到aspx.cs文件中

13、服务端PageLoad时刻

服务端进行页面加载时刻发生,可添加服务端代码,代码生成到aspx.cs文件的Page_Load函数中

14、服务端初始时刻

服务端初始时刻发生,可添加服务端代码,代码直接生成到asp.cs文件的OnInit函数中

THE END
1.网页设计优设网网页设计Web Design。大屏时代,越来越多的公司开始重新重视网页设计,特别是响应式网页设计。本话题收录了网页设计师入门必学的网页设计方法论、网页设计规范指南、网页设计工作流等优质文章,可以更好的帮助网页设计师入门及进阶。https://www.uisdc.com/tag/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1
2.墨刀墨刀是A股上市公司万兴科技旗下的原型设计工具,支持APP、网站页面、管理后台、可视化大屏、工业HMI、小程序、H5多场景领域原型设计,AI智能生成组件、页面,智能填充,支持执行AI语义化指令,支持团队项目实时协作和管理,金融级数据安全保障,还支持私有化部署,是产品经理https://modao.cc/
3.在线设计网页页面设计专题模板在线设计网页页面设计图片素材下载我图网在线设计网页页面设计专题为您整理了2297个原创高质量在线设计网页页面设计图片素材供您在线下载,PSD/JPG/PNG格式在线设计网页页面设计模板下载、高清在线设计网页页面设计图片大全等,下载图片素材就上我图网。https://so.ooopic.com/sousuo/946993/
4.网站页面在线设计由于一个网站是由一个或多个网页组成的,所以接下来我们就需要来设计制作网页,而“9466网页助手”非常体贴地为用户提供了两种设计制作的方式。一种就是传统的“白手起家”,在空白的页面中添加上自己需要的内容,最终完成网页的设计制作操作。另外一种相对比较简单,就是从“9466网页助手”网站中选择合适的模板,在这个模http://www.360doc.com/content/15/1120/11/21939249_514521544.shtml
5.专业高效的在线HTML构建器网页模板网站模板网页设计网页美观专业的行业网页模板,搭配高效的可视化HTML构建器,免费在线设计网页,兼顾设计师和开发者,无需编程背景,支持可视化拖拽编程,摆脱繁琐的UI布局。高效页面产出,在线网页制作神器 !https://htmlpage.cn/
6.H5页面在线设计:开启数字营销新纪元H5页面在线设计:开启数字营销新纪元 在数字化时代,H5页面已成为企业数字营销的重要一环。它不仅具备跨平台、易传播的特性,还能通过丰富的交互设计吸引用户眼球,提升营销效果。本文将围绕H5页面在线设计,从工具选择、设计技巧到实战应用,为您全面解析如何打造高效、吸引人的H5页面。https://www.pbids.com/aboutUs/pbidsNews/1861306463680565248
7.PDF转Word在线PDF转换器免费页面版转转大师PDF转Word在线转换免费工具,快速高效转换PDF为可编辑的Word文档,无需安装软件,支持一键转换,完美保留原文格式和布局。https://pdftoword.55.la/
8.手机app页面设计图片在线编辑魔力设在线设计平台提供手机app页面设计图片在线编辑和下载,包括手机app页面设计模板、手机app页面设计图片、手机app页面设计素材。即可下载PSD源文件,也可以直接在线编辑制作,无需PS,1分钟快速出图。http://www.51mo.com/s-templates/270655.html
9.泡泡h5页面在线制作H5模板在线设计制作泡泡h5页面在线制作,易企秀H5模板商城为你提供海量创意设计模板,更有图片、字体、音乐等正版素材商用无忧,一款免费好用的H5在线制作设计工具,满足你3分钟快速制作一键发布H5https://store.eqxiu.com/moban/paopaoh5yemianzaixianzhizuo-94221.html
10.在线设计可视化页面数据统计网页设计在线免费数据可视化1、在线设计可视化页面工具:FineBI FineBI在线免费数据可视化工具提供更人性化的智能数据统计网页设计,另外,FineBI数据统计网页设计的颜色,大小,形状,标签和图表的其他属性多达50+,使表现出来的可视化的图表将更加丰富和灵活,我们可以通过数据尽情的可视化,探索无限组合的图表属性。 https://www.fanruan.com/bw/?p=7362
11.意派?Epub360意派Epub360H5页面制作工具完全满足您个性化需求,零代码在线制作专业微杂志,测试答题,视频H5,微信邀请函,h5小游戏,H5流式长页面等创意营销互动网页,并可直接微信发布https://www.hmwww.cn/site/1897.html
12.正在播放专业级的H5页面在线设计制作工具专业级的H5页面在线设计制作工具 登录 注册 该课程需要购买后播放 ¥299.00 元 立即购买 2448次播放 友情提示:视频在IE10以下版本无法播放,请点击下载Google浏览器或用微信扫描 二维码 在手机上播放。第0章: 新媒体运营工具开篇 0.1 搜外(SEOWHY)教育介绍00分 50秒 0.2 新媒体运营工具篇(开篇)【大神可忽略】https://ke.seowhy.com/play/1862.html
13.基于vue3+vite+ts的可视化页面设计器(源码+项目说明)(可在线设计2、本项目适合作为计算机、数学、电子信息等专业的课程设计、期末大作业和毕设项目,作为参考资料学习借鉴。 3、本资源作为“参考资料”如果需要实现其他功能,需要能看懂代码,并且热爱钻研,自行调试。 基于vue3+vite+ts的可视化页面设计器(源码+项目说明)(可在线设计页面表单等,支持引入多种组件库和自定义组件).zip https://download.csdn.net/download/baidu_33164415/88912914
14.亲测能用美间在线设计工具官方网页版美间是一款集创意、设计、素材、协作于一体的在线设计工具。它整合了海量的设计素材和模板,支持多种设计场景,如软装设计、海报制作、PPT提案等。通过美间,用户可以轻松创建出专业、精美的设计作品。它为设计师和企业提供了丰富的设计资源和高效的创作平台。 1、主要功能 海量素材库:美健拥有庞大的设计素材库,包括高清https://zixue.3d66.com/softhtml/showsoft_3398.html
15.一个在线设计平台,名为美图秀秀网页版,它提供了各种设计工具和模板,一个在线设计平台,名为美图秀秀网页版,它提供了各种设计工具和模板,以帮助用户创建各种类型的图形内容。以下是页面的一些关键特点: 设计工具:包括图片编辑、智能抠图、AI商品图、AI Logo等。 模板中心:提供了丰富的设计模板,涵盖电商、社交媒体、行政办公、教育等多个领域。 https://www.8kmm.com/sites/9669.html
16.UEbuilder网页在线设计工具无需代码,即时生成,无缝衔接到UEmo模板首页/详情页/公众号菜单等独立展示的页面中。 PC+手机H5 PC端调整好后,手机版自动生成,同时也可在手机版单独调整部分操作属性,手机展示更完美。 Spline插件 Spline是一款轻量化3D在线协作设计工具,集建模,材质,交互,动画,代码交付于一身。可嵌入到UEbuilder中进行使用 https://www.uebuilder.net/
17.在线物料设计微信图文设计插画设计H5页面设计蓝橙互动蓝橙互动拥有7年设计经验,为各大品牌提供线上设计服务,其中包括:H5设计|海报设计|表情包设计等各类设计服务,您只需要提供需求,剩下的我们实现。http://wzcs.cdlchd.com/b/
18.canva可画,全能在线设计工具,海报,简历,电商,PPT,H5页面,UI设计canva可画官网,全能在线设计工具,海报,简历,电商,PPT,H5页面,UI设计 简介 Canva是一款在线设计工具,可以帮助用户进行各种设计工作,包括海报、简历、电商设计、PPT、H5页面、UI设计等。 canva可画官网: https://www.canva.com/zh_cn/ 更好的ai论文工具推荐 1.AI论文写作平台,10分钟生成3万字,免费千字大纲aipaperhttps://feizhuke.com/sites/canva.html
19.意派?Epub360意派Epub360H5页面制作工具零代码在线制作专业测试答题,视频H5,微信邀请函,H5小游戏,合成微信头像海报,表单收集,抽奖H5,招聘,节日祝福贺卡,微杂志等创意营销互动网页,并可直接微信发布。 H5编辑器专业特色 Epub360H5页面制作工具采用由简到难渐进式产品设计模式,尊重用户已有的PPT软件使用习惯, https://pidoutv.com/sites/4171.html
20.在线设计能力页面设计 无需开发,可快速生成并发布页面及小程序 支持M端与PC端页面互转; 能以图智能生成页面 拥有海量优质模板; 搭载极简在线可视化编辑器 立即使用 由羚珑智能设计提供服务 互动营销设计 快速生成互动营销设计,助力商家实现快速拉新、留存、活跃等目标 https://jdrd.jd.com/home/product.html?product_name=online
21.美图秀秀免费在线P图抠图拼图美图秀秀网页版在线图片照片编辑制作美化修改处理工具提供在线拼图,在线改图修图,在线P图,在线美颜,在线ps照片,另外还提供图片美化、人像美容、添加文字、批量处理图片大小、证件照换底色、图片压缩等好用的功能,还有海报设计、平面设计、广告设计、贴纸素材、边框等丰富https://pc.meitu.com/
22.免费网站模板在线设计制作:企业网站手机网站H5页面一站式免费网站模板设计制作平台,为您提供免费网站建设、企业网站、商城网站模板等服务,为深圳、广州、北京、上海和全国各地企业和个人服务。https://www.aizhan.cn/jianzhan/
23.开源低代码在线设计平台源码在线表单设计调整项目的结构使之更加合理和容易理解 功能重新设计和实现更加合理和更具扩展性 性能更加突出,升级到vue3+vite2并且引入了vuex和事件机制代码复杂度降低了很多, 每个模块更加独立 页面截图参考 发布地址:npm publish --registry=https://registry.npmjs.orghttps://www.ymama.net/news/txtlist_i1708v.html
24.商品详情页设计要点商品详情页是电商平台最核心的页面之一,好的商品详情页可以提升用户的购买欲望和体验。本文将从三个方面分享提升商品详情页用户体验的5个技巧:页面设计、图片展示和文字描述。 一、页面设计 1. 布局清晰明了 布局清晰明了是提升商品详情页的关键。要充分考虑用户的使用习惯,将各类信息:商品价格、购买按钮、商品参数、http://www.chinauci.cn/news/webnews/27792.html
25.H5页面制作工具设计今日兔展h5页面制作工具设计教程一、H5页面制作工具在线设计教程介绍 微信小程序的发布,把H5推上舆论风口浪尖,同时普及了H5成为互联网新一代APP的实力和潜力。 今天就来给大家推荐一个超实用的H5页面制作工具——ih5.cn,零代码就能够轻松制作酷炫H5。 它是一个网站,打开网页就能在线编辑H5页面,并且拥有720°全景、重力感应、跨屏互动、画图互动等https://edu.xinpianchang.com/article/baike-244895.html