一种软件项目开发的方法和装置制造方法及图纸

本申请实施例的目的是提供一种一种用于软件项目开发的方法和装置。所述方法包括：在前端页面的构建过程中，进行模块打包工具的配置；针对一个或多个配置项分别建立相应的文件夹，以供开发人员使用各个配置项的文件夹来编写代码；根据开发人员在模块打包工具的主配置文件中构建配置对象的操作，确定需要打包的各个资源的存储位置；获取需要打包的各个资源来进行打包，以得到包含各个资源的打包文件。本申请实施例具有以下优点：本申请实施例提供的前端构建方法中的模块打包方式为开发人员的后期维护并寻找各个资源的位置提供了便利；在页面打包过程中基于页面中的各个图标对应的雪碧突来合成页面的雪碧图，方便对个图标进行定位和管理图片。

【技术实现步骤摘要】
一种软件项目开发的方法和装置
本专利技术涉及计算机
，尤其涉及一种软件项目开发的方法和装置。
技术介绍
基于现有技术中，用于开发应用程序的系统的前端构建流程，其页面结构一般比较繁琐，开发人员需要撰写大量的代码，不利于后期开发人员的维护。并且，基于现有技术方案的CSS雪碧图(CSSSprites)生成方式，如果页面中存在很多小图标，需要多次向服务请求，并且需要以手动的方式测量各个图标的位置，并把相应的图片放在网页对应位置，因而难以对小图标的图片进行定位和管理。
技术实现思路
本申请实施例的目的是提供一种用于软件项目开发的方法和装置。本申请实施例提供的一种用于软件项目开发的方法，包括：在前端页面的构建过程中，进行模块打包工具的配置；针对一个或多个配置项分别建立相应的文件夹，以供开发人员使用各个配置项的文件夹来编写代码；根据开发人员在模块打包工具的主配置文件中构建配置对象的操作，确定需要打包的各个资源的存储位置；获取需要打包的各个资源来进行打包，以得到包含各个资源的打包文件。根据本申请的实施例的方法使用webpack作为模块打包工具。根据本申请的实施例的方法进一步包括：在打包的过程中，为页面中包含的各个图标生成相应的雪碧图；基于各个图标对应的雪碧图合成新的雪碧图，并相应地更改页面的CSS。根据本申请的实施例，所述基于各个图标对应的雪碧图合成新的雪碧图进一步包括：获取各个图标的雪碧图和各个图标在页面的原始雪碧图中的位置信息；对于每个图标，将该图标对应的雪碧图在原始雪碧图中的相应位置进行覆盖，以得到新的雪碧图。根据本申请的实施例的方法进一步包括：使用模块打包工具将每个图标的雪碧图和相应的位置信息进行打包，得到每个图标相应的雪碧图打包文件。根据本申请的实施例的方法进一步包括：为需要复用的组件生成相应的组件模板信息，以供其他使用该组件的一个或多个页面通过引用该组件模板信息来实现该组件的功能。根据本申请的实施例的方法进一步包括：提供用于对页面中的组件进行统一管理的控制器，以供开发人员使用控制器来对一个或多个组件进行相应的操作；其中，所述操作包括以下至少任一项：-生成组件；-销毁组件。根据本申请的实施例的方法进一步包括：对于弹窗组件，生成包含多种弹窗类型的弹窗模板信息，以供其他需要弹窗的页面通过引用所需弹窗类型对应的弹窗模板来在页面中进行弹窗。根据本申请的实施例的方法进一步包括：如果所述软件项目在运行时发生数据包崩溃，确定该数据包崩溃将触发的弹窗的弹窗类型；通过引用该弹窗类型对应的弹窗模板来进行弹窗。本申请实施例提供的一种用于软件项目开发的开发装置，包括：用于在前端页面的构建过程中，进行模块打包工具的配置的装置；用于针对一个或多个配置项分别建立相应的文件夹，以供开发人员使用各个配置项的文件夹来编写代码的装置；用于根据开发人员在模块打包工具的主配置文件中构建配置对象的操作，确定需要打包的各个资源的存储位置的装置；用于获取需要打包的各个资源来进行打包，以得到包含各个资源的打包文件的装置。根据本申请的实施例，开发装置使用webpack作为模块打包工具。根据本申请的实施例，所述开发装置进一步包括：用于在打包的过程中，为页面中包含的各个图标生成相应的雪碧图的装置；用于基于各个图标对应的雪碧图合成新的雪碧图，并相应地更改页面的CSS的装置。根据本申请的实施例，所述开发装置进一步包括：用于使用模块打包工具将每个图标的雪碧图和相应的位置信息进行打包，得到每个图标相应的雪碧图打包文件的装置。根据本申请的实施例，所述开发装置进一步包括：为需要复用的组件生成相应的组件模板信息，以供其他使用该组件的一个或多个页面通过引用该组件模板信息来实现该组件的功能。根据本申请的实施例，所述开发装置进一步包括：提供用于对页面中的组件进行统一管理的控制器，以供开发人员使用控制器来对一个或多个组件进行相应的操作；其中，所述操作包括以下至少任一项：-生成组件；-销毁组件。根据本申请的实施例，所述开发装置进一步包括：用于如果所述软件项目在运行时发生数据包崩溃，确定该数据包崩溃将触发的弹窗的弹窗类型的装置；用于通过引用该弹窗类型对应的弹窗模板来进行弹窗的装置。本申请实施例提供的一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现本申请实施例的方法本申请实施例提供的一种计算机可读的存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现本申请实施例的方法。本申请实施例具有以下优点：本申请实施例提供了一种前端构建方法，该前端构建方法中的模块打包方式为开发人员的后期维护并寻找各个资源的位置提供了便利；本申请实施例提供的前端构方法中，在页面打包过程中基于页面中的各个图标对应的雪碧图合成页面的雪碧图，方便对个图标进行定位和管理图片；本申请实施例对弹窗等需要复用的组件创建相应的模板，方便引用，减少了开发人员编写代码的工作，提升了效率。附图说明通过阅读参照以下附图所作的对非限制性实施例所作的详细描述，本专利技术的其它特征、目的和优点将会变得更明显：图1示出了根据本申请实施例的一种用于软件项目开发的方法的流程图；图2示出了根据本申请实施例的一个示例性的前端构建流程图；图3示出了根据本申请实施例的一个示例性的雪碧图插件的逻辑流程图；图4a示出了根据本申请的一个示例性的应用程序异常检测平台的复用弹窗组件的逻辑流程图；图4b示出了根据本申请的一个示例性的应用程序异常检测平台的弹窗界面的示意图；图5示出了根据本申请实施例的一种用于软件项目开发的开发装置的结构示意图。附图中相同或相似的附图标记代表相同或相似的部件。具体实施方式在更加详细地讨论示例性实施例之前应当提到的是，一些示例性实施例被描述成作为流程图描绘的处理或方法。虽然流程图将各项操作描述成顺序的处理，但是其中的许多操作可以被并行地、并发地或者同时实施。此外，各项操作的顺序可以被重新安排。当其操作完成时所述处理可以被终止，但是还可以具有未包括在附图中的附加步骤。所述处理可以对应于方法、函数、规程、子例程、子程序等等。在上下文中所称“计算机设备”，也称为“电脑”，是指可以通过运行预定程序或指令来执行数值计算和/或逻辑计算等预定处理过程的智能电子设备，其可以包括处理器与存储器，由处理器执行在存储器中预存的存续指令来执行预定处理过程，或是由ASIC、FPGA、DSP等硬件执行预定处理过程，或是由上述二者组合来实现。计算机设备包括但不限于服务器、个人电脑、笔记本电脑、平板电脑、智能手机等。所述计算机设备包括用户设备与网络设备。其中，所述用户设备包括但不限于电脑、智能手机、PDA等；所述网络设备包括但不限于单个网络服务器、多个网络服务器组成的服务器组或基于云计算(本文档来自技高网...

【技术保护点】
1.一种用于软件项目开发的方法，包括：/n在前端页面的构建过程中，进行模块打包工具的配置；/n针对一个或多个配置项分别建立相应的文件夹，以供开发人员使用各个配置项的文件夹来编写代码；/n根据开发人员在模块打包工具的主配置文件中构建配置对象的操作，确定需要打包的各个资源的存储位置；/n获取需要打包的各个资源来进行打包，以得到包含各个资源的打包文件。/n

【技术特征摘要】
1.一种用于软件项目开发的方法，包括：
在前端页面的构建过程中，进行模块打包工具的配置；
针对一个或多个配置项分别建立相应的文件夹，以供开发人员使用各个配置项的文件夹来编写代码；
根据开发人员在模块打包工具的主配置文件中构建配置对象的操作，确定需要打包的各个资源的存储位置；
获取需要打包的各个资源来进行打包，以得到包含各个资源的打包文件。


2.根据权利要求1所述的方法，所述方法使用webpack作为模块打包工具。


3.根据权利要求1所述的方法，进一步包括：
在打包的过程中，为页面中包含的各个图标生成相应的雪碧图；
基于各个图标对应的雪碧图合成新的雪碧图，并相应地更改页面的CSS。


4.根据权利要求3所述的方法，所述基于各个图标对应的雪碧图合成新的雪碧图进一步包括：
获取各个图标的雪碧图和各个图标在页面的原始雪碧图中的位置信息；
对于每个图标，将该图标对应的雪碧图在原始雪碧图中的相应位置进行覆盖，以得到新的雪碧图。


5.根据权利要求3或4所述的方法，进一步包括：
使用模块打包工具将每个图标的雪碧图和相应的位置信息进行打包，得到每个图标相应的雪碧图打包文件。


6.根据权利要求1所述的方法，进一步包括：
为需要复用的组件生成相应...

【专利技术属性】
技术研发人员：裴茹，张越，陈邦忠，
申请(专利权)人：完美世界北京软件科技发展有限公司，
类型：发明
国别省市：北京;11