本申请属于计算机技术领域，具体涉及一种网站搭建方法、网站搭建装置、计算机可读介质以及电子设备。该网站搭建方法包括：在网站搭建平台的前端交互界面上展示组件选择区域和组件编辑区域；响应于对组件选择区域中的模块化组件的选取操作，复制选中的模块化组件；监听与选取操作连续的移动操作以生成移动路径，并沿移动路径将复制的模块化组件移动至组件编辑区域；响应于对前端交互界面上的网站部署控件的触发操作，将组件编辑区域内的各个模块化组件组合得到网站配置页面；根据网站配置页面对与各个模块化组件相对应的代码片段进行组合得到代码文件，并对代码文件进行打包以生成网站应用。该方法可以避免产生冗余代码、提高网站应用开发效率。高网站应用开发效率。高网站应用开发效率。
【技术实现步骤摘要】
网站搭建方法、装置、介质及电子设备
[0001]本申请属于计算机
，具体涉及一种网站搭建方法、网站搭建装置、计算机可读介质以及电子设备。
技术介绍
[0002]网站应用只能在整个项目完成之后进行一次代码打包上线，而无法根据内容配置者对配置内容的修改再次生成新的代码文件包，这将会导致用户使用的冗余代码增多，导致访问网站时候请求的html、js、css等文件过大，从而浪费宝贵的带宽资源，影响网站的加载性能，给用户带来不好的使用体验；并且在向第三方用户输出应用的部署包的时候，会将其他用户没有需求的一些代码输出出去，增大了包的体积。
技术实现思路
[0003]本申请的目的在于提供一种网站搭建方法、网站搭建装置、计算机可读介质以及电子设备，至少在一定程度上克服相关技术中存在的。
[0004]本申请的其他特性和优点将通过下面的详细描述变得显然，或部分地通过本申请的实践而习得。
[0005]根据本申请实施例的一个方面，提供一种网站搭建方法，该方法包括：
[0006]在网站搭建平台的前端交互界面上展示组件选择区域和组件编辑区域，组件选择区域包括对应于不同网站内容元素的可供选取的模块化组件，组件编辑区域是用于对选中的模块化组件进行编辑和展示的区域；
[0007]响应于对组件选择区域中的模块化组件的选取操作，复制选中的模块化组件；
[0008]监听与选取操作连续的移动操作以生成移动路径，并沿移动路径将复制的模块化组件移动至组件编辑区域；
[0009]响应于对前端交互界面上的网站部署控件的触发操作，将组件编辑区域内的各个模块化组件组合得到网站配置页面；
[0010]根据网站配置页面对与各个模块化组件相对应的代码片段进行组合得到代码文件，并对代码文件进行打包以生成网站应用。
[0011]在本申请的一些实施例中，基于以上技术方案，根据网站配置页面对与各个模块化组件相对应的代码片段进行组合得到代码文件，包括：
[0012]获取网站配置页面中各个模块化组件的组件位置和组件标识，组件位置用于表示模块化组件在网站配置页面中的分布位置，组件标识用于表示模块化组件的类型；
[0013]向网站搭建平台的后台服务器发送携带模块化组件的组件位置和组件标识的代码组合请求；
[0014]后台服务器根据组件标识获取与各个模块化组件相对应的代码片段，并根据组件位置对各个代码片段进行组合得到代码文件。
[0015]在本申请的一些实施例中，基于以上技术方案，后台服务器根据组件标识获取与
各个模块化组件相对应的代码片段，包括：
[0016]后台服务器对代码组合请求进行解析处理，得到代码组合请求中携带的组件位置、组件标识和部署平台标识；
[0017]根据部署平台标识确定用于运行网站应用的目标平台，并获取与目标平台相对应的目标代码仓库；
[0018]根据组件标识从目标代码仓库中获取与各个模块化组件相对应的代码片段。
[0019]在本申请的一些实施例中，基于以上技术方案，在根据网站配置页面对与各个模块化组件相对应的代码片段进行组合得到代码文件之前，所述方法还包括：
[0020]在前端交互界面上展示平台选择页面，平台选择页面包括多个可供选择的应用部署平台；
[0021]响应于在平台选择页面上触发的平台选取操作，从多个可供选择的应用部署平台中选取一个或者多个用于运行网站应用的目标平台。
[0022]在本申请的一些实施例中，基于以上技术方案，根据网站配置页面对与各个模块化组件相对应的代码片段进行组合得到代码文件之后，所述方法还包括：
[0023]在前端交互界面上展示用于导入网站应用的入口控件；
[0024]响应于对入口控件的触发操作，获取网站应用的代码文件，并根据代码文件在前端交互界面的组件编辑区域中展示由模块化组件组成的网站配置页面；
[0025]响应于对网站配置页面中的模块化组件的编辑操作，生成针对模块化组件的组件变更信息，并向后台服务器发送携带组件变更信息的网站页面编辑请求；
[0026]后台服务器根据组件变更信息调整网站应用的代码文件中的代码片段，得到更新后的代码文件。
[0027]在本申请的一些实施例中，基于以上技术方案，获取网站应用的代码文件，包括：
[0028]获取待导入的网站应用的统一资源定位符；
[0029]根据统一资源定位符在本地代码文件数据库中查找网站应用的代码文件。
[0030]在本申请的一些实施例中，基于以上技术方案，根据代码文件在前端交互界面的组件编辑区域中展示由模块化组件组成的网站配置页面，包括：
[0031]解析代码文件，得到组成代码文件的多个代码片段；
[0032]对代码片段进行内容分析，得到与代码片段相对应的模块化组件；
[0033]在前端交互界面的组件编辑区域中展示由模块化组件组成的网站配置页面。
[0034]根据本申请实施例的一个方面，提供一种网站搭建装置，该装置包括：
[0035]展示模块，被配置为在网站搭建平台的前端交互界面上展示组件选择区域和组件编辑区域，组件选择区域包括对应于不同网站内容元素的可供选取的模块化组件，组件编辑区域是用于对选中的模块化组件进行编辑和展示的区域；
[0036]复制模块，被配置为响应于对组件选择区域中的模块化组件的选取操作，复制选中的模块化组件；
[0037]移动模块，被配置为监听与选取操作连续的移动操作以生成移动路径，并沿移动路径将复制的模块化组件移动至组件编辑区域；
[0038]模块组合模块，被配置为响应于对前端交互界面上的网站部署控件的触发操作，将组件编辑区域内的各个模块化组件组合得到网站配置页面；
[0039]代码组合模块，被配置为根据网站配置页面对与各个模块化组件相对应的代码片段进行组合得到代码文件，并对代码文件进行打包以生成网站应用。
[0040]根据本申请实施例的一个方面，提供一种计算机可读介质，其上存储有计算机程序，该计算机程序被处理器执行时实现如以上技术方案中的网站搭建方法。
[0041]根据本申请实施例的一个方面，提供一种电子设备，该电子设备包括：处理器；以及存储器，用于存储所述处理器的可执行指令；其中，所述处理器被配置为经由执行所述可执行指令来执行如以上技术方案中的网站搭建方法。
[0042]根据本申请实施例的一个方面，提供一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行如以上技术方案中的网站搭建方法。
[0043]在本申请实施例提供的技术方案中，基于组件化的配置平台对能够重复使用的代码模块进行组合以形成符合用户需求的网站应用；对网站做出修改时，也可以基于模块的调整组合出新的符合用户需求的代码文件，避免产生冗余代码，本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种网站搭建方法，其特征在于，包括：在网站搭建平台的前端交互界面上展示组件选择区域和组件编辑区域，所述组件选择区域包括对应于不同网站内容元素的可供选取的模块化组件，所述组件编辑区域是用于对选中的模块化组件进行编辑和展示的区域；响应于对所述组件选择区域中的模块化组件的选取操作，复制选中的模块化组件；监听与所述选取操作连续的移动操作以生成移动路径，并沿移动路径将复制的模块化组件移动至所述组件编辑区域；响应于对所述前端交互界面上的网站部署控件的触发操作，将所述组件编辑区域内的各个模块化组件组合得到网站配置页面；根据所述网站配置页面对与各个模块化组件相对应的代码片段进行组合得到代码文件，并对所述代码文件进行打包以生成网站应用。2.根据权利要求1所述的网站搭建方法，其特征在于，根据所述网站配置页面对与各个模块化组件相对应的代码片段进行组合得到代码文件，包括：获取所述网站配置页面中各个模块化组件的组件位置和组件标识，组件位置用于表示模块化组件在网站配置页面中的分布位置，组件标识用于表示模块化组件的类型；向所述网站搭建平台的后台服务器发送携带模块化组件的组件位置和组件标识的代码组合请求；所述后台服务器根据所述组件标识获取与各个模块化组件相对应的代码片段，并根据组件位置对所述各个代码片段进行组合得到代码文件。3.根据权利要求2所述的网站搭建方法，其特征在于，所述后台服务器根据组件标识获取与各个模块化组件相对应的代码片段，包括：所述后台服务器对代码组合请求进行解析处理，得到代码组合请求中携带的组件位置、组件标识和部署平台标识；根据所述部署平台标识确定用于运行网站应用的目标平台，并获取与所述目标平台相对应的目标代码仓库；根据所述组件标识从所述目标代码仓库中获取与各个模块化组件相对应的代码片段。4.根据权利要求1所述的网站搭建方法，其特征在于，在根据所述网站配置页面对与各个模块化组件相对应的代码片段进行组合得到代码文件之前，所述方法还包括：在所述前端交互界面上展示平台选择页面，平台选择页面包括多个可供选择的应用部署平台；响应于在所述平台选择页面上触发的平台选取操作，从多个可供选择的应用部署平台中选取一个或者多个用于运行网站应用的目标平台。5.根据权利要求1所述的网站搭建方法，其特征在于，在根据所述网站配置页面对与各个模块化组件相对应的代码片段进行组合得到代码文件之后，所述方法还包括：在所述前端交互界面上展...
【专利技术属性】
技术研发人员：张欣尧，黄文泱，
申请(专利权)人：深圳壹账通智能科技有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。