目前在研发中心-数据组,担当前端开发工作,本人之前开发主导多个项目重构,如EIP、云产品等项目,所以结合自身优势,有幸被推荐加入到研发中心-数据组。开始接触到项目时,发现很多问题,如旧框架equipment_manage项目使用angular4.0,对于维护跟开发成本相对比较高,相对angular 生态没有vue、react 更活跃。旧框架没有做升级,之前设计,开发,没有规范起来,导致项目上的代码冗余难维护 、组件未分离 也没有抽象出共用组件,造成大量相同的代码出现、对于线上的后台系统,没有ui设计,风格不一,给人感觉就是demo。结合对这些问题,提出相对应的解决方案,如提出项目重构方案、组件设计规范、推行UI标准化等。

    目前主要负责低代码平台,它是有基于 vue 和 element-ui 实现的可视化表单设计器,赋能企业实现低代码开发模式;帮助开发者从传统枯燥的表单代码中解放出来,更多关注业务,快速提高效率,节省研发成本。在进入低代码开发前,做了技术预研,如结合对比市面上开源框架,FormMaking、Form-generator、鲸准对比,选择一款适合项目的框架。

    低代码项目做了那些工作?

    1. 组件划分:更好管理、提取组件,也可以快速把当前组件打包一个组件库
    2. 前端规范:制定菜单组件约定、web端组件规范(表单规范、表格规范)
    3. 技术栈选型:Vue 2.x、vue-cli4.x、Vue-Router 4.x、Element(UI组件库)、axios
    4. 前端后台template模板:一套企业级后台管理系统模板,并输出相应的文档
    5. 架构设计
    • MakingForm 表单设计器(基于可视化操作快速设计出表单页面)
    • GenerateForm 表单生成器(根据设计器中获取的配置 json 数据,快速渲染出表单页面)

    当前低代码项目可以支持根据设计器中获取的配置 json 数据,快速渲染出表单页面,也加入一些复杂的交互,如简单主子表、三层主子表、1主多子(多tab)的结构。满足了现阶段的需求场景。

    在接下来工作中,主要做好低代码这个项目,将它打造成公司的拳头产品,一个产品不是只靠几个人来维护开发的,将来会有更多的人加入进来。

    低代码项目前端规划:

    1. 完善Web端组件规范与前端代码规范
    2. 架构设计不断优化、升级,如技术栈升级(Vue 3.0 + Vite 2.0 + Vue-Router 4.0 + Element-Plus + Echarts 5.0 + Axios + TS)
    3. 跟中台对接组件库,结合他们当前建设好组件库,将低代码项目的组件进行整合。(提高效率,丰富物料)
    4. 做好文档输出,如研发过程中遇到的关键问题和技术难题
    5. 也会对前端前沿技术、理念的跟进、预研和落地
    6. 多终端适配 支持 pc、pad、mobile 多端布局适配,并查看展示效果

    image.png

    自己在主导新技术落地,会多考虑:
    无论是对于从头开发的微前端应用,还是正在迁移的微前端应用,这种架构的演进都需要一个实施时间。出于以下目的,我们需要快速“发布”MRV版本(最小可发布版本)的微前端架构应用:
    ◎ 架构在项目中的可行性验证。
    ◎ 向领导和团队证明架构的可能性。
    ◎ 增强团队对于新技术的信心。
    将那个最小的、成本最低的应用迁移到微前端架构中。

    自己试用期间,对领导安排按时完成、和团队配合比较融洽,在技术上也会提出自己想法,提出来方案都会得到大家肯定和采纳。但相对也会有状态底下的时候,没有做到有问题及时进行沟通的。希望在未来工作中,继续努力。