1.本发明涉及信息处理
技术领域：
：，尤其涉及一种信息处理方法及装置、存储介质。
背景技术：
：：2.前端框架就是一套架构，用于向用户提供一套完整的前端项目整体解决方案。前端框架可以看作是车的骨架，每个使用前端框架的人(前端开发人员)，拿到的前端框架都是一样的，组件库可以看作是车的各种零件，开发人员可以根据自己的需要选择零件进行拼装和喷色。目前，前端基于javascript的框架层出不穷，主要有vue、react等；前端组件库也非常多，前端组件库大部分都是根据框架和客户端去划分的，如：对于react框架，针对个人电脑(personalcomputer，pc)端的组件库有antdesign等，针对移动终端的组件库有antdesignmobile等，对于vue框架，针对pc端的组件库有element、antdesignvue、iview等，针对移动端的组件库有vant、mintui等，也有部分组件库不区分客户端，但只针对react框架，如material‑ui。3.现有技术中，是根据前端框架和组件库来搭建网站，在加载该网站中网页的过程中，不仅要获取该网页中的信息，还需要获取该组件以及该组件对应的功能模块，由于该功能模块通常为该组件对应的全部功能模块，如此，增加了网页加载时的负荷，降低了网页加载时的速度。技术实现要素：4.为解决上述技术问题，本发明实施例期望提供一种信息处理方法及装置、存储介质，能够提高信息处理装置加载网页时的速度。5.本发明的技术方案是这样实现的：6.本技术实施例提供一种信息处理方法，包括：7.从预设组件和预设组件模块的对应关系中，确定目标组件和所述目标组件对应的目标组件模块；8.根据所述目标组件、所述目标组件模块和网站架构，搭建目标网站。9.本技术实施例提供了一种信息处理装置，所述装置包括：10.确定单元，用于从预设组件和预设组件模块的对应关系中，确定目标组件和所述目标组件对应的目标组件模块；11.搭建单元，用于根据所述目标组件、所述目标组件模块和网站架构，搭建目标网站。12.本技术实施例提供了一种信息处理装置，所述装置包括：13.存储器、处理器和通信总线，所述存储器通过所述通信总线与所述处理器进行通信，所述存储器存储所述处理器可执行的信息处理的程序，当所述信息处理的程序被执行时，通过所述处理器执行上述所述的信息处理方法。14.本技术实施例提供了一种存储介质，其上存储有计算机程序，应用于信息处理装置，其特征在于，该计算机程序被处理器执行时实现上述所述的信息处理方法。15.本发明实施例提供了一种信息处理方法及装置、存储介质，信息处理方法包括：从预设组件和预设组件模块的对应关系中，确定目标组件和目标组件对应的目标组件模块；根据目标组件、目标组件模块和网站架构，搭建目标网站。采用上述方法实现方案，信息处理装置从预设组件和预设组件模块的对应关系中，确定目标组件和目标组件对应的目标组件模块，使得信息处理装置可以根据目标组件、目标组件模块和网站架构，来搭建目标网站，在客户端访问目标网站的情况下，信息处理装置只需要加载该目标组件和目标组件模块，减少了信息处理装置加载网站的网页时的数据量，提高了信息处理装置加载网页时的速度。附图说明16.图1为本技术实施例提供的一种信息处理方法流程图；17.图2为本技术实施例提供的一种示例性的组件和组件模块显示界面示意图；18.图3为本技术实施例提供的一种示例性的将组件库集成至框架中的结构示意图一；19.图4为本技术实施例提供的一种示例性的将组件库集成至框架中的结构示意图二；20.图5为本技术实施例提供的一种示例性的将组件库集成至框架中的结构示意图三；21.图6为本技术实施例提供的一种示例性的信息处理装置的组成结构示意图；22.图7为本技术实施例提供的一种信息处理装置的组成结构示意图一；23.图8为本技术实施例提供的一种信息处理装置的组成结构示意图二。具体实施方式24.下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。25.目前的前端组件库都是基于单一的前端框架去实现的，无法跨越框架。26.目前的组件库都是pc端和移动端分开的，即一个组件库要么只提供pc端显示，要么移动端显示，如果你想实现一个网站，需要在pc端和移动端都响应的话，你需要自己做适配，分别为pc端和移动端开发一套网页，选用不同的组件库和组件库中的组件。27.目前这些组件库中的组件只能根据框架中使用组件的情况来选择是否使用某个组件，但是没有办法选择是否使用某个组件里面的具体功能。比如，你只是用了一个简单的表格组件，但是你往往需要加载支持排序，拖拽等各个功能的表格组件全量文件，这意味着加载的文件变大了，会导致加载的网页变慢，影响性能，而且加载了冗余代码，降低了代码利用率。28.对于现有技术中存在的问题，具体可通过实施例一中的方法进行解决。29.实施例一30.本技术实施例提供了一种信息处理方法，图1为本技术实施例提供的一种信息处理方法流程图一，如图1所示，信息处理方法可以包括：31.s101、从预设组件和预设组件模块的对应关系中，确定目标组件和目标组件对应的目标组件模块。32.本技术实施例提供的一种信息处理方法适用于信息处理装置搭建目标网站的场景下。33.在本技术实施例中，信息处理装置可以以各种形式来实施。例如，本技术中描述的信息处理装置可以包括诸如手机、照相机、平板电脑、笔记本电脑、掌上电脑、个人数字助理(personaldigitalassistant，pda)、便捷式媒体播放器(portablemediaplayer，pmp)、导航装置、可穿戴设备、智能手环、计步器等装置，以及诸如数字tv、台式计算机、服务器等装置。34.在本技术实施例中，预设组件的数量可以为一个，也可以为两个，还可以为多个，具体的可根据实际情况进行确定，本技术实施例对此不作限定。35.在本技术实施例中，预设组件模块的数量可以为一个，也可以为两个，还可以为多个，具体的可根据实际情况进行确定，本技术实施例对此不作限定。36.在本技术实施例中，信息处理装置中设置有预设组件和预设组件模块的对应关系，其中，预设组件和预设组件模块的对应关系具体为：一个预设组件对应至少一个组件模块。37.在本技术实施例中，信息处理装置中设置有显示界面，显示界面用于显示预设组件和预设组件模块。38.在本技术实施例中，目标组件可以为表格、列表、输入框等等，也可以为网站所需的其他组件，具体的可根据实际情况进行确定，本技术实施例对此不作限定。39.在本技术实施例中，目标组件模块可以为目标组件对应的功能，示例性的，目标组件为表格，目标组件模块可以为筛选、排序等功能，也可以为表格的其他功能，具体的可根据实际情况进行确定，本技术实施例对此不作限定。40.需要说明的是，显示界面上的预设组件的数量为至少一个，即预设组件的数量可以为一个，也可以为两个，还可以为多个，具体的可根据实际情况进行确定，本技术实施例对此不作限定。41.还需要说明的是，有些预设组件比较简单，该预设组件本身就是一个预设组件模块。42.示例性的，信息处理装置中设置有2个预设组件，每个预设组件对应的预设组件模块为4个，则信息处理装置中的预设组件模块数量总共为8个。43.在本技术实施例中，信息处理装置中的显示界面显示至少一个预设组件以及至少一个预设组件中每一个预设组件对应的至少一个预设组件模块的显示界面如图2所示：在预设组件1(组件1)、预设组件2(组件2)…排成一列，在预设组件1的下方显示区域设置有预设组件模块1(模块1)、预设组件模块2(模块2)....；在预设组件2的下方显示区域设置有预设组件模块1(模块1)、预设组件模块2(模块2)....；直至在显示界面上显示完显示至少一个组件以及至少一个组件中每一个组件对应的至少一个组件模块。44.需要说明的是，预设组件1对应的预设组件模块1和预设组件2对应的预设组件模块1可以相同，也可以不同，具体的可根据实际情况进行确定，本技术实施例对此不作限定。45.需要说明的是，预设组件1对应的预设组件模块2和预设组件2对应的预设组件模块2可以相同，也可以不同，具体的可根据实际情况进行确定，本技术实施例对此不作限定。46.在本技术实施例中，信息处理装置在显示界面上显示至少一个预设组件和至少一个预设组件模块之后，信息处理装置就可以接收操作人员在该显示界面上的选择操作了。示例性的，如图2所示，操作人员可以对预设组件1前面的框进行勾选，之后，预设组件1前面的框中就会显示一个对号，即预设组件1被勾选成功，信息处理装置就确定出预设组件1就是目标组件1。在操作人员选择了预设组件1之后，操作人员就可以从预设组件1对应的预设组件模块中选择对应的预设组件模块了，操作人员可以按照勾选预设组件1的方式来勾选预设组件模块，在预设组件模块1前面的框中显示了一个对号、预设组件模块2前面的框中也显示一个对号的情况下，即预设组件1中的预设组件模块1和预设组件模块2被勾选成功，信息处理装置就确定出预设组件1中的预设组件模块1就是目标组件模块1，预设组件1中的预设组件模块2就是目标组件模块2。47.s102、根据目标组件、目标组件模块和网站架构，搭建目标网站。48.在本技术实施例中，信息处理装置从预设组件和预设组件模块的对应关系中，确定目标组件和目标组件对应的目标组件模块之后，信息处理装置就可以根据目标组件、目标组件模块和网站架构，搭建目标网站。49.在本技术实施例中，信息处理装置根据目标组件、目标组件模块和网站架构，搭建目标网站的过程，包括：信息处理装置利用目标组件和目标组件模块，搭建目标组件库；信息处理装置将目标组件库添加至网站架构中，得到目标网站。50.在本技术实施例中，信息处理装置利用目标组件和目标组件模块，搭建目标组件库的过程，也就是信息处理装置利用目标组件和目标组件模块，搭建目标组件库。51.在本技术实施例中，信息处理装置将目标组件库添加至网站架构中，得到目标网站的过程，也就是信息处理装置将目标组件库集成至网站架构中，得到目标网站。52.在本技术实施例中，目标组件库包括代码组件库和文件组件库。其中，代码组件库可以为js(es5标准)文件构成的组件库；文件组件库可以为组件库的配置文件，信息处理装置可以从该组件库的配置文件中获取到目标组件和目标组件模块。53.需要说明的是，信息处理装置可以根据操作人员的选择，来确定生成代码组件库或者生成文件组件库。54.在本技术实施例中，生成代码组件库或者生成文件组件库，即为搭建代码组件库或者搭建文件组件库。55.示例性的，如图2所示，操作人员在选择了组件和组件模块之后，操作人员还可以选择生成代码组件库(js)或者是文件组件库(配置文件)，在操作人员勾选了代码组件库的情况下，信息处理装置就利用目标组件和目标组件模块，生成代码组件库；在操作人员选择了文件组件库的情况下，信息处理装置就利用目标组件和目标组件模块，生成文件组件库。56.在本技术实施例中，信息处理装置利用目标组件和目标组件模块，生成目标组件库的过程，可以为：开发者在可视化界面选择组件和组件模块，选择完之后开发者可以继续选择生成一个js(根据选择的组件和组件模块生成es6标准代码文件，再通过babel转码器将es6标准代码文件转换为es5标准代码文件)，然后再通过打包压缩工具将es5标准代码文件打包压缩，即得到代码组件库或者生成一个组件库配置文件(组件库配置文件包含具体组件和组件模块声明配置文件)，即得到目标组件库。57.在本技术实施例中，信息处理装置得到目标组件库之后，信息处理装置给开发者提供对应下载链接，以供开发者下载对应的文件。58.在本技术实施例中，信息处理装置利用目标组件和目标组件模块，生成目标组件库的过程，也可以为：在项目目录下，打开终端窗口，在命令行终端执行命令选择组件和组件模块：通过命令行可以分步骤选择要使用的组件和组件模块，最后一步点击确定，则会在当前项目目录下生成组件库配置文件。59.在本技术实施例中，信息处理装置也可以在项目目录下，根据接收到的指令，在指令行执行指令选择来确定目标组件和目标组件模块，之后就直接根据目标组件和目标组件模块在项目目录下生成文件组件库。60.需要说明的是，通过指令行可以根据操作人员的分步选择指令，分步骤确定目标组件和目标组件模块。61.在本技术实施例中，信息处理装置信息处理装置将目标组件库添加至网站架构中，得到目标网站的过程，包括：信息处理装置在目标组件库为代码组件库的情况下，获取代码组件库的链接地址；信息处理装置查找网站架构对应的项目目录；信息处理装置将链接地址添加至项目目录中，得到目标网站。62.在本技术实施例中，信息处理装置在得到代码组件库的情况下，信息处理装置可以将代码组件库上传到cdn网站上，来获取代码组件库的地址链接，以通过这个链接地址可以访问代码组件库中的目标组件和目标组件模块。63.需要说明的是，信息处理装置也可以以其他的方式来获取代码组件库的链接地址，具体的可根据实际情况进行确定，本技术实施例对此不作限定。64.在本技术实施例中，信息处理装置将链接地址添加至项目目录中，得到目标网站的过程，可以为信息处理装置在项目工程中查找打包技术相关配置文件，在打包技术相关配置文件中添加链接地址，将链接地址引入打包技术相关配置文件对应的配置内容中，直接打包链接地址至项目目录中，即打包链接地址至index.html中，得到目标网站。65.需要说明的是，将链接地址添加至项目目录中在显示页面上的表现就是以script标签引入的javascript脚本文件。66.在本技术实施例中，信息处理装置通过下载链接得到js(es5)文件之后，信息处理装置可以将js文件上传到cdn服务器(一个网站可以上传文件，得到上传文件的url链接地址，通过url链接地址可以获取到上传文件中的内容)上，获得js文件的cdn链接地址之后，通过在项目工程配置文件中添加将组件库js文件以外链形式引入的配置内容将组件库js文件的cdn链接地址打包编译到目标网站入口文件index.html中，或者通过往打包生成目录下的index.html中添加以script标签引入组件库js文件cdn链接地址的代码语句(<scriptsrc＝"组件库js文件cdn链接地址"></script>)来将组件库js文件引入到目标网站的入口文件index.html中，得到目标网站；信息处理装置也可以将组件库js文件直接放在项目打包生成目录下，然后在打包生成目录下的html中以script标签方式引入组件库js文件的相对地址(<scriptsrc＝"组件库js文件相对于index.html的相对地址"></script>)的方式来将组件库js文件引入到目标网站的入口文件index.html中，得到目标网站。67.可以理解的是，由于目前的浏览器只能识别基于es5标准的js(javascript)代码，所以通过将代码组件库打包编译成es5标准的js文件代码，然后在目标网站入口的html文件中引入es5标准的js文件代码的方式，，避免和框架打交道，直接让浏览器进行识别，达到跨前端框架的效果。68.示例性的，如图3所示：信息处理装置利用打包技术分别对框架1编写的网站(基于es6标准)和框架2编写的网站(基于es6标准)进行打包编译，得到js(基于es5标准)、css、html等目标网站的源码文件，信息处理装置再利用打包编译技术对组件库源码(确定好所选择组件和组件模块后的组件库源码)进行打包编译，得到js(基于es5标准)组件库代码文件，并让目标网站源码中的index.html引入js(基于es5标准)组件库代码文件，从而得到目标网站。69.需要说明的是，信息处理装置可以利用webpack技术对框架1编写的网站和框架2编写的网站进行打包编译；信息处理装置还可以利用rollup技术对框架1编写的网站和框架2编写的网站进行打包编译；信息处理转置还可以利用其他技术实现方式对框架1编写的网站和框架2编写的网站进行打包编译，具体的可根据实际情况进行确定，本技术实施例对此不作限定。70.在本技术实施例中，项目框架集成组件库后，开发者在开发每个具体页面的时候，通过import语句引入页面需要使用到的组件，然后在步骤1选用框架规范约束下，将组件以框架识别的组件标签形式集成到页面生成代码中(当框架代码识别到组件标签的时候，会去加载对应的组件和组件模块，执行组件代码逻辑，生成网站的页面)。71.在本技术实施例中，打包压缩网站工程代码并发布网站工程代码到服务器上。72.在本技术实施例中，信息处理装置获取代码组件库的链接地址之前，信息处理装置还会生成代码组件库对应的链接地址。73.在本技术实施例中，信息处理装置在获取代码组件库的链接地址之前，信息处理装置还会生成代码组件库的链接地址，并将该链接地址显示在显示界面上，以给网站开发者提供对应连接地址，供网站开发者下载对应的文件。74.在本技术实施例中，信息处理装置将目标组件库添加至网站架构中，得到目标网站的过程，包括信息处理装置在目标组件库为文件组件库的情况下，将文件组件库添加至网站架构的框架目录中；信息处理装置从框架目录中获取目标组件和目标组件模块；信息处理装置按照预设转化规范，对目标组件和目标组件模块进行转化，得到转化后的目标组件和转化后的目标组件模块；信息处理装置将转化后的目标组件和转化后的目标组件模块集成至网站架构中，得到目标网站。75.需要说明的是，预设转化规范为与目标前端框架的框架规范对应的规范。76.还需要说明的是，预设转化规范为前端框架可以识别的规范，该预设转化规范可以为与前端框架的规范相同的规范，也可以为根据不同的前端框架，设置的框架中间件规范(这种框架规范可以作为中转，让不同的框架都能够识别)，具体的可根据实际情况进行确定，本技术实施例对此不作限定。77.在本技术实施例中，信息处理装置将文件组件库添加至网站架构的框架目录中，之后信息处理装置就可以从框架目录中获取到文件组件库，从而得到目标组件和目标组件模块。78.在本技术实施例中，信息处理装置从框架目录中获取目标组件和目标组件模块的方式可以为，信息处理装置通过执行安装node_modules依赖包命令，从框架目录中获取文件组件库，根据文件组件库安装加载得到目标组件和目标组件模块。79.在本技术实施例中，框架可以是由不同的代码规范约束写的，即使框架都是用es6也会无法使用(是用vue代码规范约束写的，或者是用react代码规范约束写的，且vue和react都属于es6)。若目标组件库可以用任意框架语言书写，在书写的过程中可以用vuera等框架转换工具，将组件库转换成目标前端框架识别的规范，而前端框架框架通过引入转化后的目标组件库，可以实现跨前端框架。80.需要说明的是，信息处理装置从框架目录中获取目标组件和目标组件模块，即信息处理装置从框架目录中获取文件组件库。信息处理装置利用预设转化规范，对目标组件和目标组件模块进行转化，得到转化后的目标组件和转化后的目标组件模块，也就是信息处理装置利用预设转化规范，对文件组件库进行转化，得到转化后的文件组件库。转化后的文件组件库包括转化后的目标组件和转化后的目标组件模块。81.需要说明的是，预设转化规范可以为框架转化规范，即框架转化工具。82.在本技术实施例中，如果目标组件库为配置文件，需要将配置文件放在框架项目配置目录下(开发者在显示界面选在下载配置文件后，开发者需要手动将下载的配置文件拷贝到项目工程目录下，若是再命令行生成的配置文件，则该配置文明件就存在与项目工程目录下，开发者无需拷贝)，项目通过执行安装node_modules依赖包命令，根据配置文件安装加载组件库中对应组件和其模块。这样还不能实现跨框架，因为框架是不同的代码规范约束写的，都是es6也会无法使用。要求组件库可以用任意框架语言书写，在书写的过程中可以用vuera等框架中间转换工具，将组件库转换为开发者搭建目标网站所选用的框架识别的规范，而该框架通过引入转化后的组件库，实现跨框架。83.示例性的，如图4所示：信息处理装置利用框架转换工具(vuera等)对文件组件库(用es5、或者某种框架编写)进行转化，转化为符合前端框架1规范的组件库，并引入至前端框架1编写的网站中，或者转化为符合前端框架2规范的组件库，并引入至前端框架2编写的网站中得到目标网站。84.需要说明的是，目标前端框架可以为框架1，目标前端框架可以为框架2，具体的可根据实际情况进行确定，本技术实施例对此不作限定。85.在本技术实施例中，信息处理装置可以根据不同框架的特点，获取一种框架中间件转化规范，作为中转，这种框架中间件转化规范能让不同的框架都识别。86.示例性的，如图5所示：信息处理装置利用框架中间件转化规范(转化工具)将前端框架1编写的网站或者前端框架2编写的网站转化为目标前端框架可以识别的规范(统一的代码规范)，并引入目标组件库从而得到目标网站。87.在本技术实施例中，信息处理装置得到目标网站之后，信息处理装置在接收到操作人员通过import语句引入网页需要使用到的组件(目标组件)的情况下(在开发某个具体网页的情况下)，信息处理转置就在前端框架规范约束下，将目标组件以组件标签形式集成到网页生成代码中(当代码识别到组件标签的时候，会去加载对应的目标组件和目标组件模块，执行组件代码)。88.在本技术实施例中，信息处理装置在前端框架规范约束下，将目标组件以组件标签形式集成到网页生成代码中之后，信息处理装置就将网页生成的代码进行打包压缩，得到网站工程代码并发布网站工程代码到服务器上。89.需要说明的是，信息处理装置中包括服务器。90.在本技术实施例中，目标组件库包括文件组件库和代码组件库；信息处理装置利用目标组件和目标组件模块，搭建目标组件库的过程，包括信息处理装置在信息处理装置利用目标组件、目标组件模块和代码组件搭建规范，搭建代码组件库；或者，信息处理装置利用目标组件、目标组件模块和文件组件搭建规范，搭建文件组件库。具体的，信息处理装置利用目标组件和目标组件模块，搭建目标组件库之前，信息处理装置还会接收组件库选择操作；在信息处理装置确定出组件库选择操作对应的选择操作为第一选择操作的情况下，利用目标组件、目标组件模块和代码组件搭建规范，搭建代码组件库；在信息处理装置确定出组件库选择操作对应的选择操作为第二选择操作的情况下，利用目标组件、目标组件模块和文件组件搭建规范，搭建文件组件库。91.操作人员在选择了组件和组件模块之后，操作人员还可以选择生成代码组件库(js)或者是文件组件库(配置文件)，在操作人员勾选了代码组件库的情况下，信息处理装置就利用目标组件和目标组件模块，生成代码组件库；在操作人员选择了文件组件库的情况下，信息处理装置就利用目标组件和目标组件模块，生成文件组件库。92.示例性的，如图2所示，操作人员在显示界面上选择了组件和组件模块之后，操作人员还可以选择生成代码组件库(js)或者是文件组件库(配置文件)。操作人员可以对js前面的框进行勾选，也可以对配置文件前面的框进行勾选，在js前面的框中显示有一个对号的情况下，信息处理装置就确定目标组件库具体为代码组件库，之后信息处理装置就可以利用目标组件和目标组件模块，生成代码组件库。93.需要说明的是，js组件库文件为es5标准的代码文件，具体为选择组件和组件模块定制化后的组件库js压缩代码。94.在本技术实施例中，信息处理装置利用目标组件和目标组件模块，先生成es6标准的代码文件，然后信息处理装置再将es6标准的代码文件转化为es5标准的代码文件，之后再通过打包压缩工具将es5标准的代码文件进行打包压缩，得到js组件库文件。95.需要说明的是，信息处理装置可以利用babel转码器将es6标准的代码文件转化为es5标准的代码文件，信息处理装置也可以利用其他的转码器将es6标准的代码文件转化为es5标准的代码文件，具体的可根据实际情况进行确定，本技术实施例对此不作限定。96.在本技术实施例中，信息处理装置利用目标组件和目标组件模块，生成代码组件库的过程，包括：信息处理装置根据目标组件、目标组件模块和代码组件搭建规范，搭建初始代码组件库；信息处理装置利用代码转化器将初始代码组件库转化成代码组件库。97.在本技术实施例中，初始代码组件库可以为es6代码形式的组件库，代码组件库可以为es5代码形式的组件库。98.在本技术实施例中，信息处理装置在可视化界面选择组件和组件模块，选择完之后可以继续选择生成一个js(es5标准的代码文件)文件(定制化后的组件库js压缩代码)(在生成过程中信息处理装置先生成初始代码组件库(es6标准的代码文件)，之后信息处理装置再通过babel转码器将es6标准的代码文件转换为es5标准的代码文件，得到代码组件。99.在本技术实施例中，信息处理装置根据目标组件、目标组件模块和网站架构，搭建目标网站之后，信息处理装置在接收到客户端发送的对目标网站的访问指令的情况下，确定访问指令对应的访问组件、访问组件模块和访问信息；根据访问组件、访问组件模块和访问信息确定显示页面，并向客户端发送显示页面，以供客户端显示显示页面。100.需要说明的是，目标组件包括访问组件，目标组件模块包括访问组件模块。101.需要说明的是，访问信息可以为信息处理装置根据该访问指令，从目标网站中确定出来的信息。102.需要说明的是，显示页面具体为网页，访问信息可以为该网页中的信息。103.在本技术实施例中，信息处理装置根据访问组件、访问组件模块和访问信息确定显示页面的过程，包括信息处理装置根据访问组件和访问组件模块，确定客户端的类型；信息处理装置根据类型，确定访问组件的显示方式；信息处理装置根据显示方式和访问信息，确定显示页面。104.在本技术实施例中，信息处理装置在加载显示页面的过程中，会执行页面逻辑代码，加载显示页面中的访问信息和目标组件。105.在本技术实施例中，客户端的类型包括移动客户端、pc客户端、移动客户端的显示尺寸和pc客户端的显示尺寸。106.在本技术实施例中，信息处理装置根据目标组件和目标组件模块，确定客户端的类型的方式，可以为信息处理装置根据目标组件和目标组件模块，利用js技术(js代码通过js提供的api技术)确定客户端的类型；也可以是信息处理装置根据目标组件和目标组件模块，利用css技术来判断访问的客户端类型；信息处理装置还可以根据目标组件和目标组件模块，利用其他的技术实现方式来确定客户端的类型，具体的可根据实际情况进行确定，本技术实施例对此不作限定。107.在本技术实施例中，用户通过终端发起对网站页面的请求，服务器接收到请求，返回页面。页面在加载展示过程中，会执行页面逻辑代码，加载页面内容和组件。组件代码逻辑通过js技术(js代码通过js自身提供的api方法判断获得终端视窗的宽，高)或者css技术(media媒体查询)判断访问的客户端类型，拿到屏幕尺寸，根据pc还是移动端的不同类型加载不同的展现形式，使用户在不同的终端看到自适应后的组件展示页面效果。108.在本技术实施例中，目前常用的判断客户端尺寸的方式是通过js或者css判断，也可以通过服务器端来判断；组件库组件种类很多，并且每个组件在pc端和移动端的展现方式多种多样，具体的展现方式根据ui设计进行确定；本技术中的打包编译技术包括webpack，rollup等。109.在本技术实施例中，信息处理装置根据目标组件、目标组件模块和网站架构，搭建目标网站之前，信息处理装置会从预设前端框架中，确定目标前端框架；信息处理装置还会获取预设网站搭建信息，并根据预设网站搭建信息和目标前端框架，搭建网站架构。110.需要说明的是，信息处理装置从预设前端框架中，确定目标前端框架的过程，具体为，信息处理装置在接收到对前端框架的框架选择操作的情况下，根据框架选择操作，从预设前端框架中确定目标前端框架。111.需要说明的是，预设网站搭建信息为信息处理装置接收到的操作人员输入的网站搭建信息，其中，预设网站搭建信息中包括访问信息。112.示例性的，如图6所示：pc客户端或者移动客户端可以访问目标网站，其中，该目标网站来源于前端框架1搭建的网站、前端框架2搭建的网站或者其他前端框架搭建的网站，而前端框架1搭建的网站是使用目标组件库得到的，目标组件库可以包括目标组件1和目标组件1对应的定制模块(目标模块1、目标模块2....)、目标组件2和目标组件2对应的定制模块(目标模块1、目标模块2....)、目标组件3和目标组件3对应的定制模块(目标模块1、目标模块2....)…，信息处理装置在接收到pc客户端或者移动客户端对所述目标网站的访问指令的情况下，信息处理装置就先根据目标组件库确定客户端的类型，在信息处理装置确定出客户端的类型为pc类型的情况下，客户端就以pc端的组件展示形式进行展示；在信息处理装置确定出客户端的类型为移动端类型的情况下，客户端就以移动端的组件展示形式进行展示。113.可以理解的是，信息处理装置从预设组件和预设组件模块的对应关系中，确定目标组件和目标组件对应的目标组件模块，使得信息处理装置可以根据目标组件、目标组件模块和网站架构，来搭建目标网站，在客户端访问目标网站的情况下，信息处理装置只需要加载该目标组件和目标组件模块，减少了信息处理装置加载网站的网页时的数据量，提高了信息处理装置加载网页时的速度。114.实施例二115.基于实施例一同一发明构思，本技术实施例提供了一种信息处理装置1，对应于一种信息处理方法；图7为本技术实施例提供的一种信息处理装置的组成结构示意图一，该信息处理装置1可以包括：116.确定单元11，用于从预设组件和预设组件模块的对应关系中，确定目标组件和所述目标组件对应的目标组件模块；117.搭建单元12，用于根据所述目标组件、所述目标组件模块和网站架构，搭建目标网站。118.在本技术的一些实施例中，所述装置还包括搭建单元和添加单元；119.所述生成单元，用于利用所述目标组件和所述目标组件模块，搭建目标组件库；120.所述集成单元，用于将所述目标组件库添加至所述网站架构中，得到所述目标网站。121.在本技术的一些实施例中，所述装置还包括获取单元、查找单元和添加单元；122.所述获取单元，用于在所述目标组件库为代码组件库的情况下，获取所述代码组件库的链接地址；123.所述查找单元，用于查找所述网站架构对应的项目目录；124.所述添加单元，用于将所述链接地址添加至所述项目目录中，得到所述目标网站。125.在本技术的一些实施例中，所述装置还包括转化单元；126.所述确定单元11，用于在所述目标组件库为文件组件库的情况下，将所述文件组件库添加至所述网站架构的框架目录中；127.所述获取单元，用于从所述框架目录中获取所述目标组件和所述目标组件模块；128.所述转化单元，用于按照预设转化规范，对所述目标组件和所述目标组件模块进行转化，得到转化后的目标组件和转化后的目标组件模块；所述预设转化规范为与目标前端框架的框架规范对应的规范；129.所述集成单元，用于将所述转化后的目标组件和所述转化后的目标组件模块集成至所述网站架构中，得到所述目标网站。130.在本技术的一些实施例中，所述目标组件库包括文件组件库和代码组件库；131.所述搭建单元，用于利用所述目标组件、所述目标组件模块和代码组件生成规范，搭建所述代码组件库；或者，利用所述目标组件、所述目标组件模块和文件组件搭建规范，搭建所述文件组件库。132.在本技术的一些实施例中，所述搭建单元，用于根据所述目标组件、所述目标组件模块和代码组件生成规范，搭建初始代码组件库；133.所述转化单元，用于利用代码转化器将所述初始代码组件库转化成所述代码组件库。134.在本技术的一些实施例中，所述装置还包括生成单元；135.所述生成单元，用于生成所述代码组件库对应的链接地址。136.在本技术的一些实施例中，所述装置还包括发送单元；137.所述确定单元11，用于在接收到客户端发送的对所述目标网站的访问指令的情况下，确定所述访问指令对应的访问组件、访问组件模块和访问信息，所述目标组件包括所述访问组件，所述目标组件模块包括所述访问组件模块；根据所述访问组件、所述访问组件模块和所述访问信息确定显示页面；138.所述发送单元，用于向所述客户端发送所述显示页面，以供所述客户端显示所述显示页面。139.在本技术的一些实施例中，所述确定单元11，用于根据所述访问组件和所述访问组件模块，确定所述客户端的类型；根据所述类型，确定所述访问组件的显示方式；根据所述显示方式和所述访问信息，确定显示页面。140.在本技术的一些实施例中，所述确定单元11，用于从预设前端框架中，确定目标前端框架；141.所述获取单元，用于获取预设网站搭建信息；142.所述搭建单元12，用于根据所述预设网站搭建信息和所述目标前端框架，搭建所述网站架构，所述预设网站搭建信息中包括访问信息。143.需要说明的是，在实际应用中，上述确定单元11和搭建单元12可由信息处理装置1上的处理器13实现，具体为cpu(centralprocessingunit，中央处理器)、mpu(microprocessorunit，微处理器)、dsp(digitalsignalprocessing，数字信号处理器)或现场可编程门阵列(fpga，fieldprogrammablegatearray)等实现；上述数据存储可由信息处理装置1上的存储器14实现。144.本发明实施例还提供了一种信息处理装置，如图8所示，信息处理装置包括：处理器13、存储器14和通信总线15，所述存储器14通过所述通信总线15与所述处理器13进行通信，所述存储器14存储所述处理器13可执行的程序，当所述程序被执行时，通过所述处理器13执行如上述所述的信息处理方法。145.在实际应用中，上述存储器14可以是易失性存储器(volatilememory)，例如随机存取存储器(random‑accessmemory，ram)；或者非易失性存储器(non‑volatilememory)，例如只读存储器(read‑onlymemory，rom)，快闪存储器(flashmemory)，硬盘(harddiskdrive，hdd)或固态硬盘(solid‑statedrive，ssd)；或者上述种类的存储器的组合，并向处理器13提供指令和数据。146.本发明实施例提供了一种计算机可读存储介质，其上有计算机程序，所述程序被处理器13执行时实现如上述所述的信息处理方法。147.可以理解的是，信息处理装置从预设组件和预设组件模块的对应关系中，确定目标组件和目标组件对应的目标组件模块，使得信息处理装置可以根据目标组件、目标组件模块和网站架构，来搭建目标网站，在客户端访问目标网站的情况下，信息处理装置只需要加载该目标组件和目标组件模块，减少了信息处理装置加载网站的网页时的数据量，提高了信息处理装置加载网页时的速度。148.本领域内的技术人员应明白，本发明的实施例可提供为方法、系统、或计算机程序产品。因此，本发明可采用硬件实施例、软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器和光学存储器等)上实施的计算机程序产品的形式。149.本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。150.这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。151.这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。152.以上所述，仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。当前第1页12当前第1页12
技术领域：
：，尤其涉及一种信息处理方法及装置、存储介质。
背景技术：
：：2.前端框架就是一套架构，用于向用户提供一套完整的前端项目整体解决方案。前端框架可以看作是车的骨架，每个使用前端框架的人(前端开发人员)，拿到的前端框架都是一样的，组件库可以看作是车的各种零件，开发人员可以根据自己的需要选择零件进行拼装和喷色。目前，前端基于javascript的框架层出不穷，主要有vue、react等；前端组件库也非常多，前端组件库大部分都是根据框架和客户端去划分的，如：对于react框架，针对个人电脑(personalcomputer，pc)端的组件库有antdesign等，针对移动终端的组件库有antdesignmobile等，对于vue框架，针对pc端的组件库有element、antdesignvue、iview等，针对移动端的组件库有vant、mintui等，也有部分组件库不区分客户端，但只针对react框架，如material‑ui。3.现有技术中，是根据前端框架和组件库来搭建网站，在加载该网站中网页的过程中，不仅要获取该网页中的信息，还需要获取该组件以及该组件对应的功能模块，由于该功能模块通常为该组件对应的全部功能模块，如此，增加了网页加载时的负荷，降低了网页加载时的速度。技术实现要素：4.为解决上述技术问题，本发明实施例期望提供一种信息处理方法及装置、存储介质，能够提高信息处理装置加载网页时的速度。5.本发明的技术方案是这样实现的：6.本技术实施例提供一种信息处理方法，包括：7.从预设组件和预设组件模块的对应关系中，确定目标组件和所述目标组件对应的目标组件模块；8.根据所述目标组件、所述目标组件模块和网站架构，搭建目标网站。9.本技术实施例提供了一种信息处理装置，所述装置包括：10.确定单元，用于从预设组件和预设组件模块的对应关系中，确定目标组件和所述目标组件对应的目标组件模块；11.搭建单元，用于根据所述目标组件、所述目标组件模块和网站架构，搭建目标网站。12.本技术实施例提供了一种信息处理装置，所述装置包括：13.存储器、处理器和通信总线，所述存储器通过所述通信总线与所述处理器进行通信，所述存储器存储所述处理器可执行的信息处理的程序，当所述信息处理的程序被执行时，通过所述处理器执行上述所述的信息处理方法。14.本技术实施例提供了一种存储介质，其上存储有计算机程序，应用于信息处理装置，其特征在于，该计算机程序被处理器执行时实现上述所述的信息处理方法。15.本发明实施例提供了一种信息处理方法及装置、存储介质，信息处理方法包括：从预设组件和预设组件模块的对应关系中，确定目标组件和目标组件对应的目标组件模块；根据目标组件、目标组件模块和网站架构，搭建目标网站。采用上述方法实现方案，信息处理装置从预设组件和预设组件模块的对应关系中，确定目标组件和目标组件对应的目标组件模块，使得信息处理装置可以根据目标组件、目标组件模块和网站架构，来搭建目标网站，在客户端访问目标网站的情况下，信息处理装置只需要加载该目标组件和目标组件模块，减少了信息处理装置加载网站的网页时的数据量，提高了信息处理装置加载网页时的速度。附图说明16.图1为本技术实施例提供的一种信息处理方法流程图；17.图2为本技术实施例提供的一种示例性的组件和组件模块显示界面示意图；18.图3为本技术实施例提供的一种示例性的将组件库集成至框架中的结构示意图一；19.图4为本技术实施例提供的一种示例性的将组件库集成至框架中的结构示意图二；20.图5为本技术实施例提供的一种示例性的将组件库集成至框架中的结构示意图三；21.图6为本技术实施例提供的一种示例性的信息处理装置的组成结构示意图；22.图7为本技术实施例提供的一种信息处理装置的组成结构示意图一；23.图8为本技术实施例提供的一种信息处理装置的组成结构示意图二。具体实施方式24.下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。25.目前的前端组件库都是基于单一的前端框架去实现的，无法跨越框架。26.目前的组件库都是pc端和移动端分开的，即一个组件库要么只提供pc端显示，要么移动端显示，如果你想实现一个网站，需要在pc端和移动端都响应的话，你需要自己做适配，分别为pc端和移动端开发一套网页，选用不同的组件库和组件库中的组件。27.目前这些组件库中的组件只能根据框架中使用组件的情况来选择是否使用某个组件，但是没有办法选择是否使用某个组件里面的具体功能。比如，你只是用了一个简单的表格组件，但是你往往需要加载支持排序，拖拽等各个功能的表格组件全量文件，这意味着加载的文件变大了，会导致加载的网页变慢，影响性能，而且加载了冗余代码，降低了代码利用率。28.对于现有技术中存在的问题，具体可通过实施例一中的方法进行解决。29.实施例一30.本技术实施例提供了一种信息处理方法，图1为本技术实施例提供的一种信息处理方法流程图一，如图1所示，信息处理方法可以包括：31.s101、从预设组件和预设组件模块的对应关系中，确定目标组件和目标组件对应的目标组件模块。32.本技术实施例提供的一种信息处理方法适用于信息处理装置搭建目标网站的场景下。33.在本技术实施例中，信息处理装置可以以各种形式来实施。例如，本技术中描述的信息处理装置可以包括诸如手机、照相机、平板电脑、笔记本电脑、掌上电脑、个人数字助理(personaldigitalassistant，pda)、便捷式媒体播放器(portablemediaplayer，pmp)、导航装置、可穿戴设备、智能手环、计步器等装置，以及诸如数字tv、台式计算机、服务器等装置。34.在本技术实施例中，预设组件的数量可以为一个，也可以为两个，还可以为多个，具体的可根据实际情况进行确定，本技术实施例对此不作限定。35.在本技术实施例中，预设组件模块的数量可以为一个，也可以为两个，还可以为多个，具体的可根据实际情况进行确定，本技术实施例对此不作限定。36.在本技术实施例中，信息处理装置中设置有预设组件和预设组件模块的对应关系，其中，预设组件和预设组件模块的对应关系具体为：一个预设组件对应至少一个组件模块。37.在本技术实施例中，信息处理装置中设置有显示界面，显示界面用于显示预设组件和预设组件模块。38.在本技术实施例中，目标组件可以为表格、列表、输入框等等，也可以为网站所需的其他组件，具体的可根据实际情况进行确定，本技术实施例对此不作限定。39.在本技术实施例中，目标组件模块可以为目标组件对应的功能，示例性的，目标组件为表格，目标组件模块可以为筛选、排序等功能，也可以为表格的其他功能，具体的可根据实际情况进行确定，本技术实施例对此不作限定。40.需要说明的是，显示界面上的预设组件的数量为至少一个，即预设组件的数量可以为一个，也可以为两个，还可以为多个，具体的可根据实际情况进行确定，本技术实施例对此不作限定。41.还需要说明的是，有些预设组件比较简单，该预设组件本身就是一个预设组件模块。42.示例性的，信息处理装置中设置有2个预设组件，每个预设组件对应的预设组件模块为4个，则信息处理装置中的预设组件模块数量总共为8个。43.在本技术实施例中，信息处理装置中的显示界面显示至少一个预设组件以及至少一个预设组件中每一个预设组件对应的至少一个预设组件模块的显示界面如图2所示：在预设组件1(组件1)、预设组件2(组件2)…排成一列，在预设组件1的下方显示区域设置有预设组件模块1(模块1)、预设组件模块2(模块2)....；在预设组件2的下方显示区域设置有预设组件模块1(模块1)、预设组件模块2(模块2)....；直至在显示界面上显示完显示至少一个组件以及至少一个组件中每一个组件对应的至少一个组件模块。44.需要说明的是，预设组件1对应的预设组件模块1和预设组件2对应的预设组件模块1可以相同，也可以不同，具体的可根据实际情况进行确定，本技术实施例对此不作限定。45.需要说明的是，预设组件1对应的预设组件模块2和预设组件2对应的预设组件模块2可以相同，也可以不同，具体的可根据实际情况进行确定，本技术实施例对此不作限定。46.在本技术实施例中，信息处理装置在显示界面上显示至少一个预设组件和至少一个预设组件模块之后，信息处理装置就可以接收操作人员在该显示界面上的选择操作了。示例性的，如图2所示，操作人员可以对预设组件1前面的框进行勾选，之后，预设组件1前面的框中就会显示一个对号，即预设组件1被勾选成功，信息处理装置就确定出预设组件1就是目标组件1。在操作人员选择了预设组件1之后，操作人员就可以从预设组件1对应的预设组件模块中选择对应的预设组件模块了，操作人员可以按照勾选预设组件1的方式来勾选预设组件模块，在预设组件模块1前面的框中显示了一个对号、预设组件模块2前面的框中也显示一个对号的情况下，即预设组件1中的预设组件模块1和预设组件模块2被勾选成功，信息处理装置就确定出预设组件1中的预设组件模块1就是目标组件模块1，预设组件1中的预设组件模块2就是目标组件模块2。47.s102、根据目标组件、目标组件模块和网站架构，搭建目标网站。48.在本技术实施例中，信息处理装置从预设组件和预设组件模块的对应关系中，确定目标组件和目标组件对应的目标组件模块之后，信息处理装置就可以根据目标组件、目标组件模块和网站架构，搭建目标网站。49.在本技术实施例中，信息处理装置根据目标组件、目标组件模块和网站架构，搭建目标网站的过程，包括：信息处理装置利用目标组件和目标组件模块，搭建目标组件库；信息处理装置将目标组件库添加至网站架构中，得到目标网站。50.在本技术实施例中，信息处理装置利用目标组件和目标组件模块，搭建目标组件库的过程，也就是信息处理装置利用目标组件和目标组件模块，搭建目标组件库。51.在本技术实施例中，信息处理装置将目标组件库添加至网站架构中，得到目标网站的过程，也就是信息处理装置将目标组件库集成至网站架构中，得到目标网站。52.在本技术实施例中，目标组件库包括代码组件库和文件组件库。其中，代码组件库可以为js(es5标准)文件构成的组件库；文件组件库可以为组件库的配置文件，信息处理装置可以从该组件库的配置文件中获取到目标组件和目标组件模块。53.需要说明的是，信息处理装置可以根据操作人员的选择，来确定生成代码组件库或者生成文件组件库。54.在本技术实施例中，生成代码组件库或者生成文件组件库，即为搭建代码组件库或者搭建文件组件库。55.示例性的，如图2所示，操作人员在选择了组件和组件模块之后，操作人员还可以选择生成代码组件库(js)或者是文件组件库(配置文件)，在操作人员勾选了代码组件库的情况下，信息处理装置就利用目标组件和目标组件模块，生成代码组件库；在操作人员选择了文件组件库的情况下，信息处理装置就利用目标组件和目标组件模块，生成文件组件库。56.在本技术实施例中，信息处理装置利用目标组件和目标组件模块，生成目标组件库的过程，可以为：开发者在可视化界面选择组件和组件模块，选择完之后开发者可以继续选择生成一个js(根据选择的组件和组件模块生成es6标准代码文件，再通过babel转码器将es6标准代码文件转换为es5标准代码文件)，然后再通过打包压缩工具将es5标准代码文件打包压缩，即得到代码组件库或者生成一个组件库配置文件(组件库配置文件包含具体组件和组件模块声明配置文件)，即得到目标组件库。57.在本技术实施例中，信息处理装置得到目标组件库之后，信息处理装置给开发者提供对应下载链接，以供开发者下载对应的文件。58.在本技术实施例中，信息处理装置利用目标组件和目标组件模块，生成目标组件库的过程，也可以为：在项目目录下，打开终端窗口，在命令行终端执行命令选择组件和组件模块：通过命令行可以分步骤选择要使用的组件和组件模块，最后一步点击确定，则会在当前项目目录下生成组件库配置文件。59.在本技术实施例中，信息处理装置也可以在项目目录下，根据接收到的指令，在指令行执行指令选择来确定目标组件和目标组件模块，之后就直接根据目标组件和目标组件模块在项目目录下生成文件组件库。60.需要说明的是，通过指令行可以根据操作人员的分步选择指令，分步骤确定目标组件和目标组件模块。61.在本技术实施例中，信息处理装置信息处理装置将目标组件库添加至网站架构中，得到目标网站的过程，包括：信息处理装置在目标组件库为代码组件库的情况下，获取代码组件库的链接地址；信息处理装置查找网站架构对应的项目目录；信息处理装置将链接地址添加至项目目录中，得到目标网站。62.在本技术实施例中，信息处理装置在得到代码组件库的情况下，信息处理装置可以将代码组件库上传到cdn网站上，来获取代码组件库的地址链接，以通过这个链接地址可以访问代码组件库中的目标组件和目标组件模块。63.需要说明的是，信息处理装置也可以以其他的方式来获取代码组件库的链接地址，具体的可根据实际情况进行确定，本技术实施例对此不作限定。64.在本技术实施例中，信息处理装置将链接地址添加至项目目录中，得到目标网站的过程，可以为信息处理装置在项目工程中查找打包技术相关配置文件，在打包技术相关配置文件中添加链接地址，将链接地址引入打包技术相关配置文件对应的配置内容中，直接打包链接地址至项目目录中，即打包链接地址至index.html中，得到目标网站。65.需要说明的是，将链接地址添加至项目目录中在显示页面上的表现就是以script标签引入的javascript脚本文件。66.在本技术实施例中，信息处理装置通过下载链接得到js(es5)文件之后，信息处理装置可以将js文件上传到cdn服务器(一个网站可以上传文件，得到上传文件的url链接地址，通过url链接地址可以获取到上传文件中的内容)上，获得js文件的cdn链接地址之后，通过在项目工程配置文件中添加将组件库js文件以外链形式引入的配置内容将组件库js文件的cdn链接地址打包编译到目标网站入口文件index.html中，或者通过往打包生成目录下的index.html中添加以script标签引入组件库js文件cdn链接地址的代码语句(<scriptsrc＝"组件库js文件cdn链接地址"></script>)来将组件库js文件引入到目标网站的入口文件index.html中，得到目标网站；信息处理装置也可以将组件库js文件直接放在项目打包生成目录下，然后在打包生成目录下的html中以script标签方式引入组件库js文件的相对地址(<scriptsrc＝"组件库js文件相对于index.html的相对地址"></script>)的方式来将组件库js文件引入到目标网站的入口文件index.html中，得到目标网站。67.可以理解的是，由于目前的浏览器只能识别基于es5标准的js(javascript)代码，所以通过将代码组件库打包编译成es5标准的js文件代码，然后在目标网站入口的html文件中引入es5标准的js文件代码的方式，，避免和框架打交道，直接让浏览器进行识别，达到跨前端框架的效果。68.示例性的，如图3所示：信息处理装置利用打包技术分别对框架1编写的网站(基于es6标准)和框架2编写的网站(基于es6标准)进行打包编译，得到js(基于es5标准)、css、html等目标网站的源码文件，信息处理装置再利用打包编译技术对组件库源码(确定好所选择组件和组件模块后的组件库源码)进行打包编译，得到js(基于es5标准)组件库代码文件，并让目标网站源码中的index.html引入js(基于es5标准)组件库代码文件，从而得到目标网站。69.需要说明的是，信息处理装置可以利用webpack技术对框架1编写的网站和框架2编写的网站进行打包编译；信息处理装置还可以利用rollup技术对框架1编写的网站和框架2编写的网站进行打包编译；信息处理转置还可以利用其他技术实现方式对框架1编写的网站和框架2编写的网站进行打包编译，具体的可根据实际情况进行确定，本技术实施例对此不作限定。70.在本技术实施例中，项目框架集成组件库后，开发者在开发每个具体页面的时候，通过import语句引入页面需要使用到的组件，然后在步骤1选用框架规范约束下，将组件以框架识别的组件标签形式集成到页面生成代码中(当框架代码识别到组件标签的时候，会去加载对应的组件和组件模块，执行组件代码逻辑，生成网站的页面)。71.在本技术实施例中，打包压缩网站工程代码并发布网站工程代码到服务器上。72.在本技术实施例中，信息处理装置获取代码组件库的链接地址之前，信息处理装置还会生成代码组件库对应的链接地址。73.在本技术实施例中，信息处理装置在获取代码组件库的链接地址之前，信息处理装置还会生成代码组件库的链接地址，并将该链接地址显示在显示界面上，以给网站开发者提供对应连接地址，供网站开发者下载对应的文件。74.在本技术实施例中，信息处理装置将目标组件库添加至网站架构中，得到目标网站的过程，包括信息处理装置在目标组件库为文件组件库的情况下，将文件组件库添加至网站架构的框架目录中；信息处理装置从框架目录中获取目标组件和目标组件模块；信息处理装置按照预设转化规范，对目标组件和目标组件模块进行转化，得到转化后的目标组件和转化后的目标组件模块；信息处理装置将转化后的目标组件和转化后的目标组件模块集成至网站架构中，得到目标网站。75.需要说明的是，预设转化规范为与目标前端框架的框架规范对应的规范。76.还需要说明的是，预设转化规范为前端框架可以识别的规范，该预设转化规范可以为与前端框架的规范相同的规范，也可以为根据不同的前端框架，设置的框架中间件规范(这种框架规范可以作为中转，让不同的框架都能够识别)，具体的可根据实际情况进行确定，本技术实施例对此不作限定。77.在本技术实施例中，信息处理装置将文件组件库添加至网站架构的框架目录中，之后信息处理装置就可以从框架目录中获取到文件组件库，从而得到目标组件和目标组件模块。78.在本技术实施例中，信息处理装置从框架目录中获取目标组件和目标组件模块的方式可以为，信息处理装置通过执行安装node_modules依赖包命令，从框架目录中获取文件组件库，根据文件组件库安装加载得到目标组件和目标组件模块。79.在本技术实施例中，框架可以是由不同的代码规范约束写的，即使框架都是用es6也会无法使用(是用vue代码规范约束写的，或者是用react代码规范约束写的，且vue和react都属于es6)。若目标组件库可以用任意框架语言书写，在书写的过程中可以用vuera等框架转换工具，将组件库转换成目标前端框架识别的规范，而前端框架框架通过引入转化后的目标组件库，可以实现跨前端框架。80.需要说明的是，信息处理装置从框架目录中获取目标组件和目标组件模块，即信息处理装置从框架目录中获取文件组件库。信息处理装置利用预设转化规范，对目标组件和目标组件模块进行转化，得到转化后的目标组件和转化后的目标组件模块，也就是信息处理装置利用预设转化规范，对文件组件库进行转化，得到转化后的文件组件库。转化后的文件组件库包括转化后的目标组件和转化后的目标组件模块。81.需要说明的是，预设转化规范可以为框架转化规范，即框架转化工具。82.在本技术实施例中，如果目标组件库为配置文件，需要将配置文件放在框架项目配置目录下(开发者在显示界面选在下载配置文件后，开发者需要手动将下载的配置文件拷贝到项目工程目录下，若是再命令行生成的配置文件，则该配置文明件就存在与项目工程目录下，开发者无需拷贝)，项目通过执行安装node_modules依赖包命令，根据配置文件安装加载组件库中对应组件和其模块。这样还不能实现跨框架，因为框架是不同的代码规范约束写的，都是es6也会无法使用。要求组件库可以用任意框架语言书写，在书写的过程中可以用vuera等框架中间转换工具，将组件库转换为开发者搭建目标网站所选用的框架识别的规范，而该框架通过引入转化后的组件库，实现跨框架。83.示例性的，如图4所示：信息处理装置利用框架转换工具(vuera等)对文件组件库(用es5、或者某种框架编写)进行转化，转化为符合前端框架1规范的组件库，并引入至前端框架1编写的网站中，或者转化为符合前端框架2规范的组件库，并引入至前端框架2编写的网站中得到目标网站。84.需要说明的是，目标前端框架可以为框架1，目标前端框架可以为框架2，具体的可根据实际情况进行确定，本技术实施例对此不作限定。85.在本技术实施例中，信息处理装置可以根据不同框架的特点，获取一种框架中间件转化规范，作为中转，这种框架中间件转化规范能让不同的框架都识别。86.示例性的，如图5所示：信息处理装置利用框架中间件转化规范(转化工具)将前端框架1编写的网站或者前端框架2编写的网站转化为目标前端框架可以识别的规范(统一的代码规范)，并引入目标组件库从而得到目标网站。87.在本技术实施例中，信息处理装置得到目标网站之后，信息处理装置在接收到操作人员通过import语句引入网页需要使用到的组件(目标组件)的情况下(在开发某个具体网页的情况下)，信息处理转置就在前端框架规范约束下，将目标组件以组件标签形式集成到网页生成代码中(当代码识别到组件标签的时候，会去加载对应的目标组件和目标组件模块，执行组件代码)。88.在本技术实施例中，信息处理装置在前端框架规范约束下，将目标组件以组件标签形式集成到网页生成代码中之后，信息处理装置就将网页生成的代码进行打包压缩，得到网站工程代码并发布网站工程代码到服务器上。89.需要说明的是，信息处理装置中包括服务器。90.在本技术实施例中，目标组件库包括文件组件库和代码组件库；信息处理装置利用目标组件和目标组件模块，搭建目标组件库的过程，包括信息处理装置在信息处理装置利用目标组件、目标组件模块和代码组件搭建规范，搭建代码组件库；或者，信息处理装置利用目标组件、目标组件模块和文件组件搭建规范，搭建文件组件库。具体的，信息处理装置利用目标组件和目标组件模块，搭建目标组件库之前，信息处理装置还会接收组件库选择操作；在信息处理装置确定出组件库选择操作对应的选择操作为第一选择操作的情况下，利用目标组件、目标组件模块和代码组件搭建规范，搭建代码组件库；在信息处理装置确定出组件库选择操作对应的选择操作为第二选择操作的情况下，利用目标组件、目标组件模块和文件组件搭建规范，搭建文件组件库。91.操作人员在选择了组件和组件模块之后，操作人员还可以选择生成代码组件库(js)或者是文件组件库(配置文件)，在操作人员勾选了代码组件库的情况下，信息处理装置就利用目标组件和目标组件模块，生成代码组件库；在操作人员选择了文件组件库的情况下，信息处理装置就利用目标组件和目标组件模块，生成文件组件库。92.示例性的，如图2所示，操作人员在显示界面上选择了组件和组件模块之后，操作人员还可以选择生成代码组件库(js)或者是文件组件库(配置文件)。操作人员可以对js前面的框进行勾选，也可以对配置文件前面的框进行勾选，在js前面的框中显示有一个对号的情况下，信息处理装置就确定目标组件库具体为代码组件库，之后信息处理装置就可以利用目标组件和目标组件模块，生成代码组件库。93.需要说明的是，js组件库文件为es5标准的代码文件，具体为选择组件和组件模块定制化后的组件库js压缩代码。94.在本技术实施例中，信息处理装置利用目标组件和目标组件模块，先生成es6标准的代码文件，然后信息处理装置再将es6标准的代码文件转化为es5标准的代码文件，之后再通过打包压缩工具将es5标准的代码文件进行打包压缩，得到js组件库文件。95.需要说明的是，信息处理装置可以利用babel转码器将es6标准的代码文件转化为es5标准的代码文件，信息处理装置也可以利用其他的转码器将es6标准的代码文件转化为es5标准的代码文件，具体的可根据实际情况进行确定，本技术实施例对此不作限定。96.在本技术实施例中，信息处理装置利用目标组件和目标组件模块，生成代码组件库的过程，包括：信息处理装置根据目标组件、目标组件模块和代码组件搭建规范，搭建初始代码组件库；信息处理装置利用代码转化器将初始代码组件库转化成代码组件库。97.在本技术实施例中，初始代码组件库可以为es6代码形式的组件库，代码组件库可以为es5代码形式的组件库。98.在本技术实施例中，信息处理装置在可视化界面选择组件和组件模块，选择完之后可以继续选择生成一个js(es5标准的代码文件)文件(定制化后的组件库js压缩代码)(在生成过程中信息处理装置先生成初始代码组件库(es6标准的代码文件)，之后信息处理装置再通过babel转码器将es6标准的代码文件转换为es5标准的代码文件，得到代码组件。99.在本技术实施例中，信息处理装置根据目标组件、目标组件模块和网站架构，搭建目标网站之后，信息处理装置在接收到客户端发送的对目标网站的访问指令的情况下，确定访问指令对应的访问组件、访问组件模块和访问信息；根据访问组件、访问组件模块和访问信息确定显示页面，并向客户端发送显示页面，以供客户端显示显示页面。100.需要说明的是，目标组件包括访问组件，目标组件模块包括访问组件模块。101.需要说明的是，访问信息可以为信息处理装置根据该访问指令，从目标网站中确定出来的信息。102.需要说明的是，显示页面具体为网页，访问信息可以为该网页中的信息。103.在本技术实施例中，信息处理装置根据访问组件、访问组件模块和访问信息确定显示页面的过程，包括信息处理装置根据访问组件和访问组件模块，确定客户端的类型；信息处理装置根据类型，确定访问组件的显示方式；信息处理装置根据显示方式和访问信息，确定显示页面。104.在本技术实施例中，信息处理装置在加载显示页面的过程中，会执行页面逻辑代码，加载显示页面中的访问信息和目标组件。105.在本技术实施例中，客户端的类型包括移动客户端、pc客户端、移动客户端的显示尺寸和pc客户端的显示尺寸。106.在本技术实施例中，信息处理装置根据目标组件和目标组件模块，确定客户端的类型的方式，可以为信息处理装置根据目标组件和目标组件模块，利用js技术(js代码通过js提供的api技术)确定客户端的类型；也可以是信息处理装置根据目标组件和目标组件模块，利用css技术来判断访问的客户端类型；信息处理装置还可以根据目标组件和目标组件模块，利用其他的技术实现方式来确定客户端的类型，具体的可根据实际情况进行确定，本技术实施例对此不作限定。107.在本技术实施例中，用户通过终端发起对网站页面的请求，服务器接收到请求，返回页面。页面在加载展示过程中，会执行页面逻辑代码，加载页面内容和组件。组件代码逻辑通过js技术(js代码通过js自身提供的api方法判断获得终端视窗的宽，高)或者css技术(media媒体查询)判断访问的客户端类型，拿到屏幕尺寸，根据pc还是移动端的不同类型加载不同的展现形式，使用户在不同的终端看到自适应后的组件展示页面效果。108.在本技术实施例中，目前常用的判断客户端尺寸的方式是通过js或者css判断，也可以通过服务器端来判断；组件库组件种类很多，并且每个组件在pc端和移动端的展现方式多种多样，具体的展现方式根据ui设计进行确定；本技术中的打包编译技术包括webpack，rollup等。109.在本技术实施例中，信息处理装置根据目标组件、目标组件模块和网站架构，搭建目标网站之前，信息处理装置会从预设前端框架中，确定目标前端框架；信息处理装置还会获取预设网站搭建信息，并根据预设网站搭建信息和目标前端框架，搭建网站架构。110.需要说明的是，信息处理装置从预设前端框架中，确定目标前端框架的过程，具体为，信息处理装置在接收到对前端框架的框架选择操作的情况下，根据框架选择操作，从预设前端框架中确定目标前端框架。111.需要说明的是，预设网站搭建信息为信息处理装置接收到的操作人员输入的网站搭建信息，其中，预设网站搭建信息中包括访问信息。112.示例性的，如图6所示：pc客户端或者移动客户端可以访问目标网站，其中，该目标网站来源于前端框架1搭建的网站、前端框架2搭建的网站或者其他前端框架搭建的网站，而前端框架1搭建的网站是使用目标组件库得到的，目标组件库可以包括目标组件1和目标组件1对应的定制模块(目标模块1、目标模块2....)、目标组件2和目标组件2对应的定制模块(目标模块1、目标模块2....)、目标组件3和目标组件3对应的定制模块(目标模块1、目标模块2....)…，信息处理装置在接收到pc客户端或者移动客户端对所述目标网站的访问指令的情况下，信息处理装置就先根据目标组件库确定客户端的类型，在信息处理装置确定出客户端的类型为pc类型的情况下，客户端就以pc端的组件展示形式进行展示；在信息处理装置确定出客户端的类型为移动端类型的情况下，客户端就以移动端的组件展示形式进行展示。113.可以理解的是，信息处理装置从预设组件和预设组件模块的对应关系中，确定目标组件和目标组件对应的目标组件模块，使得信息处理装置可以根据目标组件、目标组件模块和网站架构，来搭建目标网站，在客户端访问目标网站的情况下，信息处理装置只需要加载该目标组件和目标组件模块，减少了信息处理装置加载网站的网页时的数据量，提高了信息处理装置加载网页时的速度。114.实施例二115.基于实施例一同一发明构思，本技术实施例提供了一种信息处理装置1，对应于一种信息处理方法；图7为本技术实施例提供的一种信息处理装置的组成结构示意图一，该信息处理装置1可以包括：116.确定单元11，用于从预设组件和预设组件模块的对应关系中，确定目标组件和所述目标组件对应的目标组件模块；117.搭建单元12，用于根据所述目标组件、所述目标组件模块和网站架构，搭建目标网站。118.在本技术的一些实施例中，所述装置还包括搭建单元和添加单元；119.所述生成单元，用于利用所述目标组件和所述目标组件模块，搭建目标组件库；120.所述集成单元，用于将所述目标组件库添加至所述网站架构中，得到所述目标网站。121.在本技术的一些实施例中，所述装置还包括获取单元、查找单元和添加单元；122.所述获取单元，用于在所述目标组件库为代码组件库的情况下，获取所述代码组件库的链接地址；123.所述查找单元，用于查找所述网站架构对应的项目目录；124.所述添加单元，用于将所述链接地址添加至所述项目目录中，得到所述目标网站。125.在本技术的一些实施例中，所述装置还包括转化单元；126.所述确定单元11，用于在所述目标组件库为文件组件库的情况下，将所述文件组件库添加至所述网站架构的框架目录中；127.所述获取单元，用于从所述框架目录中获取所述目标组件和所述目标组件模块；128.所述转化单元，用于按照预设转化规范，对所述目标组件和所述目标组件模块进行转化，得到转化后的目标组件和转化后的目标组件模块；所述预设转化规范为与目标前端框架的框架规范对应的规范；129.所述集成单元，用于将所述转化后的目标组件和所述转化后的目标组件模块集成至所述网站架构中，得到所述目标网站。130.在本技术的一些实施例中，所述目标组件库包括文件组件库和代码组件库；131.所述搭建单元，用于利用所述目标组件、所述目标组件模块和代码组件生成规范，搭建所述代码组件库；或者，利用所述目标组件、所述目标组件模块和文件组件搭建规范，搭建所述文件组件库。132.在本技术的一些实施例中，所述搭建单元，用于根据所述目标组件、所述目标组件模块和代码组件生成规范，搭建初始代码组件库；133.所述转化单元，用于利用代码转化器将所述初始代码组件库转化成所述代码组件库。134.在本技术的一些实施例中，所述装置还包括生成单元；135.所述生成单元，用于生成所述代码组件库对应的链接地址。136.在本技术的一些实施例中，所述装置还包括发送单元；137.所述确定单元11，用于在接收到客户端发送的对所述目标网站的访问指令的情况下，确定所述访问指令对应的访问组件、访问组件模块和访问信息，所述目标组件包括所述访问组件，所述目标组件模块包括所述访问组件模块；根据所述访问组件、所述访问组件模块和所述访问信息确定显示页面；138.所述发送单元，用于向所述客户端发送所述显示页面，以供所述客户端显示所述显示页面。139.在本技术的一些实施例中，所述确定单元11，用于根据所述访问组件和所述访问组件模块，确定所述客户端的类型；根据所述类型，确定所述访问组件的显示方式；根据所述显示方式和所述访问信息，确定显示页面。140.在本技术的一些实施例中，所述确定单元11，用于从预设前端框架中，确定目标前端框架；141.所述获取单元，用于获取预设网站搭建信息；142.所述搭建单元12，用于根据所述预设网站搭建信息和所述目标前端框架，搭建所述网站架构，所述预设网站搭建信息中包括访问信息。143.需要说明的是，在实际应用中，上述确定单元11和搭建单元12可由信息处理装置1上的处理器13实现，具体为cpu(centralprocessingunit，中央处理器)、mpu(microprocessorunit，微处理器)、dsp(digitalsignalprocessing，数字信号处理器)或现场可编程门阵列(fpga，fieldprogrammablegatearray)等实现；上述数据存储可由信息处理装置1上的存储器14实现。144.本发明实施例还提供了一种信息处理装置，如图8所示，信息处理装置包括：处理器13、存储器14和通信总线15，所述存储器14通过所述通信总线15与所述处理器13进行通信，所述存储器14存储所述处理器13可执行的程序，当所述程序被执行时，通过所述处理器13执行如上述所述的信息处理方法。145.在实际应用中，上述存储器14可以是易失性存储器(volatilememory)，例如随机存取存储器(random‑accessmemory，ram)；或者非易失性存储器(non‑volatilememory)，例如只读存储器(read‑onlymemory，rom)，快闪存储器(flashmemory)，硬盘(harddiskdrive，hdd)或固态硬盘(solid‑statedrive，ssd)；或者上述种类的存储器的组合，并向处理器13提供指令和数据。146.本发明实施例提供了一种计算机可读存储介质，其上有计算机程序，所述程序被处理器13执行时实现如上述所述的信息处理方法。147.可以理解的是，信息处理装置从预设组件和预设组件模块的对应关系中，确定目标组件和目标组件对应的目标组件模块，使得信息处理装置可以根据目标组件、目标组件模块和网站架构，来搭建目标网站，在客户端访问目标网站的情况下，信息处理装置只需要加载该目标组件和目标组件模块，减少了信息处理装置加载网站的网页时的数据量，提高了信息处理装置加载网页时的速度。148.本领域内的技术人员应明白，本发明的实施例可提供为方法、系统、或计算机程序产品。因此，本发明可采用硬件实施例、软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器和光学存储器等)上实施的计算机程序产品的形式。149.本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。150.这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。151.这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。152.以上所述，仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。当前第1页12当前第1页12
再多了解一些
本文用于企业家、创业者技术爱好者查询，结果仅供参考。
