当前位置: 首页 > article >正文

Unigui基于vue+elementui的自研框架

一、前言

    笔者由于近期遇到一个项目,其基础数据维护功能的数据项较多、开发效率、周期都较长,当时考虑项目周期、项目稳定性情况(部分版本在基础类继承以及处理存在部分bug)下、功能不具备通用性,采用原始的每项功能单独开发,项目周期、工作量巨大,完全超出了成本,对于成本;鉴于此启发与思考,结合自身以及未来的发展规划(前端逐步向主流vue、recat等框架迁移),花费1个半月左右时间完成框架功能开发并基于此框架基础上研发商户支付平台(直连,无服务商模式);

二、框架实现路径

    鉴于vue的响应式以及框架可视化编写等方式,可以采用基类集成加载不同页面的功能来完成、适配相关业务场景;

1、unigui基类集成

    创建基础类,其嵌入htmlframe来实现js、html 继承等

2、htmlframe集成

     其支持运行js、css等内容,考虑到样式统一管理,除非特殊性需求,直接节点上编写相关css内容,其它均采用统一css的类来实现;

元素项:html、afterscript

vue元素项:dictdata(字典数据)、data(数据项)、configdata(配置信息)

3、vue+elementui集成

   采用vue2以及elmentui来嵌入实现相关效果;

  vue响应式用法可自行搜索,其优点、效率对于研发者追求开发效率来说是首选;

三、框架展示效果

1、基础组件

   卡片效果、表格、按钮是常见的组件内容,可以通过自行封装相关基础组件,页面上集成加载等,自定义很强;

2、页面配置

3、页面预览


http://www.kler.cn/a/471571.html

相关文章:

  • LangChain速成课程_构建基于OpenAI_LLM的应用
  • conda指定路径安装虚拟python环境
  • FastAPI 的依赖注入与生命周期管理深度解析
  • WebSocket 实现指南
  • c++领域展开第十幕——类和对象(内存管理——c/c++内存分布、c++内存管理方式、new/delete与malloc/free区别)超详细!!!!
  • Vue笔记-001-声明式渲染
  • JVM一之类加载子系统
  • 多模态图文检索实战——基于CLIP实现图文检索系统(附源码)
  • AI驱动的可演化架构与前端开发效率
  • 【Java基础】正则表达式的使用与常用类分享
  • 业务日志设计
  • # Java 发送电子邮件示例
  • 『SQLite』常见函数的使用
  • `http_port_t
  • 『SQLite』常见日期时间函数的使用
  • java项目之旅游网站的设计与实现(源码+文档)
  • 网络分析与监控:阿里云拨测方案解密
  • ETCD渗透利用指南
  • 【Python】Flask报错:TimeoutError: QueuePool limit of size 10...以及日常bug处理
  • PyCharm简单调试
  • 【计算机组成原理课程设计】:实验0 ROM仿真、实验1 验证74L181运算和逻辑功能、实验2 运算器 2、实验 3 跑马灯、实验4 模拟微程序实现指令
  • swagger导出json
  • rabbitmq——岁月云实战笔记
  • C# async和await
  • Dexcap复现代码数据预处理全流程(四)——demo_clipping_3d.py
  • 东土科技参股广汽集团飞行汽车初创公司,为低空经济构建新型产业生态