logo好方法网

一种软件项目开发的方法和装置


技术摘要:
本申请实施例的目的是提供一种一种用于软件项目开发的方法和装置。所述方法包括:在前端页面的构建过程中,进行模块打包工具的配置;针对一个或多个配置项分别建立相应的文件夹,以供开发人员使用各个配置项的文件夹来编写代码;根据开发人员在模块打包工具的主配置文  全部
背景技术:
基于现有技术中,用于开发应用程序的系统的前端构建流程,其页面结构一般比 较繁琐,开发人员需要撰写大量的代码,不利于后期开发人员的维护。并且,基于现有技术 方案的CSS雪碧图(CSSSprites)生成方式,如果页面中存在很多小图标,需要多次向服务请 求,并且需要以手动的方式测量各个图标的位置,并把相应的图片放在网页对应位置,因而 难以对小图标的图片进行定位和管理。
技术实现要素:
本申请实施例的目的是提供一种用于软件项目开发的方法和装置。 本申请实施例提供的一种用于软件项目开发的方法,包括: 在前端页面的构建过程中,进行模块打包工具的配置; 针对一个或多个配置项分别建立相应的文件夹,以供开发人员使用各个配置项的 文件夹来编写代码; 根据开发人员在模块打包工具的主配置文件中构建配置对象的操作,确定需要打 包的各个资源的存储位置; 获取需要打包的各个资源来进行打包,以得到包含各个资源的打包文件。 根据本申请的实施例的方法使用webpack作为模块打包工具。 根据本申请的实施例的方法进一步包括:在打包的过程中,为页面中包含的各个 图标生成相应的雪碧图;基于各个图标对应的雪碧图合成新的雪碧图,并相应地更改页面 的CSS。 根据本申请的实施例,所述基于各个图标对应的雪碧图合成新的雪碧图进一步包 括:获取各个图标的雪碧图和各个图标在页面的原始雪碧图中的位置信息;对于每个图标, 将该图标对应的雪碧图在原始雪碧图中的相应位置进行覆盖,以得到新的雪碧图。 根据本申请的实施例的方法进一步包括:使用模块打包工具将每个图标的雪碧图 和相应的位置信息进行打包,得到每个图标相应的雪碧图打包文件。 根据本申请的实施例的方法进一步包括:为需要复用的组件生成相应的组件模板 信息,以供其他使用该组件的一个或多个页面通过引用该组件模板信息来实现该组件的功 能。 根据本申请的实施例的方法进一步包括:提供用于对页面中的组件进行统一管理 的控制器,以供开发人员使用控制器来对一个或多个组件进行相应的操作;其中,所述操作 包括以下至少任一项:-生成组件;-销毁组件。 根据本申请的实施例的方法进一步包括:对于弹窗组件,生成包含多种弹窗类型 的弹窗模板信息,以供其他需要弹窗的页面通过引用所需弹窗类型对应的弹窗模板来在页 4 CN 111580804 A 说 明 书 2/12 页 面中进行弹窗。 根据本申请的实施例的方法进一步包括:如果所述软件项目在运行时发生数据包 崩溃,确定该数据包崩溃将触发的弹窗的弹窗类型;通过引用该弹窗类型对应的弹窗模板 来进行弹窗。 本申请实施例提供的一种用于软件项目开发的开发装置,包括: 用于在前端页面的构建过程中,进行模块打包工具的配置的装置; 用于针对一个或多个配置项分别建立相应的文件夹,以供开发人员使用各个配置 项的文件夹来编写代码的装置; 用于根据开发人员在模块打包工具的主配置文件中构建配置对象的操作,确定需 要打包的各个资源的存储位置的装置; 用于获取需要打包的各个资源来进行打包,以得到包含各个资源的打包文件的装 置。 根据本申请的实施例,开发装置使用webpack作为模块打包工具。 根据本申请的实施例,所述开发装置进一步包括:用于在打包的过程中,为页面中 包含的各个图标生成相应的雪碧图的装置;用于基于各个图标对应的雪碧图合成新的雪碧 图,并相应地更改页面的CSS的装置。 根据本申请的实施例,所述开发装置进一步包括:用于使用模块打包工具将每个 图标的雪碧图和相应的位置信息进行打包,得到每个图标相应的雪碧图打包文件的装置。 根据本申请的实施例,所述开发装置进一步包括:为需要复用的组件生成相应的 组件模板信息,以供其他使用该组件的一个或多个页面通过引用该组件模板信息来实现该 组件的功能。 根据本申请的实施例,所述开发装置进一步包括:提供用于对页面中的组件进行 统一管理的控制器,以供开发人员使用控制器来对一个或多个组件进行相应的操作;其中, 所述操作包括以下至少任一项:-生成组件;-销毁组件。 根据本申请的实施例,所述开发装置进一步包括:用于如果所述软件项目在运行 时发生数据包崩溃,确定该数据包崩溃将触发的弹窗的弹窗类型的装置;用于通过引用该 弹窗类型对应的弹窗模板来进行弹窗的装置。 本申请实施例提供的一种计算机设备,包括存储器、处理器及存储在存储器上并 可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述程序时实现本申请实 施例的方法 本申请实施例提供的一种计算机可读的存储介质,其上存储有计算机程序,其特 征在于,该程序被处理器执行时实现本申请实施例的方法。 本申请实施例具有以下优点:本申请实施例提供了一种前端构建方法,该前端构 建方法中的模块打包方式为开发人员的后期维护并寻找各个资源的位置提供了便利;本申 请实施例提供的前端构方法中,在页面打包过程中基于页面中的各个图标对应的雪碧图合 成页面的雪碧图,方便对个图标进行定位和管理图片;本申请实施例对弹窗等需要复用的 组件创建相应的模板,方便引用,减少了开发人员编写代码的工作,提升了效率。 5 CN 111580804 A 说 明 书 3/12 页 附图说明 通过阅读参照以下附图所作的对非限制性实施例所作的详细描述,本发明的其它 特征、目的和优点将会变得更明显: 图1示出了根据本申请实施例的一种用于软件项目开发的方法的流程图; 图2示出了根据本申请实施例的一个示例性的前端构建流程图; 图3示出了根据本申请实施例的一个示例性的雪碧图插件的逻辑流程图; 图4a示出了根据本申请的一个示例性的应用程序异常检测平台的复用弹窗组件 的逻辑流程图; 图4b示出了根据本申请的一个示例性的应用程序异常检测平台的弹窗界面的示 意图; 图5示出了根据本申请实施例的一种用于软件项目开发的开发装置的结构示意 图。 附图中相同或相似的附图标记代表相同或相似的部件。
下载此资料需消耗2积分,
分享到:
收藏