当前位置:主页 > 管理论文 > 移动网络论文 >

可视化页面编辑平台的设计与实现

发布时间:2023-06-13 19:51
  随着前端技术的不断发展,前端页面开发工作越来越繁重,而传统代码开发方式存在效率低下、技术门槛高等问题,极大制约了前端开发者的工作效率。本文着眼于公司内部业务场景,通过平台化服务和可视化编辑框架的方式进行常规页面的快速开发,提高页面开发的效率和质量。本项目提供了可视化编辑的页面编排方案、优秀的UI组件、平台化服务来实现解决传统代码开发页面的缺陷。本文设计了全新的可视化编辑、动态表单&智能报表、快速搭建平台三个模块,以实现简单,高效,智能的页面服务。各模块主要工作如下:(1)鉴于HTML+CSS代码页面开发方式的效率低下,本文实现了可视化编辑模块进行页面在线可视化编辑,同时页面布局采用栅格化布局,用户不需要在页面调试和编排中花费大量的时间,极大提升了页面开发效率。(2)表单和报表页面往往具有特殊的布局和数据逻辑,例如label标签和内容区的并排布局、数据校验逻辑等,动态表单&智能报表模块通过React + Redux技术的封装,赋予了常规组件的条目布局、数据上下行、逻辑校验、属性设置等功能,同时通过渲染引擎快速渲染页面,使得用户只需要关注组件的属性设置和页面编排,而不用关注...

【文章页数】:89 页

【学位级别】:硕士

【文章目录】:
摘要
Abstract
第一章 引言
    1.1 项目背景
    1.2 可视化页面编辑在前端领域的发展概况
    1.3 本文的主要工作
    1.4 本文的组织结构
第二章 技术综述
    2.1 浏览器端技术
        2.1.1 React
        2.1.2 ECMAScript 6
        2.1.3 Redux
        2.1.4 Webpack
        2.1.5 Babel
    2.2 服务器端技术
        2.2.1 Node.js
        2.2.2 Egg.js
        2.2.3 MySQL
    2.5 本章小结
第三章 可视化页面编辑平台的分析与设计
    3.1 可视化页面编辑平台总体规划
    3.2 可视化页面编辑平台需求分析
        3.2.1 可视化页面编辑平台系统需求分析
        3.2.2 工程管理模块需求分析
        3.2.3 组件管理模块需求分析
        3.2.4 用户管理模块需求分析
        3.2.5 群组管理模块需求分析
        3.2.6 页面内容编排模块需求分析
        3.2.7 非功能性需求分析
    3.3 可视化页面编辑平台详细设计
        3.3.1 可视化页面编辑平台总体系统架构
        3.3.2 可视化编辑Tyr系统设计
        3.3.3 快速搭建平台Smart-Build系统设计
        3.3.4 动态表单Juno&智能报表Mars设计
    3.4 可视化页面编辑平台数据库设计
    3.5 本章小结
第四章 可视化页面编辑平台的实现
    4.1 可视化编辑Tyr的实现
        4.1.1 视觉搭建的实现
        4.1.2 数据上下行的实现
        4.1.3 行为描述的实现
        4.1.4 插件扩展机制的实现
    4.2 快速搭建平台Smart-Build的实现
        4.2.1 快速搭建平台前端的实现
        4.2.2 快速搭建平台后端的实现
    4.3 动态表单Juno&智能报表Mars的实现
        4.3.1 渲染引擎的实现
        4.3.2 物料组件的实现
    4.4 系统的运行与性能
    4.5 本章小结
第五章 总结与展望
    5.1 总结
    5.2 进一步工作展望
参考文献
致谢



本文编号:3833185

资料下载
论文发表

本文链接:https://www.wllwen.com/guanlilunwen/ydhl/3833185.html


Copyright(c)文论论文网All Rights Reserved | 网站地图 |

版权申明:资料由用户64270***提供,本站仅收录摘要或目录,作者需要删除请E-mail邮箱bigeng88@qq.com