CN117453188A - 页面设计方法、装置、可读介质及电子设备 - Google Patents
页面设计方法、装置、可读介质及电子设备 Download PDFInfo
- Publication number
- CN117453188A CN117453188A CN202311491531.0A CN202311491531A CN117453188A CN 117453188 A CN117453188 A CN 117453188A CN 202311491531 A CN202311491531 A CN 202311491531A CN 117453188 A CN117453188 A CN 117453188A
- Authority
- CN
- China
- Prior art keywords
- page
- design
- configuration function
- displaying
- configuration
- 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.)
- Pending
Links
- 238000013461 design Methods 0.000 title claims abstract description 189
- 238000000034 method Methods 0.000 title claims abstract description 75
- 230000006870 function Effects 0.000 claims abstract description 162
- 230000008569 process Effects 0.000 claims abstract description 23
- 230000010354 integration Effects 0.000 claims abstract description 20
- 238000004590 computer program Methods 0.000 claims description 19
- 238000012545 processing Methods 0.000 claims description 13
- 230000004044 response Effects 0.000 claims description 11
- 239000000463 material Substances 0.000 claims description 6
- 238000006243 chemical reaction Methods 0.000 claims description 5
- 230000002829 reductive effect Effects 0.000 abstract description 8
- 238000010586 diagram Methods 0.000 description 9
- 238000004891 communication Methods 0.000 description 7
- 238000005516 engineering process Methods 0.000 description 5
- 230000003287 optical effect Effects 0.000 description 5
- 241000699666 Mus <mouse, genus> Species 0.000 description 4
- 238000012938 design process Methods 0.000 description 4
- 230000000670 limiting effect Effects 0.000 description 4
- 230000000007 visual effect Effects 0.000 description 4
- 230000001960 triggered effect Effects 0.000 description 3
- 238000011161 development Methods 0.000 description 2
- 238000012423 maintenance Methods 0.000 description 2
- 239000013307 optical fiber Substances 0.000 description 2
- 230000036961 partial effect Effects 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 239000004065 semiconductor Substances 0.000 description 2
- 230000001360 synchronised effect Effects 0.000 description 2
- 238000013475 authorization Methods 0.000 description 1
- 239000003086 colorant Substances 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 239000000835 fiber Substances 0.000 description 1
- 238000009432 framing Methods 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 230000002441 reversible effect Effects 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/20—Software design
-
- 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
- G06F8/71—Version control; Configuration management
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Computer Security & Cryptography (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本公开涉及一种页面设计方法、装置、可读介质及电子设备,方法包括:显示设计平台页面,设计平台页面提供用于进入集成设计页面的集成入口,集成设计页面用于展示至少一个用于触发配置功能的配置功能入口;响应于对集成入口的触发操作,显示集成设计页面;响应于在集成设计页面中对配置功能入口的触发操作,在集成设计页面中显示对应的配置功能页面;响应于在配置功能页面中的内容配置操作,根据内容配置操作对应的目标内容,生成第一页面内容。通过上述技术方案,可以在集成设计页面中、通过触发不同配置功能来进行页面所需内容的配置,由此可以在集成设计页面中进行全过程的页面设计,降低用户操作复杂度,提高页面设计效率。
Description
技术领域
本公开涉及计算机技术领域,具体地,涉及一种页面设计方法、装置、可读介质及电子设备。
背景技术
受限于设计能力和设计资源等因素的限制,对于中小型企业或其他不具备相关能力和资源的机构或个人来说,自主搭建应用程序的页面往往是比较困难的,无论是在页面视觉设计层面还是在代码实现及维护层面,通常都需要耗费大量成本。
发明内容
提供该发明内容部分以便以简要的形式介绍构思,这些构思将在后面的具体实施方式部分被详细描述。该发明内容部分并不旨在标识要求保护的技术方案的关键特征或必要特征,也不旨在用于限制所要求的保护的技术方案的范围。
第一方面,本公开提供一种页面设计方法,所述方法包括:
显示设计平台页面,所述设计平台页面提供用于进入集成设计页面的集成入口,所述集成设计页面用于展示至少一个配置功能入口,每一所述配置功能入口用于触发一配置功能,所述配置功能用于配置页面生成过程中所需的内容,且不同所述配置功能配置的所述内容不同;
响应于对所述集成入口的触发操作,显示所述集成设计页面;
响应于在所述集成设计页面中对所述配置功能入口的触发操作,在所述集成设计页面中显示对应的配置功能页面;
响应于在所述配置功能页面中的内容配置操作,根据所述内容配置操作对应的目标内容,生成第一页面内容。
第二方面,本公开提供一种页面设计装置,所述装置包括:
第一显示模块,用于显示设计平台页面,所述设计平台页面提供用于进入集成设计页面的集成入口,所述集成设计页面用于展示至少一个配置功能入口,每一所述配置功能入口用于触发一配置功能,所述配置功能用于配置页面生成过程中所需的内容,且不同所述配置功能配置的所述内容不同;
第二显示模块,用于响应于对所述集成入口的触发操作,显示所述集成设计页面;
第三显示模块,用于响应于在所述集成设计页面中对所述配置功能入口的触发操作,在所述集成设计页面中显示对应的配置功能页面;
生成模块,用于响应于在所述配置功能页面中的内容配置操作,根据所述内容配置操作对应的目标内容,生成第一页面内容。
第三方面,本公开提供一种计算机可读介质,其上存储有计算机程序,该程序被处理装置执行时实现第一方面中任一项所述方法的步骤。
第四方面,本公开提供一种电子设备,包括:
存储装置,其上存储有计算机程序;
处理装置,用于执行所述存储装置中的所述计算机程序,以实现第一方面中任一项所述方法的步骤。
通过上述技术方案,可以在设计平台页面提供一个集成入口,通过触发集成入口可以进入到集成设计页面,同时由于集成设计页面中展示了至少一个配置功能入口,且每一配置功能入口可以用于触发一个用于配置页面生成过程中所需内容的配置功能,由此可以在集成设计页面中、通过触发不同配置功能来进行页面所需内容的配置,进而可以在集成设计页面中进行全过程的页面设计。相较于相关技术中,需要在不同的配置功能平台进行来回切换以进行页面设计,本公开提供的方案可以在一个集成设计页面中进行全过程的页面设计,从而可以降低用户的操作复杂度,提高页面设计效率。
本公开的其他特征和优点将在随后的具体实施方式部分予以详细说明。
附图说明
结合附图并参考以下具体实施方式,本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中,相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的,原件和元素不一定按照比例绘制。在附图中:
图1是根据本公开一示例性实施例示出的一种页面设计方法的流程图;
图2是根据本公开一示例性实施例示出的一种在集成设计页面中显示对应配置功能页面的示意图;
图3是根据本公开一示例性实施例示出的一种通过触发第一智能对象生成第二页面内容的示意图;
图4是根据本公开一示例性实施例示出的一种通过触发第二智能对象生成产品需求信息的示意图;
图5是根据本公开一示例性实施例示出的一种页面设计装置的结构框图;
图6是根据本公开一示例性实施例示出的一种电子设备的结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例,然而应当理解的是,本公开可以通过各种形式来实现,而且不应该被解释为限于这里阐述的实施例,相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是,本公开的附图及实施例仅用于示例性作用,并非用于限制本公开的保护范围。
应当理解,本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行,和/或并行执行。此外,方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。
本文使用的术语“包括”及其变形是开放性包括,即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”;术语“另一实施例”表示“至少一个另外的实施例”;术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。
需要注意,本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分,并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
需要注意,本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的,本领域技术人员应当理解,除非在上下文另有明确指出,否则应该理解为“一个或多个”。
本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的,而并不是用于对这些消息或信息的范围进行限制。
可以理解的是,在使用本公开各实施例公开的技术方案之前,均应当依据相关法律法规通过恰当的方式对本公开所涉及个人信息的类型、使用范围、使用场景等告知用户并获得用户的授权。
例如,在响应于接收到用户的主动请求时,向用户发送提示信息,以明确地提示用户,其请求执行的操作将需要获取和使用到用户的个人信息。从而,使得用户可以根据提示信息来自主地选择是否向执行本公开技术方案的操作的电子设备、应用程序、服务器或存储介质等软件或硬件提供个人信息。
作为一种可选的但非限定性的实现方式,响应于接收到用户的主动请求,向用户发送提示信息的方式例如可以是弹窗的方式,弹窗中可以以文字的方式呈现提示信息。此外,弹窗中还可以承载供用户选择“同意”或者“不同意”向电子设备提供个人信息的选择控件。
可以理解的是,上述通知和获取用户授权过程仅是示意性的,不对本公开的实现方式构成限定,其它满足相关法律法规的方式也可应用于本公开的实现方式中。
同时,可以理解的是,本技术方案所涉及的数据(包括但不限于数据本身、数据的获取或使用)应当遵循相应法律法规及相关规定的要求。
正如背景技术所言,受限于设计能力和设计资源等因素的限制,对于中小型企业或其他不具备相关能力和资源的机构或个人来说,自主搭建应用程序的页面往往是比较困难的,无论是在页面视觉设计层面还是在代码实现及维护层面,通常都需要耗费大量成本。
为克服上述技术问题,相关技术中提出了一些能够简化自主搭建系统页面过程的程序产品或者设计平台,使得用户能够通过该程序产品或者设计平台进行页面设计。但是相关技术中的程序产品或者设计平台一般只支持一种设计功能,即,只能对页面的一部分内容进行设计,若要实现页面的完整设计,则需要在不同的程序产品或者设计平台之间进行来回切换,增加了用户的操作复杂度。
有鉴于此,本公开提供一种页面设计方法、装置、可读介质及电子设备,以克服上述技术问题。
以下结合附图,对本公开实施例进行进一步解释说明。
图1是根据本公开一示例性实施例示出的一种页面设计方法的流程图,参照图1,该方法可以包括以下步骤:
S101:显示设计平台页面,所述设计平台页面提供用于进入集成设计页面的集成入口,所述集成设计页面用于展示至少一个配置功能入口,每一所述配置功能入口用于触发一配置功能,所述配置功能用于配置页面生成过程中所需的内容,且不同所述配置功能配置的所述内容不同。
在可能的实施方式中,所述配置功能可以包括以下至少一种功能:页面主题配置功能、页面图标配置功能、页面代码配置功能、页面物料配置功能、页面资源配置功能。
其中,页面主题配置功能可以用于对页面设计过程中所使用的整体风格、样式和视觉效果进行配置,包括但不限于页面的显示颜色、页面的显示字体、页面的布局结构以及图像风格等。页面图标配置功能可以用于对页面中的图标样式、图标位置或者图标颜色等进行配置。页面代码配置功能可以用于在页面设计过程中对页面代码进行设置和调整,以满足页面的功能、外观和性能要求,包括但不限于选择适当的超文本标记语言(HypertextMarkup Language,HTML)元素和属性来定义页面的结构和内容、使用层叠样式表(Cascading Style Sheets、CSS)规则和样式来控制页面的外观和布局以及使用JavaScript代码来实现交互功能和动态效果。页面物料配置功能可以用于对页面设计过程中所使用的各种资源和元素进行配置,包括但不限于图形元素、文本元素、音视频文件以及脚本文件等。页面资源配置功能可以用于对页面设计过程中所使用的各种文件和元素进行配置,包括但不限于超文本标记语言(Hypertext Markup Language,HTML)文件、JavaScript文件或者CSS文件。
S102:响应于对所述集成入口的触发操作,显示所述集成设计页面。
其中,触发操作可以是点击操作、长按操作或者滑动操作等,本公开实施例对此不作任何限制。
S103:响应于在所述集成设计页面中对所述配置功能入口的触发操作,在所述集成设计页面中显示对应的配置功能页面。
在可能的实施方式中,所述集成设计页面的第一显示区域用于展示所述至少一个配置功能入口,所述响应于在所述集成设计页面中对所述配置功能入口的触发操作,在所述集成设计页面中显示对应的配置功能页面,包括:
响应于在所述集成设计页面中对所述配置功能入口的触发操作,在所述集成设计页面的第二显示区域显示对应的配置功能页面,其中所述第二显示区域与所述第一显示区域不同。
其中,第一显示区域和第二显示区域的显示位置、显示大小以及显示方式均可以根据实际情况进行设置,本公开实施例对此不作任何限制。示例地,如图2所示,第一显示区域可以设置在集成设计页面的左侧区域,第二显示区域可以设置为集成设计页面中除第一显示区域外的其他区域,并通过点击第一显示区域中显示的任意一个配置功能入口,例如点击页面主题配置功能入口“主题库”,在第二显示区域显示页面主题配置功能页面。其中,页面主题配置功能页面中的具体配置内容以及配置方式可以根据实际情况进行设置,本公开实施例对此不作任何限制。例如,可以在页面主题配置功能页面中显示预设的多个页面主题,和/或,显示用于配置页面主题的配置信息栏,通过对预设的页面主题进行选择,和/或,在配置信息栏中输入相应的主题信息,从而进行页面主题的配置。
在可能的实施方式中,为了增大第二显示区域的显示大小,避免第一显示区域中显示的配置功能入口对第二显示区域中的显示内容造成视觉遮挡,还可以在第一显示区域配置一隐藏控件,通过触发隐藏控件隐藏或显示第一显示区域,或者可以当鼠标位于第一显示区域时,自动显示第一显示区域,在鼠标离开第一显示区域时,自动隐藏第一显示区域。
S104:响应于在所述配置功能页面中的内容配置操作,根据所述内容配置操作对应的目标内容,生成第一页面内容。
其中,第一页面内容可以是一个页面对应的前端显示内容,也可以是一个页面对应的后端代码内容。另外,页面内容可以是一个页面对应的完整页面内容,也可以是一个页面对应的部分页面内容(例如页面图标或者页面主题等),本公开实施例对此不作任何限制。
通过上述技术方案,可以在设计平台页面提供一个集成入口,通过触发集成入口可以进入到集成设计页面,同时由于集成设计页面中展示了至少一个配置功能入口,且每一配置功能入口可以用于触发一个用于配置页面生成过程中所需内容的配置功能,由此可以在集成设计页面中、通过触发不同配置功能来进行页面所需内容的配置,进而可以在集成设计页面中进行全过程的页面设计。相较于相关技术中,需要在不同的配置功能平台进行来回切换以进行页面设计,本公开提供的方案可以在一个集成设计页面中进行全过程的页面设计,从而可以降低用户的操作复杂度,提高页面设计效率。
在可能的实施方式中,所述方法还可以包括:
响应于对所述设计平台页面中第一智能对象的触发操作,显示第一智能对象页面;响应于在所述第一智能对象页面中针对页面描述信息的输入操作,根据所述输入操作对应的描述信息,生成第二页面内容。
其中,第一智能对象是指部署在设计平台页面中的、基于智能技术开发的小程序,旨在通过语言交互、语音识别和/或自然语言理解等技术,为用户提供页面内容生成或页面内容查找等服务。具体地,可以通过点击或长按第一智能对象,显示第一智能对象页面,其中,第一智能对象页面可以包括内容输入框,用户通过在该内容输入框中输入页面描述信息,生成对应的第二页面内容。
示例地,如图3所示,第一智能对象以第一显示样式显示在设计平台页面的右下角区域,用户通过点击第一智能对象显示第一智能对象页面,通过在第一智能对象页面中输入与页面描述相关的信息,从而可以根据输入的信息,以会话内容的形式输出对应的页面设计方案的缩略图或者链接。用户可以通过点击该缩略图或者链接,查看页面设计方案对应的预览页面、或者详细的页面样式信息中包括的相关参数等。其中,第二页面内容可以是一个页面对应的前端显示内容,也可以是一个页面对应的后端代码内容。另外,页面内容可以是一个页面对应的完整页面内容,也可以是一个页面对应的部分页面内容(例如页面图标或者页面主题等),本公开实施例对此不作任何限制。
需要说明的是,上述实施例仅以描述信息为主题描述信息为例进行说明,在具体实施中,用户还可以在第一智能对象页面中输入针对待生成页面中图标和/或物料等方面的信息,进而得到有关于待生成页面的图标描述信息和/或物料描述信息等描述信息。其具体实施方式与上述关于主题描述信息的实施方式类似,此处不再赘述。
另外还需要说明的是,第一智能对象除了可以设置在设计平台页面,还可以设置在集成设计页面或者配置功能页面,但无论是设置在哪个页面,其具体实施方式与上述实施方式类似,此处不再赘述。
通过上述技术方案,可以在触发第一智能对象时,显示第一智能对象页面,并根据在第一智能对象页面中输入的页面描述信息,自动生成符合页面描述信息的页面内容。由此,在进行页面设计时,无需用户手动配置页面内容,一方面可以提升页面设计的速度,另一方面可以降低页面设计的门槛,满足更多用户的需求,提升用户体验。
在可能的实施方式中,所述方法还可以包括:
响应于对所述设计平台页面中第二智能对象的触发操作,显示第二智能对象页面,所述第二智能对象页面显示有用于上传数据的上传控件;响应于对所述上传控件的触发操作,显示上传界面,并响应于在所述上传界面中针对产品文档的上传操作,显示所述上传操作对应的目标产品文档;响应于对所述目标产品文档的解析操作,显示对所述目标产品文档进行解析得到的产品需求信息。
应当理解的是,产品文档是指记录产品开发、设计和使用相关信息的文件或文档,旨在给相关人员(如开发团队、测试人员、客户支持等)提供有关产品的详细信息和指导。具体可以是用于描述产品的功能、特性、用户需求和使用场景等详细说明的产品需求文档(PRD),或是用于描述产品的架构设计、界面设计、数据库设计等技术方面的详细说明的设计文档等,本公开实施例对此不作任何限制。
另外应当理解的是,第二智能对象是指部署在设计平台页面中的、基于智能技术开发的小程序,旨在通过自然语言理解等技术,为用户提供文档解析,得到对应产品需求信息的服务。示例地,可以如图4所示,第二智能对象以第二显示样式显示在设计平台页面的右下角区域,用户通过点击第二智能对象显示第二智能对象页面,其中,第二智能对象页面中显示有用于上传产品文档的上传控件“添加产品文档”以及用于解析产品文档的解析控件“解析”,通过点击“添加产品文档”,显示上传界面。通过在上传界面上传产品文档后,在第二智能对象页面的左边区域显示上传的目标产品文档,并通过点击“解析”,在第二智能对象页面的右边区域显示解析后的产品需求信息。
此外还应当理解的是,第二智能对象除了可以设置在设计平台页面,还可以设置在集成设计页面或者相应的配置功能页面,但无论是设置在哪个页面,其具体实施方式与上述实施方式类似,此处不再赘述。
通过上述技术方案,可以在第二智能对象页面上传产品文档,并对上传的产品文档进行自动解析,生成产品需求信息。由此,用户在进行页面设计时,无需人为从产品文档中拆解产品需求信息,提升页面设计速度的同时,降低用户的工作强度,提升用户体验。
在可能的实施方式中,所述方法还可以包括:
当所述设计平台页面关联有根据输入的页面描述信息生成对应页面的功能插件时,响应于对所述产品需求信息的同步操作,将所述产品需求信息同步至所述功能插件;通过所述功能插件根据所述产品需求信息,生成第三页面内容。
通过上述技术方案,可以在第二智能对象对产品文档进行自动解析,得到产品需求信息后,自动将产品需求信息同步至功能插件,从而使得功能插件可以根据同步的产品需求信息生成对应的页面内容。由此可以进一步降低用户的操作复杂度,进一步提升用户体验。
在可能的实施方式中,所述方法还可以包括:
响应于对目标页面中页面区域的选择操作,确定所述选择操作对应的目标页面区域;响应于对所述目标页面区域的页面转换操作,将所述目标页面区域对应的页面内容转换为预设格式的代码进行显示。
其中,目标页面可以是用户手动配置的页面,也可以是通过第一智能对象生成的页面。对目标页面中页面区域的选择操作可以是通过鼠标在目标页面中框选所需要的页面区域,也可以是在预设的配置页面中对页面区域的位置坐标进行配置来选择,本公开实施例对此不作任何限制。
示例地,可以在第一目标页面中显示一个用于选择目标页面区域的选择控件,通过触发选择控件,显示一配置页面中,且配置页面中显示有第一位置坐标输入框和第二位置坐标输入框,通过在第一位置坐标输入框和第二位置坐标输入框中输入位置坐标,得到目标页面区域。其中,第一位置坐标输入框用于输入目标页面区域的起点位置坐标,例如目标页面区域左上角顶点的位置坐标,第二位置坐标输入框用于输入目标页面区域的终点位置坐标,例如目标页面区域右下角顶点的位置坐标。在可能的实施方式中,为了快速的在第一位置坐标输入框和第二位置坐标输入框中输入相应的位置坐标,可以在触发第一位置坐标输入框或第二位置坐标输入框后,通过在第一目标页面中点击相应的位置来得到对应的位置坐标。
通过上述技术方案,可以在目标页面中进行目标页面区域的选择,并将目标页面区域对应的页面内容转换为预设格式的代码,从而使得用户根据转换后的代码,能够直接在用于部署待生成页面的相关平台中生成符合用户需求的具体页面,进一步减少页面设计所需要的时间以及人工成本。
基于同一构思,本公开实施例还提供了一种页面设计装置,如图5所示,所述装置可以包括:
第一显示模块,用于显示设计平台页面,所述设计平台页面提供用于进入集成设计页面的集成入口,所述集成设计页面用于展示至少一个配置功能入口,每一所述配置功能入口用于触发一配置功能,所述配置功能用于配置页面生成过程中所需的内容,且不同所述配置功能配置的所述内容不同;
第二显示模块,用于响应于对所述集成入口的触发操作,显示所述集成设计页面;
第三显示模块,用于响应于在所述集成设计页面中对所述配置功能入口的触发操作,在所述集成设计页面中显示对应的配置功能页面;
第一生成模块,用于响应于在所述配置功能页面中的内容配置操作,根据所述内容配置操作对应的目标内容,生成第一页面内容。
通过上述页面设计装置,可以在设计平台页面提供一个用于进入集成设计页面的集成入口,通过触发集成入口可以进入到集成设计页面,同时由于集成设计页面中展示至少一个配置功能入口,且每一配置功能入口用于触发一个用于配置页面生成过程中所需内容的配置功能,由此可以在集成设计页面中、通过触发不同配置功能来进行页面所需内容的配置,进而在集成设计页面中进行全过程的页面设计。相较于相关技术中,需要在不同的配置功能平台进行来回切换以进行页面设计,本公开提供的方案可以在集成设计页面中进行全过程的页面设计,从而可以降低用户的操作复杂度,提高页面设计效率。
在可能的实施方式中,所述装置还可以包括:
第四显示模块,用于响应于对所述设计平台页面中第一智能对象的触发操作,显示第一智能对象页面;
第二生成模块,用于响应于在所述第一智能对象页面中针对页面描述信息的输入操作,根据所述输入操作对应的描述信息,生成第二页面内容。
在可能的实施方式中,所述装置还可以包括:
第五显示模块,用于响应于对所述设计平台页面中第二智能对象的触发操作,显示第二智能对象页面,所述第二智能对象页面显示有用于上传数据的上传控件;
第六显示模块,用于响应于对所述上传控件的触发操作,显示上传界面,并响应于在所述上传界面中针对产品文档的上传操作,显示所述上传操作对应的目标产品文档;
第七显示模块,用于响应于对所述目标产品文档的解析操作,显示对所述目标产品文档进行解析得到的产品需求信息。
在可能的实施方式中,所述装置还可以包括:
同步模块,用于当所述设计平台页面关联有根据输入的页面描述信息生成对应页面的功能插件时,响应于对所述产品需求信息的同步操作,将所述产品需求信息同步至所述功能插件;
第三生成模块,用于通过所述功能插件根据所述产品需求信息,生成第三页面内容。
在可能的实施方式中,所述装置还可以包括:
确定模块,用于响应于对第一目标页面中页面区域的选择操作,确定所述选择操作对应的目标页面区域;
转换模块,用于响应于对所述目标页面区域的页面转换操作,将所述目标页面区域对应的页面内容转换为预设格式的代码进行显示。
在可能的实施方式中,所述集成设计页面的第一显示区域用于展示所述至少一个配置功能入口,相应地,所述第三显示模块可以用于响应于在所述集成设计页面中对所述配置功能入口的触发操作,在所述集成设计页面的第二显示区域显示对应的配置功能页面,其中所述第二显示区域与所述第一显示区域不同。
在可能的实施方式中,所述配置功能包括以下至少一种功能:页面主题配置功能、页面图标配置功能、页面代码配置功能、页面物料配置功能、页面资源配置功能。
基于同一构思,本公开实施例还提供了一种计算机可读介质,其上存储有计算机程序,该程序被处理装置执行时实现第一方面中任一项所述方法的步骤。
基于同一构思,本公开实施例还提供了一种电子设备,包括:
存储装置,其上存储有计算机程序;
处理装置,用于执行所述存储装置中的所述计算机程序,以实现第一方面中任一项所述方法的步骤。
下面参考图6,其示出了适于用来实现本公开实施例的电子设备600的结构示意图。本公开实施例中的终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图6示出的电子设备仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
如图6所示,电子设备600可以包括处理装置(例如中央处理器、图形处理器等)601,其可以根据存储在只读存储器(ROM)602中的程序或者从存储装置608加载到随机访问存储器(RAM)603中的程序而执行各种适当的动作和处理。在RAM 603中,还存储有电子设备600操作所需的各种程序和数据。处理装置601、ROM 602以及RAM 603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。
通常,以下装置可以连接至I/O接口605:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置606;包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置607;包括例如磁带、硬盘等的存储装置608;以及通信装置609。通信装置609可以允许电子设备600与其他设备进行无线或有线通信以交换数据。虽然图6示出了具有各种装置的电子设备600,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地,根据本公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在非暂态计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信装置609从网络上被下载和安装,或者从存储装置608被安装,或者从ROM 602被安装。在该计算机程序被处理装置601执行时,执行本公开实施例的方法中限定的上述功能。
需要说明的是,本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者上述的任意合适的组合。
在一些实施方式中,可以利用诸如HTTP(HyperText Transfer Protocol,超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信,并且可以与任意形式或介质的数字数据通信(例如,通信网络)互连。通信网络的示例包括局域网(“LAN”),广域网(“WAN”),网际网(例如,互联网)以及端对端网络(例如,ad hoc端对端网络),以及任何当前已知或未来研发的网络。
上述计算机可读介质可以是上述电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备:显示设计平台页面,所述设计平台页面提供用于进入集成设计页面的集成入口,所述集成设计页面用于展示至少一个配置功能入口,每一所述配置功能入口用于触发一配置功能,所述配置功能用于配置页面生成过程中所需的内容,且不同所述配置功能配置的所述内容不同;响应于对所述集成入口的触发操作,显示所述集成设计页面;响应于在所述集成设计页面中对所述配置功能入口的触发操作,在所述集成设计页面中显示对应的配置功能页面;响应于在所述配置功能页面中的内容配置操作,根据所述内容配置操作对应的目标内容,生成第一页面内容。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码,上述程序设计语言包括但不限于面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言——诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)——连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的模块可以通过软件的方式实现,也可以通过硬件的方式来实现。其中,模块的名称在某种情况下并不构成对该模块本身的限定。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如,非限制性地,可以使用的示范类型的硬件逻辑部件包括:现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、复杂可编程逻辑设备(CPLD)等等。
在本公开的上下文中,机器可读介质可以是有形的介质,其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备,或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
根据本公开的一个或多个实施例,示例1提供了一种页面设计方法,所述方法包括:显示设计平台页面,所述设计平台页面提供用于进入集成设计页面的集成入口,所述集成设计页面用于展示至少一个配置功能入口,每一所述配置功能入口用于触发一配置功能,所述配置功能用于配置页面生成过程中所需的内容,且不同所述配置功能配置的所述内容不同;响应于对所述集成入口的触发操作,显示所述集成设计页面;响应于在所述集成设计页面中对所述配置功能入口的触发操作,在所述集成设计页面中显示对应的配置功能页面;响应于在所述配置功能页面中的内容配置操作,根据所述内容配置操作对应的目标内容,生成第一页面内容。
根据本公开的一个或多个实施例,示例2提供了示例1所述的方法,所述方法还包括:响应于对所述设计平台页面中第一智能对象的触发操作,显示第一智能对象页面;响应于在所述第一智能对象页面中针对页面描述信息的输入操作,根据所述输入操作对应的描述信息,生成第二页面内容。
根据本公开的一个或多个实施例,示例3提供了示例1所述的方法,所述方法还包括:响应于对所述设计平台页面中第二智能对象的触发操作,显示第二智能对象页面,所述第二智能对象页面显示有用于上传数据的上传控件;响应于对所述上传控件的触发操作,显示上传界面,并响应于在所述上传界面中针对产品文档的上传操作,显示所述上传操作对应的目标产品文档;响应于对所述目标产品文档的解析操作,显示对所述目标产品文档进行解析得到的产品需求信息。
根据本公开的一个或多个实施例,示例4提供了示例3所述的方法,所述方法还包括:当所述设计平台页面关联有根据输入的页面描述信息生成对应页面的功能插件时,响应于对所述产品需求信息的同步操作,将所述产品需求信息同步至所述功能插件;通过所述功能插件根据所述产品需求信息,生成第三页面内容。
根据本公开的一个或多个实施例,示例5提供了示例1-4中任一项所述的方法,所述方法还包括:响应于对第一目标页面中页面区域的选择操作,确定所述选择操作对应的目标页面区域;响应于对所述目标页面区域的页面转换操作,将所述目标页面区域对应的页面内容转换为预设格式的代码进行显示。
根据本公开的一个或多个实施例,示例6提供了示例1-4中任一项所述的方法,所述集成设计页面的第一显示区域用于展示所述至少一个配置功能入口,所述响应于在所述集成设计页面中对所述配置功能入口的触发操作,在所述集成设计页面中显示对应的配置功能页面,包括:响应于在所述集成设计页面中对所述配置功能入口的触发操作,在所述集成设计页面的第二显示区域显示对应的配置功能页面,其中所述第二显示区域与所述第一显示区域不同。
根据本公开的一个或多个实施例,示例7提供了示例1-4中任一项所述的方法,所述配置功能包括以下至少一种功能:页面主题配置功能、页面图标配置功能、页面代码配置功能、页面物料配置功能、页面资源配置功能。
根据本公开的一个或多个实施例,示例10提供了一种页面设计装置,所述装置包括:第一显示模块,用于显示设计平台页面,所述设计平台页面提供用于进入集成设计页面的集成入口,所述集成设计页面用于展示至少一个配置功能入口,每一所述配置功能入口用于触发一配置功能,所述配置功能用于配置页面生成过程中所需的内容,且不同所述配置功能配置的所述内容不同;第二显示模块,用于响应于对所述集成入口的触发操作,显示所述集成设计页面;第三显示模块,用于响应于在所述集成设计页面中对所述配置功能入口的触发操作,在所述集成设计页面中显示对应的配置功能页面;第一生成模块,用于响应于在所述配置功能页面中的内容配置操作,根据所述内容配置操作对应的目标内容,生成第一页面内容。
根据本公开的一个或多个实施例,示例9提供了一种计算机可读介质,其上存储有计算机程序,该程序被处理装置执行时实现示例1-7中任一项所述方法的步骤。
根据本公开的一个或多个实施例,示例10提供了一种电子设备,包括:存储装置,其上存储有计算机程序;处理装置,用于执行所述存储装置中的所述计算机程序,以实现示例1-7中任一项所述方法的步骤。
以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本公开中所涉及的公开范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述公开构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。
此外,虽然采用特定次序描绘了各操作,但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下,多任务和并行处理可能是有利的。同样地,虽然在上面论述中包含了若干具体实现细节,但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地,在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。
尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题,但是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或动作。相反,上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。关于上述实施例中的装置,其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。
Claims (10)
1.一种页面设计方法,其特征在于,所述方法包括:
显示设计平台页面,所述设计平台页面提供用于进入集成设计页面的集成入口,所述集成设计页面用于展示至少一个配置功能入口,每一所述配置功能入口用于触发一配置功能,所述配置功能用于配置页面生成过程中所需的内容,且不同所述配置功能配置的所述内容不同;
响应于对所述集成入口的触发操作,显示所述集成设计页面;
响应于在所述集成设计页面中对所述配置功能入口的触发操作,在所述集成设计页面中显示对应的配置功能页面;
响应于在所述配置功能页面中的内容配置操作,根据所述内容配置操作对应的目标内容,生成第一页面内容。
2.根据权利要求1所述的方法,其特征在于,所述方法还包括:
响应于对所述设计平台页面中第一智能对象的触发操作,显示第一智能对象页面;
响应于在所述第一智能对象页面中针对页面描述信息的输入操作,根据所述输入操作对应的描述信息,生成第二页面内容。
3.根据权利要求1所述的方法,其特征在于,所述方法还包括:
响应于对所述设计平台页面中第二智能对象的触发操作,显示第二智能对象页面,所述第二智能对象页面显示有用于上传数据的上传控件;
响应于对所述上传控件的触发操作,显示上传界面,并响应于在所述上传界面中针对产品文档的上传操作,显示所述上传操作对应的目标产品文档;
响应于对所述目标产品文档的解析操作,显示对所述目标产品文档进行解析得到的产品需求信息。
4.根据权利要求3所述的方法,其特征在于,所述方法还包括:
当所述设计平台页面关联有根据输入的页面描述信息生成对应页面的功能插件时,响应于对所述产品需求信息的同步操作,将所述产品需求信息同步至所述功能插件;
通过所述功能插件根据所述产品需求信息,生成第三页面内容。
5.根据权利要求1-4任一所述的方法,其特征在于,所述方法还包括:
响应于对目标页面中页面区域的选择操作,确定所述选择操作对应的目标页面区域;
响应于对所述目标页面区域的页面转换操作,将所述目标页面区域对应的页面内容转换为预设格式的代码进行显示。
6.根据权利要求1-4任一所述的方法,其特征在于,所述集成设计页面的第一显示区域用于展示所述至少一个配置功能入口,所述响应于在所述集成设计页面中对所述配置功能入口的触发操作,在所述集成设计页面中显示对应的配置功能页面,包括:
响应于在所述集成设计页面中对所述配置功能入口的触发操作,在所述集成设计页面的第二显示区域显示对应的配置功能页面,其中所述第二显示区域与所述第一显示区域不同。
7.根据权利要求1-4任一所述的方法,其特征在于,所述配置功能包括以下至少一种功能:页面主题配置功能、页面图标配置功能、页面代码配置功能、页面物料配置功能、页面资源配置功能。
8.一种页面设计装置,其特征在于,所述装置包括:
第一显示模块,用于显示设计平台页面,所述设计平台页面提供用于进入集成设计页面的集成入口,所述集成设计页面用于展示至少一个配置功能入口,每一所述配置功能入口用于触发一配置功能,所述配置功能用于配置页面生成过程中所需的内容,且不同所述配置功能配置的所述内容不同;
第二显示模块,用于响应于对所述集成入口的触发操作,显示所述集成设计页面;
第三显示模块,用于响应于在所述集成设计页面中对所述配置功能入口的触发操作,在所述集成设计页面中显示对应的配置功能页面;
第一生成模块,用于响应于在所述配置功能页面中的内容配置操作,根据所述内容配置操作对应的目标内容,生成第一页面内容。
9.一种计算机可读介质,其上存储有计算机程序,其特征在于,该程序被处理装置执行时实现权利要求1-7中任一项所述方法的步骤。
10.一种电子设备,其特征在于,包括:
存储装置,其上存储有计算机程序;
处理装置,用于执行所述存储装置中的所述计算机程序,以实现权利要求1-7中任一项所述方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202311491531.0A CN117453188A (zh) | 2023-11-09 | 2023-11-09 | 页面设计方法、装置、可读介质及电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202311491531.0A CN117453188A (zh) | 2023-11-09 | 2023-11-09 | 页面设计方法、装置、可读介质及电子设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN117453188A true CN117453188A (zh) | 2024-01-26 |
Family
ID=89590786
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202311491531.0A Pending CN117453188A (zh) | 2023-11-09 | 2023-11-09 | 页面设计方法、装置、可读介质及电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN117453188A (zh) |
-
2023
- 2023-11-09 CN CN202311491531.0A patent/CN117453188A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109460233B (zh) | 页面的原生界面显示更新方法、装置、终端设备及介质 | |
CN110046021B (zh) | 一种页面显示方法、装置、系统、设备和存储介质 | |
US11875437B2 (en) | Image drawing method based on target template image, apparatus, readable medium and electronic device | |
CN109976620B (zh) | 列表项展现属性信息的确定方法、装置、设备及存储介质 | |
CN109857486B (zh) | 一种程序页面数据的处理方法、装置、设备和介质 | |
US11720235B2 (en) | Method and apparatus for browsing table in document, and electronic device and storage medium | |
CN111580879A (zh) | 小程序的运行方法、装置、电子设备及计算机存储介质 | |
CN111190520A (zh) | 菜单项选择方法、装置、可读介质及电子设备 | |
US20220215192A1 (en) | Two-dimensional code display method, apparatus, device, and medium | |
CN111008047A (zh) | 页面元素冲突的处理方法、装置和电子设备 | |
CN111723309B (zh) | 用于网页搜索的方法和装置 | |
EP4163799A1 (en) | Information indication method and apparatus, electronic device, and storage medium | |
WO2023202361A1 (zh) | 视频生成方法、装置、介质及电子设备 | |
CN109992698B (zh) | 数据处理方法、装置、电子设备及可读存储介质 | |
CN109976857B (zh) | 终端界面的显示控制方法、装置、存储介质及电子设备 | |
CN110134477B (zh) | 一种动态布局用户页面的方法、装置、介质和电子设备 | |
CN112256221A (zh) | 信息显示方法、装置和电子设备 | |
CN117453188A (zh) | 页面设计方法、装置、可读介质及电子设备 | |
CN112306469A (zh) | 一种无障碍组件构建方法、装置、设备及存储介质 | |
CN116882373A (zh) | 内容显示方法、装置、可读介质及电子设备 | |
US20240211683A1 (en) | Interaction method and apparatus, and electronic device | |
CN117391046A (zh) | 数据显示方法、装置、可读介质及电子设备 | |
CN116820311A (zh) | 封面的设置方法、装置、电子设备和存储介质 | |
CN116991407A (zh) | 页面生成方法、装置、设备及存储介质 | |
CN117851438A (zh) | 数据分析方法、装置、可读介质及电子设备 |
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 |