基于AntdVue框架的框架系统技术方案

技术编号:32357233 阅读:33 留言:0更新日期:2022-02-20 03:19
本发明专利技术提供了一种基于Antd Vue框架的框架系统,包括页面框架模块、表格模块、步骤条模块、树模块、对话框模块及抽屉模块,页框模块用于定义信息区块的外层框架;表格模块用于展示行列数据,通过表格对结构化数据进行操作;步骤条模块用于引导用户根据流程完成任务,分解关系复杂或有先后顺序的任务,变成一系列流程步骤;树模块用于完整展示具有层级关系、具备树形结构的数据;对话框模块用于根据用户指令,在当前页面正中打开一个浮层,承载相应的事务操作;抽屉模块用于控制父窗体内容,或者在当前任务流中插入临时任务,创建或预览附加内容。本发明专利技术统一了中后台管理类项目的前端架构及原型,可以直接根据需求进行原型研制,项目研发。目研发。目研发。

【技术实现步骤摘要】
基于Antd Vue框架的框架系统


[0001]本专利技术涉及框架封装领域,具体地,涉及一种基于Antd Vue框架的框架系统。

技术介绍

[0002]本专利技术基于Ant Design Vue框架,该框架具备提炼自企业级中后台产品的交互语言和视觉风格,UI风格简洁,界面漂亮,符合当下中后台项目的审美。Ant DesignVue框架封装了中后台项目用到的基本内容,包括table、list、tree、modal、layout 等基础组件。使得开发人员可在此基础上实现快速开发。框架可适应基本主流浏览器,受到众多前端开发者及企业的追捧和喜爱。
[0003]但是Ant Design Vue框架封装的组件较为基础,在应用于项目时,需对组件进行二次封装,而对于复杂项目,同一组件要求具备更多API配置功能,就需要封装更多内容。例如table组件,由于框架本身的特性,其排序功能包含正序、倒叙、不排序,而项目要求只有正序、倒叙,而框架没有对应API配置接口。由于项目环境要求限制,只能使用较低版本的框架和浏览器,而低版本框架问题较多,有些简单功能要通过多个本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于Antd Vue框架的框架系统,其特征在于,包括页面框架模块、表格模块、步骤条模块、树模块、对话框模块以及抽屉模块,其中:页框模块用于定义信息区块的外层框架;表格模块用于展示行列数据,通过表格对结构化数据进行操作;步骤条模块用于引导用户根据流程完成任务,分解关系复杂或有先后顺序的任务,变成一系列流程步骤;树模块用于完整展示具有层级关系、具备树形结构的数据;对话框模块用于根据用户指令,在当前页面正中打开一个浮层,承载相应的事务操作;抽屉模块用于控制父窗体内容,或者在当前任务流中插入临时任务,创建或预览附加内容。2.根据权利要求1所述的基于Antd Vue框架的框架系统,其特征在于,对结构化数据的操作包括如下任一种或任多种:筛选、排序、分页、查找、增减、修改。3.根据权利要求1所述的基于Antd Vue框架的框架系统,其特征在于,所述对话框模块采用modal对话框。4.根据权利要求1所述的基于Antd Vue框架的框架系统,其特征在于,所述抽屉模块从父窗体边缘滑入,覆盖住部分父窗体内容,用户在抽屉内操作完成后,抽屉模块平滑地回到原任务。5.根据权利要求1所述的基于Antd Vue框架的框架系统,其特征在...

【专利技术属性】
技术研发人员:赵潇雨张慧萍张文雅
申请(专利权)人:华东计算技术研究所中国电子科技集团公司第三十二研究所
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1