【技术实现步骤摘要】
一种零代码自定义HTML表单样式的方法
[0001]本专利技术涉及一种零代码自定义HTML表单,涉及互联网云平台
,具体涉及一种零代码自定义HTML表单样式的方法。
技术介绍
[0002]现有互联网云平台上的网页页面开发,大多都需要通过修改代码的方式来改变页面的控件、样式等,云平台在给不同客户服务时,一般客户都会有定制化功能页面的需求,这时就需要多次修改代码来满足不同客户的需求。这种服务模式需要投入额外的人力物力时间金钱等,开发和实施周期长,效率低下。
技术实现思路
[0003]本专利技术需要解决的技术问题是提供一种零代码自定义HTML表单样式的方法,其中一种目的是为了具备能够简单便捷地通过Word、PowerPoint、Excel 等常用文本和表格、图形编辑软件,快速地依照客户需求定制管理云平台的表单页面,不需要进行代码修改、软件发布等流程,解决互联网云平台上的网页页面开发,大多都需要通过修改代码的方式来改变页面的控件、样式等,云平台在给不同客户服务时,一般客户都会有定制化功能页面的需求,这时就需要多次修改代码来满足不同客户的需求,这种服务模式需要投入额外的人力物力时间金钱等,开发和实施周期长,效率低下问题。
[0004]为解决上述技术问题,本专利技术所采用的技术方案是:
[0005]一种零代码自定义HTML表单样式的方法,该零代码自定义HTML表单样式的方法,包括以下步骤:
[0006]S1、编辑软件,根据客户的定制化需求设计好基础页面;
[0007]S2、设 ...
【技术保护点】
【技术特征摘要】
1.一种零代码自定义HTML表单样式的方法,其特征在于,该零代码自定义HTML表单样式的方法,包括以下步骤:S1、编辑软件,根据客户的定制化需求设计好基础页面;S2、设计页面,将设计好的页面样式导出成HTML文件;S3、显示对比,用浏览器打开刚才导出的HTML,看看显示效果是否与Word等编辑器中一致;S4、压缩文件,将导出的HTML及附件文件一起压缩成ZIP等格式的压缩文件;S5、文件上传,将ZIP文件上传到管理云平台;S6、后端修改,在后端程序上对上传的HTML进行修改替换;S7、选择确定表单样式,打开对应模块并选择表单,选择数据,编辑显示该零代码自定义HTML表单样式。2.根据权利要求1所述一种零代码自定义HTML表单样式的方法,其特征在于,所述编辑软件过程还包括:S1.1、根据表单的宽高比,选择适合的方向;S1.2、选择纸张大小,例如选择A4;S1.3、设计出所需的表面页面;S1.4、填写每个位置对应的字段名,以对应关键字类型表达不同展示形式;S1.5、选中整个表格,设置居中对齐,选择单元格对齐方式一般选择居中;S1.6、设置表格的指定宽度和高度;S1.7、添加浮于文字上方图片。3.根据权利要求2所述一种零代码自定义HTML表单样式的方法,其特征在于,所述填写每个位置对应的字段名还包括:S1.4.1、给出一种关键字类型的设计方式:a、中文双引号:字段变量名(模块中默认字段名);b、中文书名号:二维码;c、中文中括号:子表名;S1.4.2、对于子表类型,可以在Word里面预先写好子表要显示的字段;S1.4.2.1、子表名与字段中间用“中文分号”分隔开,字段之间用“中文逗号”分隔;S1.4.2.2、最后的数字4用来指定一页表单可显示的最大子表行数。4.根据权利要求2所述一种零代码自定义HTML表单样式的方法,其特征在于,所述添加浮于文字还包括:S1.7.1、添加浮于文字上方图片;S1.7.2、插入的图片默认是“嵌入型”的,而印章等图片需要浮于文字上方;S1.7.3、右键点击图片,选择“大小和位置”;S1.7.4、把“文字环绕方式”改为“浮于文字上方”,把位置中的“水平绝对位置”的右侧改为“字符”,“垂直绝对位置”的下侧改为“段落”;S1.7.5、把图片移动到合适位置;S1.7.6、保存另存为“筛选过的网页”,再用浏览器打开,这时可以看到网页中浮于文字上方的图片位置基本与WORD中一致;
S1.7.7、如果绝对位置的值是负数,则另存为HTML时图片位置会移动到0的位置;S1.7.8、如果“水平绝对位置”的右侧不是“字符”,则图片会根据窗口位置变动;S1.7.9、点击图片时会出现如下图所示的“锚”的图形,表示当前图片的位置基准;S1.7.10、这个“锚”要放在表格单元格内或某个字的旁边,要避免在空格旁边;S1.7.11、如果保存成HTML时图片变模糊了,可以按下面的方法设置不压缩图片;S1.7.11.1、Word——选项——高级——勾选“...
【专利技术属性】
技术研发人员:陈涛,
申请(专利权)人:武汉晨曦芸峰科技有限公司,
类型:发明
国别省市:
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。