大奖888网页版登陆 18

设计页面,页面设计

By admin in 百科 on 2020年1月16日

传统软件项目开发时,针对每个业务单据页面需要每控件一个一个的来设计,同时需要在页面功能中对每个控件的属性进行判定处理,尤其是页面风格布局样式需要花去一大半的时间,并且后续要想修改是非常麻烦繁琐,这样就导
致设计完成一个功能页面需要很长时间。问题是正常情况下很多功能是非常通用的,这就造成了重复劳作;如何快速设计页面风格,如何快速的将常用功能集成起来,供后续直接调用使用,并且后续只要修改一个地方,凡是调用的地方就自动变更了,如何让设计人员能通过可视化的简单配置或简单的JS编写就能达到各种类型表单页面设计要求如何提高开发效率,如何合理分配任务,如何快速维护响应……
在这样的思路基础上,结合软件项目开发经验,开发设计了可视化页面设计工具。通过页面设计能快速达到以上效果,下面就来看看吧!

 TextBox文本框 主要介绍 
输出感应、允许为空、热点提示等功能

层 Panel

输出感应:

             层Panel在网页中就是DIV, 在设计器中我们习惯称呼于Panel层;其控件属性包含三部分:基本属性、控件样式、控件事件;

在Textbox文本框属性中找到输出感应设置需要感应的字段

大奖888网页版登陆,一、基本属性

大奖888网页版登陆 1

20160413093806_0268.png (上传于2017-08-17
16:32:25)
大奖888网页版登陆 2

大奖888网页版登陆 3

控件中文:控件ID,唯一标记控件的编码,可以在右边的部件属性中修改;在一个页面中,控件名称不允许重复;

在web中显示感应功能:

中文标题:填写此控件的中文描述名称

大奖888网页版登陆 4

外文标题:填写此控件其他语种描述;

 

二、控件样式

允许为空:

控件样式通过此定义能实现所见即所得的网页控件;

 

20160413093832_1070.png (上传于2017-08-17
16:32:25)
大奖888网页版登陆 5

大奖888网页版登陆 6
  点击保存此页面时,如果没有填写人员编码,则会弹出不能为空对话框
 大奖888网页版登陆 7
  
  数据验证:在网页编辑时,通过键盘可以控制输入值

定位模式:表示控件在网页端的定位方式,一般使用绝对定位模式,但是系统也支持相对定位和静态模式;但是
          非绝对定位模式下,网页控件的布局就会显得比较凌乱;所以一般建议使用绝对定位模式;

大奖888网页版登陆 8
 
 
 热点提示:
大奖888网页版登陆 9

是否隐藏:设置控件是否在网页上面显示;

在web中显示:

宽度模式:设置控件的宽度是采用百分比还是绝对大小的方式;如果采用百分比时;控件的宽度计算方式为:当
          前控件的起点坐标与当前页面的宽度大小相减再乘以百分比来设置控件的宽度;

大奖888网页版登陆 10

高度模式:设置控件的高度模式,定义含义跟宽度模式一样,只不过比较对象是页面的高度;

TextBox可以支持textarea,控件属性设置为多行

控件样式:为了简化输出HTML网页文件的大小,所以针对控件都有一个默认的控件样式,此样式是直接采用整体
          的CSS里面通用的;自定义样式,是直接写在控件的Style样式中;如选择自定义样式,则可以定义设置
          控件的外观字体等;

大奖888网页版登陆 11

背景颜色:设置控件的背景颜色;

 

边框线型:设置控件的边框线型,虚线、实线、点线;

控件样式:

边框颜色:设置控件的边框线的颜色;

大奖888网页版登陆 12

边框宽度:设置层的外边框的宽度;

定位模式:设置控件的位置模式(绝对定位、相对定位、静态模式)一般默认采用绝对定位模式

三、控件事件

是否隐藏:设置控件是否在web中显示

    针对层控件,我们也定义支持了层的单击事件,一般情况下很少用到;

编辑类型:支持文本编辑(正常的编辑模式)、Html编辑(网页富文本编辑器,类似新闻编辑)Html编辑器控件属性必须为多行模式(Textarea)

20160413093954_2222.png (上传于2017-08-17
16:32:25)
大奖888网页版登陆 13

大奖888网页版登陆 14

四、功能示范

控件样式中字体、颜色、边框等可自定义设置,显示效果:

    通过实例示范层的定义及显示;定义设置层的样式:

大奖888网页版登陆 15

20160413094010_1035.png (上传于2017-08-17
16:32:25)
大奖888网页版登陆 16

控件事件:用户可以定义控件的相关事件

网页预览效果:

例如:鼠标单击事件EmpCodeCheck(),通过JS来执行相关动作

20160413094025_8100.png (上传于2017-08-17
16:32:25)
大奖888网页版登陆 17

事件编写方法在后续的页面设计中会详细介绍

大奖888网页版登陆 18

 

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图
Copyright @ 2010-2020 大奖888网页版登陆 版权所有