资讯专栏INFORMATION COLUMN

发布基于 Avalon2 的 UI 组件库与 SPA 脚手架

Sike / 2087人阅读

摘要:使用前端框架开发信息管理系统有三年了,最近半年花了些心血将这三年的积累凝聚起来,诞生了两个开源项目和。,中文名安逸,是基于的端组件库。有用于数据展示的组件用于数据提交的组件用于消息提示的与组件组件和用户输入组件等,并且还在不断完善中。

使用 Avalon 前端框架开发信息管理系统有三年了,最近半年花了些心血将这三年的积累凝聚起来,诞生了两个开源项目 ms-bus 和 ane。

ms-bus,中文名“巴适”,是基于 Avalon2 的 SPA 脚手架。包括了模块组织加载方式、单页面局部刷新技术、路由控制、后端数据的接入与模拟等实践,针对比较普遍的增删改查需求做了一定的封装,开发者可以在几分钟内就能添加一个基本的增删改查模块。

ane,中文名“安逸”,是基于 Avalon2 的 PC 端 UI 组件库。参考了 ant-design 的样式与交互,以 bootstrap 为基础构建 UI。有用于数据展示的 table 组件、用于数据提交的 form 组件、用于消息提示的 message 与 notification 组件、dialog 组件和用户输入组件(input/textarea/checkbox/radio/select/datepicker/timepicker/upload)等,并且还在不断完善中。

开发这个两个项目的目的是让开发者轻松地创建兼容 IE8 及以上的单页面应用。

奉上仓库和预览地址,喜欢点 star,想收藏以后看也点 star,想参与开发点 fork

ms-bus 仓库地址:https://github.com/xxapp/ms-bus
ane 仓库地址:https://github.com/xxapp/ane
在线预览地址:https://xxapp.github.io/ms-bus

Q:已经有了这么多优秀的组件库为什么还要造轮子?

A:因为支持 IE8 的组件库很少,ant-design 1.x 支持 IE8,但是开发重心可能就放在 2.x 上了,ane 是要和 IE8 血战到底的。

Q:为什么要支持 IE8?

A:笔者不巧一直从事的都是传统企业和医疗教育机构的软件服务行业,对兼容性有要求。也知道有很多和笔者一样与 IE8 做斗争的兄弟,希望 ane 能减轻大家的负担。

Q:坚持的动力是什么?

A:大家的认可和鼓励,不用加班的笑脸。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/88296.html

相关文章

  • 记一次基于vuespa多页签实践经验

    摘要:然后类似一样我的命名是可以在页面的任何地方使用,如果你对具体的实现方法有兴趣,欢迎点击本文结尾的链接,去我的仓库上查看。 前言 最近收到一个这样的需求,要求做一个基于 vue 和 element-ui 的通用后台框架页,具体要求如下: 要求通用性高,需要在后期四十多个子项目中使用,所以大部分地方都做成可配置的. 要求做成脚手架的形式.可以 npm 安装 要求实现多页签,并且可以通过浏...

    ispring 评论0 收藏0
  • 记一次基于vuespa多页签实践经验

    摘要:然后类似一样我的命名是可以在页面的任何地方使用,如果你对具体的实现方法有兴趣,欢迎点击本文结尾的链接,去我的仓库上查看。 前言 最近收到一个这样的需求,要求做一个基于 vue 和 element-ui 的通用后台框架页,具体要求如下: 要求通用性高,需要在后期四十多个子项目中使用,所以大部分地方都做成可配置的. 要求做成脚手架的形式.可以 npm 安装 要求实现多页签,并且可以通过浏...

    张迁 评论0 收藏0
  • 前端工程化工具初选

    摘要:面对日益纷杂的前端工具,作为新人常感无从下手。脚手架应用开发流程与工具项目生成器集成方案解决前端开发中自动化工具性能优化模块化框架开发规范代码部署开发流程等问题框架简洁直观强悍的框架,让开发更迅速后端程序的福音。   面对日益纷杂的前端工具,作为新人常感无从下手。经过一番检索和简单对比,再结合自己的喜好,筛选了将要学习和使用的工具,以适应日益工程化、专业化的 Web 前端开发工作。 s...

    Rocture 评论0 收藏0
  • react 项目构建

    摘要:配置方式找到文件如需添加路由则在里面添加,同时需要后端更改配置除了上面的路径,其他路径全部指向单页应用多路由预渲染指南使用说明源码为方便快速构建项目,本例所有配置的代码均放在项目中。 写在前面 每次构建react项目的时候都会配置一大堆东西,时间久了就会忘记怎么配置。为了方便自己记忆也为了其他开发者在构建react应用时能够快速开发,故作此记录。 本项目基于 create-react-...

    ACb0y 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<