1.本发明涉及项目开发
技术领域：
：，具体为一种统一高效管理的前端技术开发管理方法。
背景技术：
：：2.随着技术的快速迭代更新，技术越来越完善，现在项目中大部分会直接依赖第三方技术。3.现有的一些项目中直接依赖第三方技术，虽然能够快速进行项目开发，但是也存在许多不便利的地方：配置繁琐，每个项目根据不同技术配置不同的配置；技术更新每个项目都需要单独维护更新；项目中的模版，组件，指令等自定义内容经常在不同项目中都要使用，导致重复造轮子的事情；公司内部项目使用的技术不统一，导致不同项目因技术栈不同，开发要求较高，为此我们提出了一种统一高效管理的前端技术开发管理方法。技术实现要素：4.(一)解决的技术问题5.针对现有技术的不足，本发明提供了一种统一高效管理的前端技术开发管理方法，具备在第三方依赖和应用服务之间添加了一层框架层，便于处理第三方依赖，统一项目技术环境的优点，解决了上述
背景技术：
：中所提出的问题。6.(二)技术方案7.本发明提供如下技术方案：一种统一高效管理的前端技术开发管理方法，包括第三方依赖和业务服务，在第三方依赖和业务服务之间添加了一层框架层zmfront-framework，由zmfront-framework处理第三方依赖，维护通用组件、指令、模版、工具，在依赖或者通用内容有改变的情况下，对zmfront-framework进行开发，开发完成并修改版本号，根据版本号将zmfront-framework发布到公司的私服，应用项目连接公司私服依赖对应版本的zmfront-framework。8.优选的，所述业务服务包括有业务系统a、业务系统b和业务系统c。9.优选的，所述zmfront-framework包括有组件、指令、工具类、模板和代码生成。10.优选的，所述第三方依赖包括有vue、elementui、jquery和axios。11.优选的，所述组件包括有基础表格：zm-common-table、大数据表格：zm-table-grid、选项表：zm-simple-table、调用表：call-table、大数据调用表：zm-call-table、方重复点击按钮：zm-button、多单号：zm-no、模版导出：zm-export-button、表格导出：zm-base-export、文件上传：zm-file-upload和消息提示：zm-message。12.优选的，所述指令包括有弹窗拖拽：v-dialog-drag、回车跳转：v-entertonext、上下键切换输入行：v-uptonext、快捷键：v-keyset和保持表格滚动：v-table-scroll-position。13.与现有技术相比，本发明提供了一种统一高效管理的前端技术开发管理方法，具备以下有益效果：14.该统一高效管理的前端技术开发管理方法，在第三方依赖和业务服务之间添加了一层框架层，通过在业务服务和第三方依赖之间添加一层控制，能够进行统一高效地管理，统一了公司前端技术栈，对原生的技术进行封装使得开发更加简便，自定了许多组件、指令使得开发扩展性更好，适应了公司前端发展的未来需求，可持续对技术进行迭代升级。附图说明15.图1为本发明系统框架结构示意图；16.图2为本发明现有技术示意图。具体实施方式17.下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。18.请参阅图1-2，一种统一高效管理的前端技术开发管理方法，包括第三方依赖和业务服务，在第三方依赖和业务服务之间添加了一层框架层zmfront-framework，由zmfront-framework处理第三方依赖，维护通用组件、指令、模版、工具，在依赖或者通用内容有改变的情况下，对zmfront-framework进行开发，开发完成并修改版本号，根据版本号将zmfront-framework发布到公司的私服，应用项目连接公司私服依赖对应版本的zmfront-framework。19.所述业务服务包括有业务系统a、业务系统b和业务系统c。20.所述zmfront-framework包括有组件、指令、工具类、模板和代码生成。21.所述第三方依赖包括有vue、elementui、jquery和axios。22.所述组件包括有基础表格：zm-common-table、大数据表格：zm-table-grid、选项表：zm-simple-table、调用表：call-table、大数据调用表：zm-call-table、方重复点击按钮：zm-button、多单号：zm-no、模版导出：zm-export-button、表格导出：zm-base-export、文件上传：zm-file-upload和消息提示：zm-message。组件的具体内容如下：23.基础表格：zm-common-table24.本组件基于elementui的el-table组件进行开发，表格提供了表格配置，分页，单号排序，数据格式化，单选多选，自适应窗体等功能，开发只需添加表格组件，提供数据接口地址，通过属性就能控制灵活控制表格。25.大数据表格：zm-table-grid26.本组件提供了zm-common-table的所有功能，因后台关系系统需要展示的数据较多，通常表格组件因渲染经常导致浏览器卡死，本组件通过虚拟滚动的方式，使得但也表格数据能加载上万条数据。27.选项表：zm-simple-table28.本组件基于elementui的el-select组件进行开发，主要是用于加载状态类数据，简化了开发，开发引入组件后只需配置选项表名即可，无需配置请求加载数据。29.调用表：call-table30.本组件基于elementui的el-select组件进行开发，主要是用于基础表数据，简化了开发，开发引入组件后只需配置选项表名即可，无需配置请求加载数据。31.大数据调用表：zm-call-table32.因基础表可能数据量比较多(比如：员工，用户，省市区)一次性全部加载对整体系统性能有影响，本组件在初始加载不做数据请求，并提供了回车检索功能、表格展示等能力。33.方重复点击按钮：zm-button34.本组件基于elementui的el-button组件进行开发，处理所有涉及后端接口请求的按钮，所有请求经过交由组件进行，开发只需提供请求接口和参数给按钮即可。35.多单号：zm-no36.因物流系统查单号的情况较多并且需要根据不同单号进行查询，本组件通过下拉组件和文本域进行组合形成一个组件，提供单号和类型的数据，开发提供选项表名即开。37.模版导出：zm-export-button38.本组件用于导出标准的excel模版，组件加载导出类型下的所有模版，用户通过选择对应模版进行导出，并且了通过导出字段配置自定义导出模版，屏蔽复杂的导出逻辑，开发提供导出接口地址和类型即可。39.表格导出：zm-base-export40.本组件用于导出当前表格显示的数据，用户可直接导出表格的可视列数据，也通过选择表格字段配置自定义导出模版，屏蔽复杂的导出逻辑，开发提供导出接口地址和类型即可。41.文件上传：zm-file-upload42.本组件基于elementui的el-upload组件进行开发，统一处理文件上传请求，开发只需提供文件上传接口。43.消息提示：zm-message44.本组件用于即时提示消息，能显示消息数，消息头，并且提供切换消息，预览，忽略消息等功能。45.所述指令包括有弹窗拖拽：v-dialog-drag、回车跳转：v-entertonext、上下键切换输入行：v-uptonext、快捷键：v-keyset和保持表格滚动：v-table-scroll-position。指令的具体内容如下：46.弹窗拖拽：v-dialog-drag47.elementui的el-dialog不支持拖拽，本指令为了实现弹窗拖拽，在el-dialog上添加该指令即可48.回车跳转：v-entertonext49.本指令为了实现组件之间可以通过回车来切换，也可以根据属性自定义回车跳转顺序，需要在form表单的根结点添加该指令。50.上下键切换输入行：v-uptonext51.本指令为了实现编辑表格组件之间可以上下键来切换数据行，需要在表格组件添加该指令。52.快捷键：v-keyset53.本指令为了实现快捷键功能，在按钮的根节点添加该指令，对应按钮添加快捷键名字即可。54.保持表格滚动：v-table-scroll-position55.因多页签切换表格滚动位置会被初始化，本指令可保持页签切换不影响滚动条位置。56.尽管已经示出和描述了本发明的实施例，对于本领域的普通技术人员而言，可以理解在不脱离本发明的原理和精神的情况下可以对这些实施例进行多种变化、修改、替换和变型，本发明的范围由所附权利要求及其等同物限定。当前第1页12当前第1页12
技术领域：
：，具体为一种统一高效管理的前端技术开发管理方法。
背景技术：
：：2.随着技术的快速迭代更新，技术越来越完善，现在项目中大部分会直接依赖第三方技术。3.现有的一些项目中直接依赖第三方技术，虽然能够快速进行项目开发，但是也存在许多不便利的地方：配置繁琐，每个项目根据不同技术配置不同的配置；技术更新每个项目都需要单独维护更新；项目中的模版，组件，指令等自定义内容经常在不同项目中都要使用，导致重复造轮子的事情；公司内部项目使用的技术不统一，导致不同项目因技术栈不同，开发要求较高，为此我们提出了一种统一高效管理的前端技术开发管理方法。技术实现要素：4.(一)解决的技术问题5.针对现有技术的不足，本发明提供了一种统一高效管理的前端技术开发管理方法，具备在第三方依赖和应用服务之间添加了一层框架层，便于处理第三方依赖，统一项目技术环境的优点，解决了上述
背景技术：
：中所提出的问题。6.(二)技术方案7.本发明提供如下技术方案：一种统一高效管理的前端技术开发管理方法，包括第三方依赖和业务服务，在第三方依赖和业务服务之间添加了一层框架层zmfront-framework，由zmfront-framework处理第三方依赖，维护通用组件、指令、模版、工具，在依赖或者通用内容有改变的情况下，对zmfront-framework进行开发，开发完成并修改版本号，根据版本号将zmfront-framework发布到公司的私服，应用项目连接公司私服依赖对应版本的zmfront-framework。8.优选的，所述业务服务包括有业务系统a、业务系统b和业务系统c。9.优选的，所述zmfront-framework包括有组件、指令、工具类、模板和代码生成。10.优选的，所述第三方依赖包括有vue、elementui、jquery和axios。11.优选的，所述组件包括有基础表格：zm-common-table、大数据表格：zm-table-grid、选项表：zm-simple-table、调用表：call-table、大数据调用表：zm-call-table、方重复点击按钮：zm-button、多单号：zm-no、模版导出：zm-export-button、表格导出：zm-base-export、文件上传：zm-file-upload和消息提示：zm-message。12.优选的，所述指令包括有弹窗拖拽：v-dialog-drag、回车跳转：v-entertonext、上下键切换输入行：v-uptonext、快捷键：v-keyset和保持表格滚动：v-table-scroll-position。13.与现有技术相比，本发明提供了一种统一高效管理的前端技术开发管理方法，具备以下有益效果：14.该统一高效管理的前端技术开发管理方法，在第三方依赖和业务服务之间添加了一层框架层，通过在业务服务和第三方依赖之间添加一层控制，能够进行统一高效地管理，统一了公司前端技术栈，对原生的技术进行封装使得开发更加简便，自定了许多组件、指令使得开发扩展性更好，适应了公司前端发展的未来需求，可持续对技术进行迭代升级。附图说明15.图1为本发明系统框架结构示意图；16.图2为本发明现有技术示意图。具体实施方式17.下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。18.请参阅图1-2，一种统一高效管理的前端技术开发管理方法，包括第三方依赖和业务服务，在第三方依赖和业务服务之间添加了一层框架层zmfront-framework，由zmfront-framework处理第三方依赖，维护通用组件、指令、模版、工具，在依赖或者通用内容有改变的情况下，对zmfront-framework进行开发，开发完成并修改版本号，根据版本号将zmfront-framework发布到公司的私服，应用项目连接公司私服依赖对应版本的zmfront-framework。19.所述业务服务包括有业务系统a、业务系统b和业务系统c。20.所述zmfront-framework包括有组件、指令、工具类、模板和代码生成。21.所述第三方依赖包括有vue、elementui、jquery和axios。22.所述组件包括有基础表格：zm-common-table、大数据表格：zm-table-grid、选项表：zm-simple-table、调用表：call-table、大数据调用表：zm-call-table、方重复点击按钮：zm-button、多单号：zm-no、模版导出：zm-export-button、表格导出：zm-base-export、文件上传：zm-file-upload和消息提示：zm-message。组件的具体内容如下：23.基础表格：zm-common-table24.本组件基于elementui的el-table组件进行开发，表格提供了表格配置，分页，单号排序，数据格式化，单选多选，自适应窗体等功能，开发只需添加表格组件，提供数据接口地址，通过属性就能控制灵活控制表格。25.大数据表格：zm-table-grid26.本组件提供了zm-common-table的所有功能，因后台关系系统需要展示的数据较多，通常表格组件因渲染经常导致浏览器卡死，本组件通过虚拟滚动的方式，使得但也表格数据能加载上万条数据。27.选项表：zm-simple-table28.本组件基于elementui的el-select组件进行开发，主要是用于加载状态类数据，简化了开发，开发引入组件后只需配置选项表名即可，无需配置请求加载数据。29.调用表：call-table30.本组件基于elementui的el-select组件进行开发，主要是用于基础表数据，简化了开发，开发引入组件后只需配置选项表名即可，无需配置请求加载数据。31.大数据调用表：zm-call-table32.因基础表可能数据量比较多(比如：员工，用户，省市区)一次性全部加载对整体系统性能有影响，本组件在初始加载不做数据请求，并提供了回车检索功能、表格展示等能力。33.方重复点击按钮：zm-button34.本组件基于elementui的el-button组件进行开发，处理所有涉及后端接口请求的按钮，所有请求经过交由组件进行，开发只需提供请求接口和参数给按钮即可。35.多单号：zm-no36.因物流系统查单号的情况较多并且需要根据不同单号进行查询，本组件通过下拉组件和文本域进行组合形成一个组件，提供单号和类型的数据，开发提供选项表名即开。37.模版导出：zm-export-button38.本组件用于导出标准的excel模版，组件加载导出类型下的所有模版，用户通过选择对应模版进行导出，并且了通过导出字段配置自定义导出模版，屏蔽复杂的导出逻辑，开发提供导出接口地址和类型即可。39.表格导出：zm-base-export40.本组件用于导出当前表格显示的数据，用户可直接导出表格的可视列数据，也通过选择表格字段配置自定义导出模版，屏蔽复杂的导出逻辑，开发提供导出接口地址和类型即可。41.文件上传：zm-file-upload42.本组件基于elementui的el-upload组件进行开发，统一处理文件上传请求，开发只需提供文件上传接口。43.消息提示：zm-message44.本组件用于即时提示消息，能显示消息数，消息头，并且提供切换消息，预览，忽略消息等功能。45.所述指令包括有弹窗拖拽：v-dialog-drag、回车跳转：v-entertonext、上下键切换输入行：v-uptonext、快捷键：v-keyset和保持表格滚动：v-table-scroll-position。指令的具体内容如下：46.弹窗拖拽：v-dialog-drag47.elementui的el-dialog不支持拖拽，本指令为了实现弹窗拖拽，在el-dialog上添加该指令即可48.回车跳转：v-entertonext49.本指令为了实现组件之间可以通过回车来切换，也可以根据属性自定义回车跳转顺序，需要在form表单的根结点添加该指令。50.上下键切换输入行：v-uptonext51.本指令为了实现编辑表格组件之间可以上下键来切换数据行，需要在表格组件添加该指令。52.快捷键：v-keyset53.本指令为了实现快捷键功能，在按钮的根节点添加该指令，对应按钮添加快捷键名字即可。54.保持表格滚动：v-table-scroll-position55.因多页签切换表格滚动位置会被初始化，本指令可保持页签切换不影响滚动条位置。56.尽管已经示出和描述了本发明的实施例，对于本领域的普通技术人员而言，可以理解在不脱离本发明的原理和精神的情况下可以对这些实施例进行多种变化、修改、替换和变型，本发明的范围由所附权利要求及其等同物限定。当前第1页12当前第1页12
再多了解一些
本文用于企业家、创业者技术爱好者查询，结果仅供参考。
