CN110941428B - 一种网站创建方法和装置 - Google Patents
一种网站创建方法和装置 Download PDFInfo
- Publication number
- CN110941428B CN110941428B CN201811108181.4A CN201811108181A CN110941428B CN 110941428 B CN110941428 B CN 110941428B CN 201811108181 A CN201811108181 A CN 201811108181A CN 110941428 B CN110941428 B CN 110941428B
- Authority
- CN
- China
- Prior art keywords
- website
- created
- file
- module
- user
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 89
- 238000011161 development Methods 0.000 claims abstract description 93
- 230000008676 import Effects 0.000 claims abstract description 39
- 238000012544 monitoring process Methods 0.000 claims description 8
- 238000004458 analytical method Methods 0.000 claims description 3
- 230000006870 function Effects 0.000 abstract description 14
- 238000004590 computer program Methods 0.000 description 10
- 238000005516 engineering process Methods 0.000 description 10
- 238000010586 diagram Methods 0.000 description 9
- 230000008569 process Effects 0.000 description 5
- 238000012545 processing Methods 0.000 description 5
- 230000003287 optical effect Effects 0.000 description 3
- 230000005540 biological transmission Effects 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 238000004806 packaging method and process Methods 0.000 description 2
- 230000004044 response Effects 0.000 description 2
- 238000012546 transfer Methods 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 238000004064 recycling Methods 0.000 description 1
- 230000000630 rising effect Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本申请公开了一种网站创建方法和装置,在该方法中,在获取Web前端开发界面后,用户可以通过设置在Web前端开发界面上的文件导入模块导入已创建网站的网站配置文件,然后,当用户输入网站预览指令后,在Web前端开发界面上显示已创建网站,然后用户可以对该已创建网站进行编辑,从而实现新网站的创建。因此,在该创建方法中,可以以已创建网站为模板,对该已创建网站进行编辑实现新网站的创建。因而,在该创建方法中,对于不同的网站或应用系统,其之间可以共用一套已创建网站的代码,其无需开发人员重新编写实现相同功能的代码,因而,该方法避免了开发人员的大量重复劳动,提高了开发效率和代码复用率。
Description
技术领域
本申请涉及互联网技术领域,尤其涉及一种网站创建方法和装置。
背景技术
随着网络普及和发展,网站作为一种很强大的工具和平台越来越融入了人们的生活。近年来HTML5和CSS3的风行,还有移动web领域崛起,网站的前端开发也都越来越注重用户体验。网站的前端开发以及所有的web系统大都利用现有的web开发框架来开发,比如使用率很高的React框架、Vue框架、AngularJS框架,另外还有一些对网站开发效率、美观、重构等要求不高的场合使用jQuery、原生JS以及成HTML和CSS来开发。
目前,对于不同的网站、应用系统均需要各自一套代码完成开发,不同网站之间以及应用系统之间相互独立,其间没有交集,如此,导致不同网站之间或者不同应用系统之间存在的相似功能,均需要各自开发一套对应的专有代码。因而,现有的网站开发模式,造成了开发人员的大量重复劳动,导致其开发效率和代码复用率较低。
发明内容
有鉴于此,本申请提供了一种网站创建方法和装置,以提高开发效率和代码复用率。
为了解决上述技术问题,本申请采用了如下技术方案:
本申请提供一种网站创建方法,包括:
获取Web前端开发界面,所述Web前端开发界面内包括文件导入模块;
通过所述文件导入模块导入已创建网站的网站配置文件;
解析所述网站配置文件,得到网站数据;
响应于用户对网站的预览指令,显示所述已创建网站,所述已创建网站作为待创建网站的模板;
响应于用户对所述待创建网站的模板的编辑操作,获取待创建网站的配置信息,实现网站创建。
可选的,所述通过所述文件导入模块导入已创建网站的网站配置文件之前,还包括:
检验已创建网站的网站配置文件是否满足预设条件;
所述通过所述文件导入模块导入已创建网站的网站配置文件,具体包括:
通过所述文件导入模块导入满足预设条件的已创建网站的网站配置文件。
可选的,所述方法还包括:
预先生成已创建网站的网站配置文件;
所述预先生成已创建网站的网站配置文件,具体包括:
获取Web前端开发界面,所述Web前端开发界面内包括创建网站时需要的各个功能模块;
响应于用户对所述功能模块的子模块的选中指令,显示所述子模块的模板界面;
响应于用户对所述子模块的模板界面的页面编辑操作,获取网站配置信息,实现网站的创建;
动态监听网站配置信息,并响应于用户的保存触发指令之后,保存配置后的网站配置信息;
在服务器端生成网站配置文件,所述网站配置文件包括网站名、网站描述、版本和网站元素配置信息中的至少一种。
可选的,所述预先生成已创建网站的网站配置文件之后,还包括:
导出所述网站配置文件,导出后的网站配置文件包括文件目录,所述文件目录能够供用户进行编辑。
可选的,所述预先生成已创建网站的网站配置文件,还包括:
响应于用户对所述子模块的模板界面的页面编辑操作,所述子模块的模板代码相应改变,并在响应于用户的保存触发指令后,保存改变后的模板代码。
可选的,所述保存改变后的模板代码之后,还包括:
导出网站源码文件,所述网站源码文件包括所述改变后的模板代码,所述网站源码文件包括文件目录,所述文件目录能够供用户进行编辑。
本申请还提供一种网站创建装置,包括:
第一获取单元,用于获取Web前端开发界面,所述Web前端开发界面内包括文件导入模块;
导入模块,用于通过所述文件导入模块导入已创建网站的网站配置文件;
解析模块,用于解析所述网站配置文件,得到网站数据;
显示模块,用于响应于用户对网站的预览指令,显示所述已创建网站,所述已创建网站作为待创建网站的模板;
第二获取单元,用于响应于用户对所述待创建网站的模板的编辑操作,获取待创建网站的配置信息,实现网站创建。
可选的,所述装置还包括:
检验单元,用于在通过所述文件导入模块导入已创建网站的网站配置文件之前检验已创建网站的网站配置文件是否满足预设条件;
所述导入模块,具体用于通过所述文件导入模块导入满足预设条件的已创建网站的网站配置文件。
本申请还提供一种存储介质,所述存储介质包括存储的程序,其中,所述程序执行上述任意一项所述的网站创建方法。
本申请还提供一种处理器,所述处理器用于运行程序,其中,所述程序运行时执行上述任意一项所述的网站创建方法。
相较于现有技术,本申请具有以下有益效果:
基于以上技术方案可知,本申请提供的网站创建方法中,在获取Web前端开发界面后,用户可以通过设置在Web前端开发界面上的文件导入模块导入已创建网站的网站配置文件,然后,当用户输入网站预览指令后,在Web前端开发界面上显示已创建网站,然后用户可以对该已创建网站进行编辑,从而实现新网站的创建。因此,在该创建方法中,可以以已创建网站为模板,对该已创建网站进行编辑实现新网站的创建。因而,在该创建方法中,对于不同的网站或应用系统,其之间可以共用一套已创建网站的代码,其无需开发人员重新编写实现相同功能的代码,因而,该方法避免了开发人员的大量重复劳动,提高了开发效率和代码复用率。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请中记载的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本申请实施例一提供的网站创建方法的流程图;
图2为本申请实施例一提供的Web前端开发界面的结构示意图;
图3为本申请实施例一提供的移动端类型网站子模板的结构示意图;
图4为本申请实施例二提供的网站创建方法的流程图;
图5为申请实施例三提供网站创建方法的流程图;
图6为本申请实施例四提供的网站创建装置的结构示意图。
具体实施方式
为了解决背景技术部分的技术问题,本申请实施例提供了一种网站创建方法,包括:获取Web前端开发界面,Web前端开发界面内包括创建网站时需要的各个功能模块;响应于用户对功能模块的子模块的选中指令,显示子模块的模板界面;响应于用户对子模块的模板界面的页面编辑操作,获取网站配置信息,实现网站的创建。
本申请提供的网站创建方法中,在获取Web前端开发界面后,用户可以通过设置在Web前端开发界面上的文件导入模块导入已创建网站的网站配置文件,然后,当用户输入网站预览指令后,在Web前端开发界面上显示已创建网站,然后用户可以对该已创建网站进行编辑,从而实现新网站的创建。因此,在该创建方法中,可以以已创建网站为模板,对该已创建网站进行编辑实现新网站的创建。因而,在该创建方法中,对于不同的网站或应用系统,其之间可以共用一套已创建网站的代码,其无需开发人员重新编写实现相同功能的代码,因而,该方法避免了开发人员的大量重复劳动,提高了开发效率和代码复用率。
为了使本技术领域的人员更好地理解本申请方案,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
实施例一
参见图1,该图为本申请实施例一提供的网站创建方法的流程图。
本申请实施例提供的网站创建方法,包括:
S101:获取Web前端开发界面,Web前端开发界面内包括创建网站时需要的各个功能模块;
Web前端开发界面是指用户可以进行网页创建操作的界面。
参见图2,该图为本申请实施例一提供的Web前端开发界面的结构示意图。
图2中Web前端开发界面上设置有网站类型模块201、基本布局模块202、技术选型模块203、主题配置模块204、元素选择模块205、文件导入模块206和文件导出模块207。
其中,网站类型模块201用于设置待创建网站的类型,例如,办公类型网站、商务类型网站、商城类型网站、管理系统类型网站、社交论坛类型网站、移动端类型网站以及其他类型网站。
基本布局202模块用于设置待创建网站的基本布局,网站可以是上下布局,也可以是左右布局。
技术选型模块203用于设置待创建网站技术类型。网站的前端框架、层叠样式表(Cascading Style Sheets,CSS)和构建工具打包工具分别采用不同的技术进行创建。其中,网站的前端框架的技术可以为React技术、Vue技术、AngularsJs技术或原生技术(javascript)。CSS样式编译的技术可以为Scss技术、Less技术或原生技术(css)。构建工具打包工具的技术可以为Webpack技术。
主题配置模块204用于设置待创建网站的主题。网站的主题配置包含基本配置及详细配置。其中,基本配置包括头部、侧边栏、导航、主体的色彩配置。详细配置包括所有元素的色彩配置。
元素选择模块205用于设置待创建网站的组件,其中不同的组件用不同的元素表示。网站的组件包括网站图标、搜索框、登录按钮、表格和注册按钮。
文件导入模块206用于将已有网站的相关文件导入,以便于对该网站继续进行编辑。
文件导出模块207用于将在Web前端开发界面创建的网站的相关文件导出。
作为示例,S101可以具体为:用户打开Web前端开发界面,以便于获取Web前端开发界面。
S101还可以为:用户从其他窗口切换至Web前端开发界面,使得Web前端开发界面处于活动状态,从而获取Web前端开发界面。
S102:响应于用户对功能模块的子模块的选中指令,显示子模块的模板界面;
子模块是指功能模块中预先设定的模块,以便于用户根据网站创建需求进行选择。
例如,网站类型模块中包括办公类型网站子模块、商务类型网站子模块、商城类型网站子模块、管理系统类型网站子模块、社交论坛类型网站子模块、移动端类型网站子模块。
子模块的模板界面可以显示预先设定的位置上。例如,子模块的模板界面可以在Web前端开发界面的中间位置,也可以在Web前端开发界面的左上角,还可以在其他位置。
参见图3,该图为本申请实施例一提供的移动端类型网站子模板的结构示意图。
图3中,移动端类型网站子模板显示在Web前端开发界面的右边位置。
作为示例,S102可以具体为:用户在网站类型模块中选择移动端类型网站子模块后,在Web前端开发界面的右边位置显示移动端类型网站子模块的模板界面。
S103:响应于用户对子模块的模板界面的页面编辑操作,获取网站配置信息,实现网站的创建。
页面编辑操作可以是拖拽组件的操作,也可以是配置组件的样式的操作。
配置信息与页面编辑操作相对应,配置信息中记录了页面编辑的操作。
利用配置信息记录页面编辑操作时,可以为在预设时间段内配置信息将该时间段内的所有页面编辑操作记录一次,也可以为进行一次页面编辑操作就在配置信息中记录一次。
例如,在图3中,将Web前端开发界面上表格301元素拖拽至移动端类型网站子模块的模板界面的编辑区域302中,此时,将获取建立表格的配置信息。
作为示例,S103可以具体为:用户根据待建网站的个性化需求,对子模板进行相应的页面编辑操作,以便于获取页面编辑操作对应的配置信息,从而实现网站的创建。
本申请提供的网站创建方法中,在获取Web前端开发界面后,用户可以选择设置在Web前端开发界面内的功能模块的子模块,并且在选中某个子模块后,该子模块对应的已经开发出的模板界面可以对显示在Web前端开发界面上,如此,用户可以对该模板界面进行页面编辑操作,从而实现网站的创建。如此,在该创建方法中,用户可以通过对预先开发的网站各功能模块的模板界面进行编辑,完成网站的创建。因此,在该创建方法中,对于不同的网站或应用系统,其之间可以共用一套实现相同功能的代码,其无需开发人员重新编写实现相同功能的代码,因而,该方法避免了开发人员的大量重复劳动,提高了开发效率和代码复用率。
为了进一步提高网站开发效率以及代码复用率,需要将创建的网站的相关文件或代码保存下来,以便于重复利用,因而,作为本申请的另一实施例,本申请实施例还提供了网站创建方法的另一种实现方式。具体参见实施例二。
实施例二
参见图4,该图为本申请实施例二提供的网站创建方法的流程图。
实施例二是在实施例一的基础上改进得到的,因此,实施例二与实施例一的部分内容相似,为了简要起见,在此不再赘述。
本申请实施例提供的网站创建方法包括:
S401至S403与实施例一中的S101至S103相同,为了简要起见,在此不再详细描述。
为了能够为后续创建网站提供模板,本申请实施例提供的网站创建方法在S403之后,还可以包括S404至S406。
S404:动态监听网站配置信息,并响应于用户的保存触发指令之后,保存配置后的网站配置信息。
动态监听网站配置信息是指当网站配置信息根据页面编辑操作进行变化时,对网站配置信息的变化进行实时性的记录。
用户的保存触发指令可以通过用户点击Web前端开发界面上的保存按钮发送,也可以通过用户输入组合快捷键发送,例如,用户通过键盘同时输入“Ctrl”和“S”键进行保存。
作为示例,S404可以具体为:首先,用户将表格元素拖拽至移动端类型网站子模块的模板界面上,此时,获取建立表格的配置信息,同时也监听到网站建立表格的配置信息;然后,用户点击Web前端开发界面保存按钮,则保存网站建立表格的配置信息。
S405:在服务器端生成网站配置文件,网站配置文件包括网站名、网站描述、版本和网站元素配置信息中的至少一种。
网站配置文件是由创建网站时监听到的配置信息构成的文件,配置文件中记录有新建网站的网站名等信息。
作为示例,S405可以具体为,当第一网站创建完成时,通过监听获得的第一网站创建过程中的配置信息被保存在服务器端后,服务器端将根据保存的第一网站的配置信息,生成第一网站配置文件,且第一网站配置文件中包括第一网站的网站名、网站描述等网站相关信息。
S406:导出网站配置文件,导出后的网站配置文件包括文件目录,文件目录能够供用户进行编辑。
导出的网站配置文件的文件目录可以预先设定默认目录,也可以根据实际场景进行个性化编辑。例如,编辑第一网站的文件目录名。
需要说明的是,文件目录的结构应避免进行编辑,以防发生不可预想错误。
导出网站配置文件的方式有多种。下面将分别介绍导出网站配置文件的三种方式。
导出网站配置文件的第一种方式可以具体为:
首先,用户点击Web前端开发界面上的文件导出模块,此时,弹出文件选择窗口;
然后,用户可以点击文件选择窗口中的浏览按钮,根据网站配置文件存储位置需求,选择网站配置文件的存储路径;
最后,用户在文件选择窗口中点击存储按钮,以便于将网站配置文件存储在相应的存储位置。
导出网站配置文件的第二种方式可以具体为:
首先,用户点击Web前端开发界面上的文件导出模块,此时,弹出文件选择窗口;
然后,在文件选择窗口中的文件路径输入框中输入网站配置文件的存储路径;
最后,用户在文件选择窗口中点击存储按钮,以便于将网站配置文件存储在相应的存储位置。
为了提高代码复用率,提高网站创建效率,本申请实施例提供的网站创建方法在S402之后,还可以包括S407至S408。
S407:响应于用户对子模块的模板界面的页面编辑操作,子模块的模板代码相应改变,并在响应于用户的保存触发指令后,保存改变后的模板代码。
模块代码与页面编辑操作相对应,不同的页面编辑操作对应不同的模板代码。
需要说明的是,S407中的“用户的保存触发指令”与S404中的“用户的保存触发指令”相同。例如,当用户对子模板的模板界面进行编辑操作并触发保存指令时,将同时保存网站的配置信息和网站的模板代码。
作为示例,S407和S404可以具体为:首先,用户将表格元素拖拽至移动端类型网站子模块的模板界面上,此时,将进行获取建立表格的配置信息并监听到网站建立表格的配置信息,同时还进行子模块的模板代码则包括添加表格元素的代码;然后,用户点击Web前端开发界面保存按钮,既保存网站建立表格的配置信息,还保存包括添加表格元素代码的模板代码。
S408:导出网站源码文件,网站源码文件包括改变后的模板代码,网站源码文件包括文件目录,文件目录能够供用户进行编辑。
导出的网站源码文件的文件目录可以预先设定默认目录,也可以根据实际场景进行个性化编辑。例如,编辑第一网站的源码文件的文件目录名。
导出网站源码文件的方式有多种。下面将分别介绍导出网站源码文件的三种方式。
导出网站源码文件的第一种方式可以具体为:
首先,用户点击Web前端开发界面上的文件导出模块,此时,弹出文件选择窗口;
然后,用户可以点击文件选择窗口中的浏览按钮,根据网站源码文件存储位置需求,选择网站源码文件的存储路径;
最后,用户在文件选择窗口中点击存储按钮,以便于将网站源码文件存储在相应的存储位置。
导出网站源码文件的第二种方式可以具体为:
首先,用户点击Web前端开发界面上的文件导出模块,此时,弹出文件选择窗口;
然后,在文件选择窗口中的文件路径输入框中输入网站源码文件的存储路径;
最后,用户在文件选择窗口中点击存储按钮,以便于将网站源码文件存储在相应的存储位置。
本申请实施例提供的网站创建方法,在响应于用户对子模块的模板界面的页面编辑操作时,将分别获取配置信息和模板代码,然后,根据获取的配置信息保存并下载网站配置文件,并根据获取的模板代码保存并下载网站源码文件。该方法有效的将用户的页面编辑操作转换成了网站配置文件和网站源码文件,从而便于该网站的网站配置文件和网站源码文件二次利用或编辑,进一步提高了网站开发效率以及代码复用率。
为了进一步提高网站开发效率以及代码复用率,还可以将已有网站的网站配置文件和网站源码文件导入进行编辑,因而,作为本申请的另一实施例,本申请实施例还提供了网站创建方法的另一种实现方式。具体参见实施例三。
实施例三
实施例三提供的网站创建的方法是通过二次编辑已创建的网站的配置文件或源码文件,实现创建新网站。以下将以通过二次编辑已创建的网站的配置文件创建新网站为例进行说明。
参见图5,该图为本申请实施例三提供网站创建方法的流程图。
本申请实施例提供的网站创建方法,包括,
S501:获取Web前端开发界面,Web前端开发界面内包括文件导入模块;
文件导入模块用于将已有网站的相关文件导入,以便于对该网站继续进行编辑。
文件导入模块可以导入网站配置文件,也可以导入网站源码文件,还可以导入网站配置文件和网站源码文件。
作为示例,当待创建的第二网站和已有的第一网站类似,则第二网站创建时,S501可以具体为:用户打开Web前端开发界面,选择文件导入模块,以便于将第一网站的配置文件导入进来。
S502:通过文件导入模块导入已创建网站的网站配置文件;
文件导入模块导入配置文件的方式有多种。下面将分别介绍导入网站配置文件的三种方式。
文件导入模块导入配置文件的第一种方式可以具体为:
首先,用户点击Web前端开发界面上的文件导入模块,此时,弹出文件选择窗口;
然后,用户可以点击文件选择窗口中的浏览按钮,根据已创建网站的网站配置文件的存储位置,查找已创建网站的网站配置文件;
最后,选择找到的已创建网站的网站配置文件,并在文件选择窗口中点击下载,从而使得已创建的网站配置文件下载到Web发开界面上,以便于进行二次编辑。
文件导入模块导入配置文件的第二种方式可以具体为:
首先,根据已创建网站的网站配置文件的存储位置,查找已创建网站的网站配置文件,并获得找到的已创建网站的网站配置文件的文件路径;
然后,用户点击Web前端开发界面上的文件导入模块,此时,弹出文件选择窗口;
最后,将获得的已创建网站的网站配置文件的文件路径输入文件选择窗口中的文件路径输入框,并在文件选择窗口中点击下载,从而使得已创建的网站配置文件下载到Web发开界面上,以便于进行二次编辑。
文件导入模块导入配置文件的第三种方式可以具体为:
首先,根据已创建网站的网站配置文件的存储位置,查找已创建网站的网站配置文件;
然后,通过复制或剪贴,将找到的已创建网站的网站配置文件复制或缓存至数据中转站(例如,剪切板)中;
最后,通过粘贴,将复制或缓存在数据中转站的已创建网站的网站配置文件下载到Web发开界面上,以便于进行二次编辑。
作为示例,为了提高创建网站的效率,在导入已创建的网站配置文件前应该检验文件的合法性,该过程可以具体为:
首先,检验已创建网站的网站配置文件是否满足预设条件;
预设条件是预先设定的配置文件的格式,当待导入的配置文件满足预先设定的配置文件的格式时,则表示该配置文件可以导入;当待导入的配置文件不满足预先设定的配置文件的格式时,则表示该配置文件不可以导入。
然后,通过文件导入模块导入满足预设条件的已创建网站的网站配置文件。
S503:解析网站配置文件,得到网站数据;
网站数据是指可以显示在Web前端开发界面的网站信息数据。
作为示例,当导入网站配置文件以*.json文件出现时,S503可以具体为:利用解析json文件的插件对网站配置文件进行解析,以便于获得可以显示在Web前端开发界面的网站信息数据。
S504:响应于用户对网站的预览指令,显示已创建网站,已创建网站作为待创建网站的模板;
Web前端开发界面上包括预览区域,且预览区域的位置可以预选设定,也可以根据用户的需求进行个性设定。
Web前端开发界面上包括预览按钮,且用户点击预览按钮可以预览正在创建的网站或已创建的网站。
作为示例,S504可以具体为:用户点击预览按钮,则Web前端开发界面的预览区域将显示已创建的网站,以便于以该网站作为模板进行二次创建。
S505:响应于用户对待创建网站的模板的编辑操作,获取待创建网站的配置信息,实现网站创建。
S505进行网站创建的技术与实施例一或实施例二进行网站创建的内容相同,在此不再赘述。
本申请实施例提供的网站创建方法通过导入已创建的网站进行进行编辑从而创建新的网站。因而,该方法通过在已有网站上进行二次编辑,且只需编辑需要改动的地方,有效的节省了网站创建的时间,进一步提高了网站开发效率以及代码复用率。另外,该方法还可以通过检验待导入的已创建的配置文件是否满足预设条件,并导入满足预设条件的已创建网站的网站配置文件,节约了导入已创建的配置文件的时间,从而提高了网站的创建效率。
基于以上提供的一种网站创建方法,本申请实施例还提供了一种网站创建装置,下面将结合附图对本申请实施例提供的网站创建装置进行介绍。
实施例四
参见图6,该图为本申请实施例四提供的网站创建装置的结构示意图。
本申请实施例提供的网站创建装置包括:
第一获取单元601,用于获取Web前端开发界面,所述Web前端开发界面内包括文件导入模块;
导入模块602,用于通过所述文件导入模块导入已创建网站的网站配置文件;
解析模块603,用于解析所述网站配置文件,得到网站数据;
显示模块604,用于响应于用户对网站的预览指令,显示所述已创建网站,所述已创建网站作为待创建网站的模板;
第二获取单元605,用于响应于用户对所述待创建网站的模板的编辑操作,获取待创建网站的配置信息,实现网站创建。
为了进一步提高开发效率,本申请实施例提供的网站创建装置,还可以包括:
检验单元,用于在通过所述文件导入模块导入已创建网站的网站配置文件之前检验已创建网站的网站配置文件是否满足预设条件;
所述导入模块602,具体用于通过所述文件导入模块导入满足预设条件的已创建网站的网站配置文件。
本申请实施例提供的网站创建装置包括:第一获取单元601,用于获取Web前端开发界面,所述Web前端开发界面内包括文件导入模块;导入模块602,用于通过所述文件导入模块导入已创建网站的网站配置文件;解析模块603,用于解析所述网站配置文件,得到网站数据;显示模块604,用于响应于用户对网站的预览指令,显示所述已创建网站,所述已创建网站作为待创建网站的模板;第二获取单元605,用于响应于用户对所述待创建网站的模板的编辑操作,获取待创建网站的配置信息,实现网站创建。因此,在该创建装置中,对于不同的网站或应用系统,其之间可以共用一套实现相同功能的代码,其无需开发人员重新编写实现相同功能的代码,因而,该装置避免了开发人员的大量重复劳动,提高了开发效率和代码复用率。另外,该装置还可以通过检验待导入的已创建的配置文件是否满足预设条件,并导入满足预设条件的已创建网站的网站配置文件,节约了导入已创建的配置文件的时间,从而提高了网站的创建效率。
所述网站创建装置包括处理器和存储器,上述第一获取单元601、导入模块602、解析模块603、显示模块604和第二获取单元605等均作为程序单元存储在存储器中,由处理器执行存储在存储器中的上述程序单元来实现相应的功能。
处理器中包含内核,由内核去存储器中调取相应的程序单元。内核可以设置一个或以上,通过调整内核参数来提高网站的开发效率和代码复用率。
存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM),存储器包括至少一个存储芯片。
本发明实施例提供了一种存储介质,其上存储有程序,该程序被处理器执行时实现所述网站创建方法。
本发明实施例提供了一种处理器,所述处理器用于运行程序,其中,所述程序运行时执行所述网站创建方法。
本发明实施例提供了一种设备,设备包括处理器、存储器及存储在存储器上并可在处理器上运行的程序,处理器执行程序时实现以下步骤:
获取Web前端开发界面,所述Web前端开发界面内包括文件导入模块;
通过所述文件导入模块导入已创建网站的网站配置文件;
解析所述网站配置文件,得到网站数据;
响应于用户对网站的预览指令,显示所述已创建网站,所述已创建网站作为待创建网站的模板;
响应于用户对所述待创建网站的模板的编辑操作,获取待创建网站的配置信息,实现网站创建。
可选的,所述通过所述文件导入模块导入已创建网站的网站配置文件之前,还包括:
检验已创建网站的网站配置文件是否满足预设条件;
所述通过所述文件导入模块导入已创建网站的网站配置文件,具体包括:
通过所述文件导入模块导入满足预设条件的已创建网站的网站配置文件。
可选的,所述方法还包括:
预先生成已创建网站的网站配置文件;
所述预先生成已创建网站的网站配置文件,具体包括:
获取Web前端开发界面,所述Web前端开发界面内包括创建网站时需要的各个功能模块;
响应于用户对所述功能模块的子模块的选中指令,显示所述子模块的模板界面;
响应于用户对所述子模块的模板界面的页面编辑操作,获取网站配置信息,实现网站的创建;
动态监听网站配置信息,并响应于用户的保存触发指令之后,保存配置后的网站配置信息;
在服务器端生成网站配置文件,所述网站配置文件包括网站名、网站描述、版本和网站元素配置信息中的至少一种。
可选的,所述预先生成已创建网站的网站配置文件之后,还包括:
导出所述网站配置文件,导出后的网站配置文件包括文件目录,所述文件目录能够供用户进行编辑。
可选的,所述预先生成已创建网站的网站配置文件,还包括:
响应于用户对所述子模块的模板界面的页面编辑操作,所述子模块的模板代码相应改变,并在响应于用户的保存触发指令后,保存改变后的模板代码。
可选的,所述保存改变后的模板代码之后,还包括:
导出网站源码文件,所述网站源码文件包括所述改变后的模板代码,所述网站源码文件包括文件目录,所述文件目录能够供用户进行编辑。
本文中的设备可以是服务器、PC、PAD、手机等。
本申请还提供了一种计算机程序产品,当在数据处理设备上执行时,适于执行初始化有如下方法步骤的程序:
获取Web前端开发界面,所述Web前端开发界面内包括文件导入模块;
通过所述文件导入模块导入已创建网站的网站配置文件;
解析所述网站配置文件,得到网站数据;
响应于用户对网站的预览指令,显示所述已创建网站,所述已创建网站作为待创建网站的模板;
响应于用户对所述待创建网站的模板的编辑操作,获取待创建网站的配置信息,实现网站创建。
可选的,所述通过所述文件导入模块导入已创建网站的网站配置文件之前,还包括:
检验已创建网站的网站配置文件是否满足预设条件;
所述通过所述文件导入模块导入已创建网站的网站配置文件,具体包括:
通过所述文件导入模块导入满足预设条件的已创建网站的网站配置文件。
可选的,所述方法还包括:
预先生成已创建网站的网站配置文件;
所述预先生成已创建网站的网站配置文件,具体包括:
获取Web前端开发界面,所述Web前端开发界面内包括创建网站时需要的各个功能模块;
响应于用户对所述功能模块的子模块的选中指令,显示所述子模块的模板界面;
响应于用户对所述子模块的模板界面的页面编辑操作,获取网站配置信息,实现网站的创建;
动态监听网站配置信息,并响应于用户的保存触发指令之后,保存配置后的网站配置信息;
在服务器端生成网站配置文件,所述网站配置文件包括网站名、网站描述、版本和网站元素配置信息中的至少一种。
可选的,所述预先生成已创建网站的网站配置文件之后,还包括:
导出所述网站配置文件,导出后的网站配置文件包括文件目录,所述文件目录能够供用户进行编辑。
可选的,所述预先生成已创建网站的网站配置文件,还包括:
响应于用户对所述子模块的模板界面的页面编辑操作,所述子模块的模板代码相应改变,并在响应于用户的保存触发指令后,保存改变后的模板代码。
可选的,所述保存改变后的模板代码之后,还包括:
导出网站源码文件,所述网站源码文件包括所述改变后的模板代码,所述网站源码文件包括文件目录,所述文件目录能够供用户进行编辑。
本领域内的技术人员应明白,本申请的实施例可提供为方法、系统、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。存储器是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。
本领域技术人员应明白,本申请的实施例可提供为方法、系统或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
以上仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。
Claims (7)
1.一种网站创建方法,其特征在于,包括:
获取Web前端开发界面,所述Web前端开发界面内包括文件导入模块;
通过所述文件导入模块导入已创建网站的网站配置文件;
解析所述网站配置文件,得到网站数据;
响应于用户对网站的预览指令,显示所述已创建网站,所述已创建网站作为待创建网站的模板;
响应于用户对所述待创建网站的模板的编辑操作,获取待创建网站的配置信息,实现网站创建;
所述方法还包括:
预先生成已创建网站的网站配置文件;
所述预先生成已创建网站的网站配置文件,具体包括:
获取Web前端开发界面,所述Web前端开发界面内包括创建网站时需要的各个功能模块;
响应于用户对所述功能模块的子模块的选中指令,显示所述子模块的模板界面;
响应于用户对所述子模块的模板界面的页面编辑操作,获取网站配置信息,实现网站的创建;页面编辑操作是拖拽组件的操作或配置组件的样式的操作;配置信息与页面编辑操作相对应,配置信息中记录了页面编辑的操作;
动态监听网站配置信息,并响应于用户的保存触发指令之后,保存配置后的网站配置信息;
在服务器端生成网站配置文件,所述网站配置文件包括网站名、网站描述、版本和网站元素配置信息中的至少一种;
所述预先生成已创建网站的网站配置文件之后,还包括:
导出所述网站配置文件,导出后的网站配置文件包括文件目录,所述文件目录能够供用户进行编辑;
所述预先生成已创建网站的网站配置文件,还包括:
响应于用户对所述子模块的模板界面的页面编辑操作,所述子模块的模板代码相应改变,并在响应于用户的保存触发指令后,保存改变后的模板代码。
2.根据权利要求1所述的方法,其特征在于,所述通过所述文件导入模块导入已创建网站的网站配置文件之前,还包括:
检验已创建网站的网站配置文件是否满足预设条件;
所述通过所述文件导入模块导入已创建网站的网站配置文件,具体包括:
通过所述文件导入模块导入满足预设条件的已创建网站的网站配置文件。
3.根据权利要求1所述的方法,其特征在于,所述保存改变后的模板代码之后,还包括:
导出网站源码文件,所述网站源码文件包括所述改变后的模板代码,所述网站源码文件包括文件目录,所述文件目录能够供用户进行编辑。
4.一种网站创建装置,其特征在于,包括:
第一获取单元,用于获取Web前端开发界面,所述Web前端开发界面内包括文件导入模块;
导入模块,用于通过所述文件导入模块导入已创建网站的网站配置文件;
解析模块,用于解析所述网站配置文件,得到网站数据;
显示模块,用于响应于用户对网站的预览指令,显示所述已创建网站,所述已创建网站作为待创建网站的模板;
第二获取单元,用于响应于用户对所述待创建网站的模板的编辑操作,获取待创建网站的配置信息,实现网站创建;
所述装置还包括:
生成模块,用于预先生成已创建网站的网站配置文件;
所述生成模块,具体用于:获取Web前端开发界面,所述Web前端开发界面内包括创建网站时需要的各个功能模块;响应于用户对所述功能模块的子模块的选中指令,显示所述子模块的模板界面;响应于用户对所述子模块的模板界面的页面编辑操作,获取网站配置信息,实现网站的创建;动态监听网站配置信息,并响应于用户的保存触发指令之后,保存配置后的网站配置信息;在服务器端生成网站配置文件,所述网站配置文件包括网站名、网站描述、版本和网站元素配置信息中的至少一种;页面编辑操作是拖拽组件的操作或配置组件的样式的操作;配置信息与页面编辑操作相对应,配置信息中记录了页面编辑的操作;
所述装置还包括:
导出模块,用于导出所述网站配置文件,导出后的网站配置文件包括文件目录,所述文件目录能够供用户进行编辑;
所述生成模块,还用于响应于用户对所述子模块的模板界面的页面编辑操作,所述子模块的模板代码相应改变,并在响应于用户的保存触发指令后,保存改变后的模板代码。
5.根据权利要求4所述的装置,其特征在于,所述装置还包括:
检验单元,用于在通过所述文件导入模块导入已创建网站的网站配置文件之前检验已创建网站的网站配置文件是否满足预设条件;
所述导入模块,具体用于通过所述文件导入模块导入满足预设条件的已创建网站的网站配置文件。
6.一种存储介质,其特征在于,所述存储介质包括存储的程序,其中,所述程序执行权利要求1至3中任意一项所述的网站创建方法。
7.一种处理器,其特征在于,所述处理器用于运行程序,其中,所述程序运行时执行权利要求1至3中任意一项所述的网站创建方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811108181.4A CN110941428B (zh) | 2018-09-21 | 2018-09-21 | 一种网站创建方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811108181.4A CN110941428B (zh) | 2018-09-21 | 2018-09-21 | 一种网站创建方法和装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN110941428A CN110941428A (zh) | 2020-03-31 |
CN110941428B true CN110941428B (zh) | 2023-10-27 |
Family
ID=69904790
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201811108181.4A Active CN110941428B (zh) | 2018-09-21 | 2018-09-21 | 一种网站创建方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110941428B (zh) |
Families Citing this family (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111563220A (zh) * | 2020-04-27 | 2020-08-21 | 平安国际智慧城市科技股份有限公司 | 业务网站项目构建方法、装置、计算机设备和存储介质 |
CN111563224A (zh) * | 2020-05-15 | 2020-08-21 | 成都库珀区块链科技有限公司 | 一种站点自定义的方法、系统及相关装置 |
CN111651160B (zh) * | 2020-06-02 | 2023-07-04 | 上海泛微网络科技股份有限公司 | 插件构建、网页设计的方法和装置 |
CN112433728A (zh) * | 2020-12-09 | 2021-03-02 | 中国建设银行股份有限公司 | 网站构建的方法、装置、电子设备以及存储介质 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8042093B1 (en) * | 2001-11-15 | 2011-10-18 | Cypress Semiconductor Corporation | System providing automatic source code generation for personalization and parameterization of user modules |
CN102810105A (zh) * | 2011-06-03 | 2012-12-05 | 腾讯科技(北京)有限公司 | 一种移动终端所访问网页的编辑方法及网页编辑器 |
CN103593197A (zh) * | 2013-11-26 | 2014-02-19 | 国家电网公司 | 一种代码生成方法和装置 |
CN104331295A (zh) * | 2014-11-05 | 2015-02-04 | 北京中科辅龙信息技术有限公司 | 页面生成方法和系统 |
CN108170786A (zh) * | 2017-12-26 | 2018-06-15 | 北京洪泰同创信息技术有限公司 | 网站编辑系统、方法及终端 |
CN108268258A (zh) * | 2016-12-29 | 2018-07-10 | 阿里巴巴集团控股有限公司 | 一种用于获取网页代码的方法、装置及电子设备 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20150186132A1 (en) * | 2013-12-31 | 2015-07-02 | Wolters Kluwer United States Inc. | User interface framework and tools for rapid development of web applications |
-
2018
- 2018-09-21 CN CN201811108181.4A patent/CN110941428B/zh active Active
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8042093B1 (en) * | 2001-11-15 | 2011-10-18 | Cypress Semiconductor Corporation | System providing automatic source code generation for personalization and parameterization of user modules |
CN102810105A (zh) * | 2011-06-03 | 2012-12-05 | 腾讯科技(北京)有限公司 | 一种移动终端所访问网页的编辑方法及网页编辑器 |
CN103593197A (zh) * | 2013-11-26 | 2014-02-19 | 国家电网公司 | 一种代码生成方法和装置 |
CN104331295A (zh) * | 2014-11-05 | 2015-02-04 | 北京中科辅龙信息技术有限公司 | 页面生成方法和系统 |
CN108268258A (zh) * | 2016-12-29 | 2018-07-10 | 阿里巴巴集团控股有限公司 | 一种用于获取网页代码的方法、装置及电子设备 |
CN108170786A (zh) * | 2017-12-26 | 2018-06-15 | 北京洪泰同创信息技术有限公司 | 网站编辑系统、方法及终端 |
Also Published As
Publication number | Publication date |
---|---|
CN110941428A (zh) | 2020-03-31 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10936179B2 (en) | Methods and systems for web content generation | |
CN110941428B (zh) | 一种网站创建方法和装置 | |
CN109918607B (zh) | 页面搭建方法及装置、介质和计算设备 | |
US10108715B2 (en) | Transformation and presentation of on-demand native application crawling results | |
US20130326333A1 (en) | Mobile Content Management System | |
CN112286513A (zh) | 基于组件元数据的可视化设计方法和装置 | |
CN106354483B (zh) | 一种数据处理方法、装置及电子设备 | |
CN113655999B (zh) | 一种页面控件的渲染方法、装置、设备及存储介质 | |
CN110941500A (zh) | 一种界面展示方法及装置 | |
US20170169474A1 (en) | Internet-based display material system and internet-based display material producing method | |
CN110968314B (zh) | 一种页面生成方法及装置 | |
CN114201170A (zh) | 业务页面生成方法及装置 | |
CN110213105A (zh) | 一种跨平台微应用创建方法 | |
CN108874379B (zh) | 页面的处理方法及装置 | |
CN104714713A (zh) | 一种页面互动方法及页面管理装置 | |
WO2024066825A1 (zh) | 页面项目开发方法、装置、设备、介质及产品 | |
CN113485746B (zh) | 应用程序接口文档的生成方法及装置 | |
CN109101429A (zh) | 一种机顶盒的浏览器页面调试的方法及装置 | |
CN109948075B (zh) | 网页数据的标记方法及装置 | |
CN116595284B (zh) | 网页系统运行方法、装置、设备、存储介质和程序 | |
CN114969597B (zh) | 页面生成方法、装置、电子设备及存储介质 | |
US20210406921A1 (en) | Communication between customization platform and customizable elements | |
US11762898B1 (en) | Generating and utilizing digital media clips based on contextual metadata from digital environments | |
CN111290757B (zh) | 基于Weex的在线代码编译方法、装置及设备 | |
US20230315972A1 (en) | Generating and utilizing digital media clips based on contextual metadata from digital environments |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |