本发明实施例另一种可行的实施方式中,在所述,亦可使用yeoman管理工具管理脚手架模板,yeoman是成熟的工程脚手架管理工具,能够实现快速搭建开发环境。本发明实施例中所述脚手架模块的意义主要为定义工程结构和基础属性设置,初始化之后,只需要将抽离出来的前端资源文件放置在对应的目录中,然后在npm模块入口文件中声明前端模块的静态资源目录和工程化相关(预编译、模块化打包压缩等)配置,即可完成前端模块的封装。本发明实施例一种具体和实施场景中,所述前端模块脚手架装置的配置包括:使用yeoman管理脚手架模板,以快速搭建开发环境;创建portal-client(前端平台模块,属于前端模块中的平台模块)平台脚手架,包含工程结构、基础配置和内置脚本等;创建app-client(前端应用模块,属于前端模块中的应用模块)应用脚手架,包含工程结构、基础配置和内置脚本等;扩展特殊应用脚手架,针对异构开发的兼容等;将脚手架发布至至npm私的服(前端模块的管理平台)进行管理。通过yeoman可以管理多种脚手架以适应不同的场景。本发明实施例一种可行的实施方式中,所述基于,定制之后的脚手架工具能够快速生成相应的项目以提高开发效率。本发明的方法。邦程科技通过周密的策划、深入的调查、理性的分析、精妙的创意、专业的实施。西藏质量技术搭建有哪些
在传统的web应用开发的基础结构,例如api、web和server结构的web微服务平台化的前端开发框架基础上增加了新的前端模块,结合图2所示,为本发明的实施例的模块结构划分示意图,其中的前端模块为现有的api、web和server的基础上增加的client模块(前端模块),从图中可以看出,所述前端模块与原有的java工程完全解耦,使得前端模块在web微服务平台化的前端开发框架中拥有更灵活的应用以及更多创造性应用。结合图3所示,为本发明的前端模块在web微服务平台化的前端开发框架下的前端模块的工程结构,其中,前端工程结构是基于npm的模块化管理实现,工程结构与模块划分也更加清晰,结合图2及图3所示,前端平台模块包括若干平台基础模块,每一平台基础模块又包括若干平台基础子模块,各模块之间的关系亦可包括前端开发环境搭建所需要的依赖关系。结合图3所示,本发明实施例一种可行的实施方式中,所述前端模块的管理单元为npm私的服,可通过nexus来搭建npm私的服,client模块可以发布至私的服后供其他需要的平台下载,进而提供前端模块、应用和组件的依赖管理。结合图3所示,封装后的前端模块中的base-client为前端基础子模块;starter-portal-client为平台基础模块。湖南国际技术搭建便捷邦程专业领域包括网站建设、无锡网站优化、网站代运营、阿里巴巴代运营、百度爱采购代理商、移动营销服务。
并将每一段独有的抽离后的模块包文件发送至web微服务平台化的前端开发框架,以生成对应的前端模块;配置定义单元,用于对所述前端应用模块所属的前端模块进行定义,其中,所述定义包括对所述前端模块的静态资源目录和工程化相关文件进行的配置;依赖建立单元,用于通过javascript包管理工具建立所述定义后的前端模块的依赖关系;环境搭建单元,用于从所述web微服务平台化的前端开发框架中预建立的工程模板中获取待搭建环境的待用模板,根据待用模板以及所述依赖关系搭建前端开发环境。上述的装置,所述装置还包括:读取模块,用于读取web微服务平台化的前端开发框架的配置文件以获取定义后的前端模块;管理模块,用于对所述定义后的前端模块进行预编译、打包和压缩,并将压缩后的前端模块发送至包管理工具进行管理。第三方面,本发明还提供了一种电子设备,所述电子设备包括:处理器;用于存储处理器可执行的指令的存储器;其中,所述存储器被配置为用以实施上述的前端开发环境的搭建方法。第四方面,本发明还提供了一种非易失性计算机可读存储介质,其上存储有计算机程序指令,所述计算机程序指令被处理器执行时实现上述任意一项所述的前端开发环境的搭建方法。
对所述定义后的前端模块进行预编译、打包和压缩,并将压缩后的前端模块发送至包管理工具进行管理。结合上述说明,在本发明实例的另一种可能的实施方式中,对所述前端应用模块所属的前端模块进行定义,还包括:对所述前端模块的预编译命令进行配置;和/或对所述前端模块的资源映射进行配置。结合上述说明,在本发明实例的另一种可能的实施方式中,所述通过所述包管理工具建立所述定义后的前端模块的依赖关系,包括:获取所述前端模块的应用模块与组件间的一依赖关系;工程化相关文件获取所述前端模块的平台模块与应用模块间的第二依赖关系;根据所述一依赖关系和所述第二依赖关系生成所述定义后的前端模块的依赖关系。结合上述说明,在本发明实例的另一种可能的实施方式中,所述方法还包括:所述资源文件包括html,js,css,img文件中的一种或两种及以上的组合。结合上述说明,在本发明实例的另一种可能的实施方式中,所述方法还包括:基于http-proxy实现所述前端模块的服务接口调用。第二方面,本发明实施例还提供了一种前端开发环境的搭建装置,所述装置包括:封装单元,用于将模块包文件从原代码工程中抽离。邦程科技专业网站后台,为网站管理带来福音;可需简单交互,就能更新官网内容;一站更新。
本发明涉及一种前端开发环境的搭建方法、装置、设备及存储介质,其主要运用于前端开发使用语言进行过渡的场景中,其基本思想是:将现有工程的资源文件及配置文件以及根据开发需求生成的配置资源文件等进行封装形成前端模块,该前端模块包括前端平台模块以及前端应用模块,其中的前端平台模块又包括前端基础模块,前端基础模块包括若干基础子模块,前端模块中包括了前端应用模块的依赖以及组件的依赖,将前端模块发布后,开发人员能够通过这种方式直接通过配置文件读取这些前端模块,而不再依赖于已编译的后端工程文件,对于开发工作人员而言提供了一种新的前端开发环境以及一种新的前端开发环境的快速搭建方法。图1为本发明实施例一提供的流程图,本实施例可适用于对前端工程进行封装以独有进行配置的情况,该方法具体包括如下步骤:在步骤110中,通过web微服务平台化预建立的前端应用工程模板创建前端应用模块,在所述前端应用模块加入前端资源文件,其中,所述前端资源文件包括源工程迁移的资源文件和根据开发需求形成的资源文件;本发明实施例一种可行的实施方式中,所述源工程可以为在开发过程中的原java环境中的java工程。透过庞大的全球性商务网络,面对面地向企业客户提供全方面、标准化、一站式的IT应用服务和信息化解决方案。湖南国际技术搭建便捷
无锡邦程信息科技有限公司专业从事网站建设、电商方及APP开发等业务。西藏质量技术搭建有哪些
无锡邦程信息科技有限公司专业从事网站建设、电商方及APP开发等业务,为客户提供一站式品牌策划、创意设计、开发及托管等服务。邦程科技视推动中国企业开展电子商务、实现信息化为己任;深入研究企业客户的实际需要,开创性地建立了适合中小企业需要的IT应用服务运营模式;运用先进的信息技术搭建起一个适合企业业务和管理需要的应用服务平台,并透过庞大的全球性商务网络,面对面地向企业客户提供全方面、标准化、一站式的IT应用服务和信息化解决方案。在项目过程中,邦程科技通过周密的策划、深入的调查、理性的分析、精妙的创意、专业的实施,并同客户的实际情况和具体需求进行良好结合,为不同类型的客户提供质量的互联网应用定制解决方案,帮助客户在新的全球化互联网环境中保持优势。随着物联网、云计算、大数据、人工智能、移动互联网等新一代信息技术的迅猛发展,赋能水务行业,智慧水务逐渐成为水务管理的新方向。智慧水务能为城市管理者提供各类决策支持,更好的做出水与城市、水与人口、水与GDP、水与灾害控制的决定。海绵城市、流域水环境治理、河长制都属于智慧水务在城市管理中的体现。现在,人们都在提智慧,智慧城市、智慧交通、智慧教育等。西藏质量技术搭建有哪些
无锡邦程信息科技有限公司是一家有着雄厚实力背景、信誉可靠、励精图治、展望未来、有梦想有目标,有组织有体系的公司,坚持于带领员工在未来的道路上大放光明,携手共画蓝图,在江苏省等地区的商务服务行业中积累了大批忠诚的客户粉丝源,也收获了良好的用户口碑,为公司的发展奠定的良好的行业基础,也希望未来公司能成为*****,努力为行业领域的发展奉献出自己的一份力量,我们相信精益求精的工作态度和不断的完善创新理念以及自强不息,斗志昂扬的的企业精神将**无锡邦程信息科技供应和您一起携手步入辉煌,共创佳绩,一直以来,公司贯彻执行科学管理、创新发展、诚实守信的方针,员工精诚努力,协同奋取,以品质、服务来赢得市场,我们一直在路上!