(19)中华人民共和国国家知识产权局
(12)发明专利申请
(10)申请公布号 (43)申请公布日 (21)申请号 201910312213.0
(22)申请日 2019.04.18
(71)申请人 合肥天毅网络传媒有限公司
地址 230000 安徽省合肥市高新区信息产
业基地桑夏1#综合楼323室
(72)发明人 汪齐顺
(74)专利代理机构 上海精晟知识产权代理有限
公司 31253
代理人 冯子玲
(51)Int.Cl.
G06F 9/451(2018.01)
G06F 16/958(2019.01)
(54)发明名称一种前端网页设计系统及其方法(57)摘要本发明公开了一种前端网页设计系统及其方法，涉及网页制作领域。本发明包括如下步骤：步骤S1：用户登录系统界面；步骤S2：选择使用模板或者新建空白界面；步骤S3：拖拽已有示例组件，通过修改属性配置实现自己想要的界面；步骤S4：为文件取项目名称并保存；步骤S5：下载直接由于开发的压缩包。本发明通过提供的零编码拖拽式操作，可以将不同的可视化元素在界面上自由DIY，利用素材中心应用至通用示例，实现网页的快速开发，即使不会代码也能拖拽出自己想要的界面，并且能保存下载直接用于项目开发的压缩包，减轻设计及前端人员负担，大大缩短项
目周期。权利要求书1页 说明书4页 附图1页CN 110032420 A 2019.07.19
C N 110032420
A
权 利 要 求 书1/1页CN 110032420 A
1.一种前端网页设计系统，包括页面拖拽子系统和素材中心，其特征在于：
所述页面拖拽子系统包括布局模块、属性编辑模块、代码调整模块、存储模块和打包下载模块；所述布局模块用于给用户提供不同样式的拖拽模板；所述属性编辑模块用于对模块属性进行编辑；所述代码调整模块用于对拖拽完成后的模块进行页面代码的调整；所述存储模块用于对拖拽完成的页面模板进行保存；所述打包下载模块用于对保存后模板进行打包提供给其他用户打包使用； 所述素材中心用于提供多样化素材。
2.根据权利要求1所述的一种前端网页设计系统及其方法，其特征在于，所述布局模块包括模板商城、专家布局和自定义布局；所述模板商城用于提供各类型模板给用户在界面的基础上进行替换、布局和拖拽；所述专家布局用于提供多种布局方式供用户拖拽至界面；所述自定义布局用于用于根据自己需求任意拖拽，对界面进行灵活布局。
3.如根据权利要求1-2任意一所述的一种前端网页设计系统的实现方法，其特征在于，包括如下步骤：
步骤S1：用户登录系统界面；
步骤S2：选择使用模板或者新建空白界面；
步骤S3：拖拽已有示例组件，通过修改属性配置实现自己想要的界面；
步骤S4：为文件取项目名称并保存；
步骤S5：下载直接由于开发的压缩包；
其中，步骤S3中拖拽具体的实现方法为：
步骤S31：将可视化空间存放在示例空间区并进行分类展示；
步骤S32：调整可视化示例控件的位置；
步骤S33：修改可视化空间的属性；
步骤S34：返回步骤S32，直至达到网页设计要求。
4.根据权利要求3所述的一种前端网页设计系统的实现方法，其特征在于，所述步骤S31中，从示例控件区中拖动想要的示例到布局区域，在目标布局区域中，构造出一个示例控件div块，读取该可视化控件所对应的控件文件内容，将可视化控件div块的代码添加或替换到到目标布局区域中，目标布局区域就会展示出静态HTML字符串的效果，则生成的控件就存放于模板的布局位置中。
5.根据权利要求3所述的一种前端网页设计系统的实现方法，其特征在于，所述步骤S33，可视化空间属性包括文本、图片、背景、位置、高、宽。
2
豫公网安备41160202000603
站长QQ:729038198
关于我们
投诉建议