CN111679819A - 生成展示软件的方法、系统和可读存储介质 - Google Patents

生成展示软件的方法、系统和可读存储介质 Download PDF

Info

Publication number
CN111679819A
CN111679819A CN202010553530.4A CN202010553530A CN111679819A CN 111679819 A CN111679819 A CN 111679819A CN 202010553530 A CN202010553530 A CN 202010553530A CN 111679819 A CN111679819 A CN 111679819A
Authority
CN
China
Prior art keywords
software
configuration
display
data
component
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
Application number
CN202010553530.4A
Other languages
English (en)
Inventor
薛颖浩
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shenzhen Yuanyun Technology Co ltd
Original Assignee
Shenzhen Yuanyun Technology Co ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Shenzhen Yuanyun Technology Co ltd filed Critical Shenzhen Yuanyun Technology Co ltd
Priority to CN202010553530.4A priority Critical patent/CN111679819A/zh
Publication of CN111679819A publication Critical patent/CN111679819A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/34Graphical or visual programming
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482Interaction with lists of selectable items, e.g. menus
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04847Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/38Creation or generation of source code for implementing user interfaces

Abstract

一种生成展示软件的方法、系统和可读存储介质,该方法包括:显示可展示的软件项目列表;响应于在软件项目列表中选定软件项目的操作,确定选定软件项目对应的配置表标签;根据配置表标签获取对应的配置表;对配置表进行解析得到包含用于确定展示软件要展示的设计要素组件的标识符、类型名和配置数据的展示软件数据,其中的配置数据用于确定设计要素组件的展示效果;根据展示软件数据生成展示软件;其中的配置表根据在可视化的用户界面上的配置操作生成。用户可以在脱离代码的情况下,通过可视化的操作界面生成展示软件,操作简便,生成展示软件的效率高。

Description

生成展示软件的方法、系统和可读存储介质
技术领域
本发明涉及计算机技术领域,具体涉及生成展示软件的方法、系统和可读存储介质。
背景技术
为满足用户不同领域、不同问题的应用需求,可开发各类应用软件,比如在展厅、科技馆等用于展示信息的展示软件或演示软件、在饭店用于介绍菜品和进行点餐的点餐软件等,可根据信息展示需求设计开发出各种展示软件。
目前,这类展示软件通常由程序员编写代码生成,效率较低。
发明内容
本申请提供一种生成展示软件的方法、系统和可读存储介质。
根据第一方面,一种实施例中提供一种生成展示软件的方法,包括:
显示可展示的软件项目列表;
响应于在所述软件项目列表中选定软件项目的操作,确定选定软件项目对应的配置表标签;
根据所述配置表标签获取对应的配置表,所述配置表根据在可视化的用户界面上的配置操作生成;
对所述配置表进行解析,得到展示软件数据,所述展示软件数据中包括用于确定展示软件要展示的设计要素组件的标识符、类型名和配置数据,所述配置数据用于确定设计要素组件的展示效果;
根据所述展示软件数据生成展示软件。
根据第二方面,一种实施例中提供一种生成展示软件的系统,包括:
软件项目显示模块,用于显示可展示的软件项目列表;
标签确定模块,用于响应于在所述软件项目列表中选定软件项目的操作,确定选定软件项目对应的配置表标签;
数据解析模块,用于根据所述配置表标签获取对应的配置表,对所述配置表进行解析,得到展示软件数据,,所述配置表根据在可视化的用户界面上的配置操作生成,所述展示软件数据包括用于确定展示软件要展示的设计要素组件的标识符、类型名和配置数据,所述配置数据用于确定设计要素组件的展示效果;
软件生成模块,用于根据所述展示软件数据生成展示软件。
根据第三方面,一种实施例中提供一种计算机可读存储介质,包括程序,所述程序能够被处理器执行以实现如上所述的方法。
依据上述实施例的生成展示软件的方法、系统和可读存储介质,可以向用户显示可展示的软件项目列表,用户可从中选定要展示的软件项目,响应于在软件项目列表中选定软件项目的操作,确定选定软件项目对应的配置表标签,根据配置表标签获取对应的配置表,该配置表根据在可视化的用户界面上的配置操作生成,然后对该配置表进行解析,便可得到包含用于确定展示软件要展示的设计要素组件的标识符、类型名和配置数据的展示软件数据,其中的配置数据用于确定设计要素组件的展示效果,最后根据展示软件数据生成展示软件。用户可以在脱离代码的情况下,通过可视化的操作界面生成展示软件,操作简便,生成展示软件的效率高。
附图说明
图1为本申请实施例的一种生成展示软件的系统的结构示意图;
图2为本申请实施例中可展示的软件项目列表的一种显示效果示意图;
图3为本申请实施例的一种生成展示软件的方法的流程图;
图4为本申请实施例中在可视化的用户界面上的一种配置结果的结构示意图;
图5为本申请实施例中自定义界面组件的配置窗口的一种显示效果的示意图;
图6为本申请实施例中配置表的一种结构示意图;
图7为本申请实施例中生成的一种展示软件的展示结果示意图;
图8为本申请实施例中在展示软件界面上点击图片按钮后展示软件的展示结果示意图;
图9为本申请实施例中在展示软件界面上点击视频按钮后展示软件的展示结果示意图;
图10为本申请实施例中在展示软件界面上点击网页按钮后展示软件的展示结果示意图。
具体实施方式
下面通过具体实施方式结合附图对本发明作进一步详细说明。其中不同实施方式中类似元件采用了相关联的类似的元件标号。在以下的实施方式中,很多细节描述是为了使得本申请能被更好的理解。然而,本领域技术人员可以毫不费力的认识到,其中部分特征在不同情况下是可以省略的,或者可以由其他元件、材料、方法所替代。在某些情况下,本申请相关的一些操作并没有在说明书中显示或者描述,这是为了避免本申请的核心部分被过多的描述所淹没,而对于本领域技术人员而言,详细描述这些相关操作并不是必要的,他们根据说明书中的描述以及本领域的一般技术知识即可完整了解相关操作。
另外,说明书中所描述的特点、操作或者特征可以以任意适当的方式结合形成各种实施方式。本文中为部件所编序号本身,例如“第一”、“第二”等,仅用于区分所描述的对象,不具有任何顺序或技术含义。
在本发明实施例中,向用户显示可展示的软件项目列表,响应于用户在软件项目列表中选定软件项目的操作,确定对应的配置表标签,根据该配置表标签获取对应的配置表,然后对配置表进行解析,得到展示软件数据,再根据展示软件数据生成展示软件,其中的配置表根据在可视化的用户界面上的配置操作生成。
请参考图1,为本申请实施例的一种生成展示软件的系统的结构示意图,该系统可以包括软件项目显示模块21、标签确定模块22、数据解析模块23和软件生成模块24。一种实施例中,该系统可以看作是一个客户端应用软件,能够在诸如手机、平板电脑、笔记本电脑、掌上电脑、台式计算机等设备上运行。
其中,软件项目显示模块21用于显示可展示的软件项目列表。例如,如图2所示,是可展示的软件项目列表的一种显示效果示意图,启动生成展示软件的系统后,软件项目显示模块21可以在系统的显示界面上显示可展示的软件项目列表,比如,在该软件项目列表中包括软件项目1、软件项目2和软件项目3,用户可以从中选择所需的软件项目进行展示。
当用户从软件项目显示模块21显示的可展示的软件项目列表中选定软件项目时,标签确定模块22响应于用户在可展示的软件项目列表中选定软件项目的操作,确定选定软件项目对应的配置表标签。具体的,每一个可展示的软件项目都对应有一个配置表标签,通过该配置表标签可以区分配置表。例如,在图2中包括软件项目1、软件项目2和软件项目3,软件项目1对应有一个配置表标签,软件项目2对应有一个配置表标签,软件项目3也对应有一个配置表标签。当用户需要展示软件项目1对应的展示软件时,可以在可展示的软件项目列表中点选“软件项目1”,标签确定模块22根据该选定操作确定出软件项目1对应的配置表标签。
数据解析模块23用于根据标签确定模块22确定出的配置表标签获取对应的配置表,然后对该配置表进行解析,得到展示软件数据,该展示软件数据中包括用于确定展示软件要展示的设计要素组件的标识符、类型名和配置数据。其中的配置数据用于确定设计要素组件的展示效果;设计要素组件对应的标识符可以用于区分设计要素组件,比如可以是全局唯一标识符GUID;类型名用于代表设计要素组件的类型,比如可以用类型名“Photo”代表图片组件,用类型名“Video”代表视频组件,用类名“Web”代表网页组件等。例如,数据解析模块23对配置表进行解析后,得到的展示软件数据中包含了三个标识符,比如是标识符1、标识符2和标识符3,则说明展示软件中包含了三个设计要素组件,与标识符1对应的类型名为“Photo”,与标识符2对应的类型名为“Video”,与标识符3对应的类型名为“Photo”,则可确定展示软件中包含了两个图片组件和一个视频组件。
一种具体的实施例中,数据解析模块23可以先获取用于指向设计要素组件的指向符,从配置表中查找与该指向符匹配的标识符,然后根据查找到的标识符从配置表中读取对应的类型名和配置数据,得到对应的展示软件数据。
软件生成模块24用于根据数据解析模块23解析得到的展示软件数据生成展示软件。一种实施例中,软件生成模块24可以根据解析得到的类型名确定出要展示的设计要素组件的类型,然后将该类型的设计要素组件以展示软件数据中的配置数据所代表的展示效果进行展示。
一种实施例中,数据解析模块23还用于检测到在当前所展示的设计要素组件上进行的点选操作时,识别被点选的设计要素组件对应的配置数据中是否有指向符,其中的点选操作用于调取和展示新的设计要素组件;若在设计要素组件对应的配置数据中识别到了指向符,则数据解析模块23根据识别到的指向符继续对配置表进行解析,以得到该指向符所指向的设计要素组件的展示软件数据。也就是,需要展示什么设计要素组件,便从配置表中解析相关的内容。
一种实施例中,该系统还可以包括用户登录模块和数据获取模块,启动生成展示软件的系统后,用户登录模块可以在系统的显示界面上显示登录界面,要求用户输入用户名和密码,当用户输入用户名和密码后,用户登录模块对用户输入的用户名和密码进行验证,当验证通过时登录服务器。登录服务器之后,数据获取模块根据登录成功的用户名从服务器中查找相应的软件项目,得到可展示的软件项目列表,其中,每个软件项目对应一个配置表,然后对查找到的软件项目进行缓存,比如缓存至本地存储器,数据解析模块23可以根据配置表标签从本地存储器中查找对应的配置表。
基于同样的发明构思,请参考图3,是本申请实施例提供的一种生成展示软件的方法的流程图,该方法可以包括如下步骤:
步骤101:显示可展示的软件项目列表。
用户需要生成展示软件时,可以启动生成展示软件的系统(应用软件),这时,在系统的显示界面上可以为用户显示出可展示的软件项目列表,比如如图2所示。
一种实施例中,当启动并运行生成展示软件的系统时,可以在系统的显示界面上显示用户登录界面,要求用户输入用户名和密码。用户输入用户名和密码后点击“登录”按钮,此时对用户输入的用户名和密码进行验证,当验证通过后,该用户名成功登录服务器,与服务器建立通信连接。这时,系统可以根据登录成功的用户名从服务器中查找相应的软件项目,得到可展示的软件项目列表,然后显示出该软件项目列表,其中的每个软件项目对应着一个配置表。查找到相应的软件项目后,可以对查找到的软件项目进行缓存,比如缓存至本地存储器。
步骤102:确定配置表标签。
用户需要对可展示的软件项目列表中的某个软件项目进行展示时,可以从可展示的软件项目列表中选定该软件项目,这时,系统响应于在可展示的软件项目列表中选定软件项目的操作,确定选定软件项目对应的配置表标签。具体的,每一个可展示的软件项目都对应有一个配置表标签,通过该配置表标签可以区分配置表。例如,如图2所示,可展示的软件项目列表中包括软件项目1、软件项目2和软件项目3,软件项目1对应有一个配置表标签,软件项目2对应有一个配置表标签,软件项目3也对应有一个配置表标签。当用户需要展示软件项目1对应的展示软件时,可以在可展示的软件项目列表中点选“软件项目1”,这时可以根据用户的选定操作确定出软件项目1对应的配置表标签。
步骤103:根据配置表标签获取对应的配置表。
在确定出配置表标签之后,可以根据确定出的配置表标签获取对应的配置表。一种实施例中,可以根据配置表标签从本地存储器中缓存的软件项目中查找对应的配置表。
步骤104:解析配置表。
获取到配置表之后,对该配置表进行解析,得到包含用于确定展示软件要展示的设计要素组件的标识符、类型名和配置数据的展示软件数据,其中的配置数据用于确定设计要素组件的展示效果。其中的设计要素组件可以包括初始化组件以及图片组件、滑动界面组件、视频组件、网页组件、按钮组件、文字组件和自定义界面组件中的至少之一。
一种实施例中,可以获取用于指向设计要素组件的指向符,从配置表中查找与该指向符匹配的标识符,然后根据查找到的标识符从配置表中读取对应的类型名和配置数据,得到对应的展示软件数据。
实际应用中,展示软件在展示时通常需要一个初始化展示界面,可以是网页、图片、视频等,因此,通常需要一个初始化组件以及与该初始化组件关联的设计要素组件,在展示软件时可以根据初始化组件的相关配置展示该设计要素组件,以提供一个初始化展示界面。基于此,系统会预设一个初始指向符,初始指向符用于指向初始化组件,比如将该初始指向符设置为初始化组件的标识符。在解析配置表时,系统可以先读取预设的初始指向符,根据该初始指向符从配置表中查找相匹配的标识符,然后根据查找到的与初始指向符匹配的标识符,从配置表中读取对应的第一类型名和第一配置数据,这时得到的第一类型名即是初始化组件的类型名,第一配置数据即是初始化组件的配置数据,该配置数据中通常会包括指向符,以指向与其有关联关系或链接关系的设计要素组件。接着,识别第一配置数据中的指向符,根据识别出的指向符从配置表中查找相匹配的标识符,并根据该标识符从配置表中读取对应的第二类型名和第二配置数据,这时读取到的第二类型名即是与初始化组件有关联关系或链接关系的设计要素组件的类型名,根据该类型名可确定出该设计要素组件的类型;读取到的第二配置数据即是与初始化组件有关联关系或链接关系的设计要素组件的配置数据,根据该配置数据可以确定该设计要素组件的展示效果。此时得到包含第一配置数据、第二类型名和第二配置数据的展示软件数据。
步骤105:生成展示软件。
解析得到展示软件数据之后,可以根据该展示软件数据生成展示软件。具体的,可以根据该展示软件数据中的类型名确定要展示的设计要素组件的类型,将该类型的设计要素组件以展示软件数据中的配置数据所代表的展示效果进行展示。
一种实施例中,在展示过程中,若用户需要在当前所展示的界面上进一步调取和展示新的设计要素组件,则可以根据当前所展示的设计要素组件上的提示信息对当前所展示的设计要素组件进行点选操作,比如点击按钮组件,这时,系统检测到用户在当前所展示的设计要素组件上进行的点选操作时,识别被点选的设计要素组件对应的配置数据中是否有指向符,若识别到了指向符,则可以采用类同于步骤104的方法,根据识别到的指向符继续对配置表进行解析,以得到该指向符所指向的设计要素组件的展示软件数据,进而根据得到的展示软件数据生成并展示对应的设计要素组件。这样,需要展示哪个设计要素组件,便可从配置表中解析哪个设计要素组件的相关数据,如此,可根据配置表生成实时可互动的展示软件。
在本申请实施例中,配置表是根据在可视化的用户界面上的配置操作生成的。比如,在一种实施例中,用户可以利用用于编辑展示软件的系统,通过在系统中的可视化的用户界面上进行配置操作生成配置表,该系统可以看作是一个客户端应用软件,能够在诸如手机、平板电脑、笔记本电脑、掌上电脑、台式计算机等设备上运行。
具体的,用户可以启动运行编辑展示软件的系统,系统可以为用户显示软件项目编辑界面,在该界面上可以显示可编辑的软件项目列表,用户可根据需求从中选定要编辑的软件项目,接收到用户对软件项目列表中选定的软件项目进行编辑的编辑指令时,为用户显示用于编辑展示软件的编辑界面,用户可在该编辑界面中进行展示软件的编辑。系统响应于用户在该编辑界面中添加展示软件所需的设计要素组件的操作,生成并显示该设计要素组件对应的配置窗口,该配置窗口中包括用于配置设计要素组件展示效果的配置菜单。
比如,用户在编辑界面中添加了一个初始化组件,该初始化组件通常用来设置展示软件启动后的屏幕分辨率,用户可以在初始化组件的配置窗口中进行屏幕分辨率的配置操作。
比如,用户在编辑界面中添加了一个自定义界面组件,用户可在其配置窗口中进行自定义设置,比如可以通过自定义配置菜单来自定义界面展示内容以及该界面展示内容对应的展示效果,该自定义配置菜单可为用户提供自定义图片模块、文字模块、视频模块、按钮模块等界面展示内容模块的功能,用户可根据需求添加所需的界面展示内容模块,这些界面展示内容模块最终可以被看作一个集合进行展示;在加载用户所添加的内容模块时,还可以同时加载该界面展示内容模块对应的展示效果设置菜单,响应于在该界面展示内容模块对应的展示效果设置菜单中的配置操作,确定该界面展示内容模块的展示效果数据。例如,用户添加了一个图片模块,则可以为用户显示出对应的展示效果设置菜单,用户可以在该展示效果设置菜单中配置图片模块所要展示的图片以及该图片展示时的显示样式、是否显示边框、是否窗口化等与展示效果相关的配置;例如用户添加了一个视频模块,则可以为用户显示该视频模块对应的展示效果设置菜单,用户可以在该展示效果设置菜单中配置视频模块所要展示的视频内容以及该视频展示时是否显示边框、是否显示进度条、是否全屏拉伸等与展示效果相关的配置;例如用户添加了一个文字模块,则可以为用户显示该文字模块对应的展示效果设置菜单,用户可以在该展示效果设置菜单中配置文字模块所要展示的文字内容以及文字展示时的大小、字体、颜色等与展示效果相关的配置;例如用户添加了一个按钮模块,则可以为用户展示该按钮模块对应的展示效果设置菜单,用户可以在该展示效果设置菜单中配置按钮模块的形状、大小、是否显示图案、是否显示文字、显示的图案内容、显示的文字内容等等与展示效果相关的配置。
比如,用户在编辑界面中添加了一个滑动界面组件,用户可以采用与自定义界面组件类同的方法添加背景图片模块和/或按钮模块以及配置所添加模块的展示效果,与自定义界面组件不同的是,自定义界面组件添加的按钮模块的位置可以由用户自定义,而滑动界面组件添加的按钮模块的位置是自动设定好的,比如在展示时会自动排列在屏幕中心,不由用户配置,而且,在展示的时候,由于滑动界面组件和自定义界面组件的类型名不同,根据滑动界面组件的类型名可以使滑动界面组件中的按钮按照用户配置的展示效果展示时能够滑动起来,也就是,用户可以通过鼠标等输入装置控制这些按钮滑动起来,或者在触摸屏上通过触屏操作控制这些按钮滑动起来。
比如,用户在编辑界面中添加了一个视频组件,用户可在其配置窗口中进行视频组件所要展示的视频内容以及视频展示时是否全屏拉伸、是否窗口化、是否显示边框、显示边框时边框的风格、是否显示进度条等展示效果的配置。
比如,用户在编辑界面中添加了一个图片组件,用户可在其配置窗口中进行图片组件所要展示的图片内容以及该图片展示时的显示样式、是否窗口化、是否显示边框、边框的风格等展示效果的配置。
比如,用户在编辑界面中添加了一个网页组件,用户可在其配置窗口中进行要展示的网页的网页地址、是否窗口化、是否显示边框等展示效果的配置。
比如,用户在编辑界面中添加了一个按钮组件,用户可以在其配置窗口中进行按钮的大小、形状、颜色、是否显示图案、是否显示文字、显示的图案内容、显示的文字内容等展示效果的配置。
比如,用户在编辑界面中添加了一个文字组件,用户可以在其配置窗口中进行对要展示的文字内容以及文字展示时的大小、字体、颜色等展示效果的配置。
用户在配置窗口中进行配置操作后,可以根据用户的配置操作确定设计要素组件对应的配置数据。当接收到确认配置的操作指令时,根据配置窗口和确定的配置数据生成包含配置表标签以及用户所添加的设计要素组件对应的标识符、类型名和配置数据的配置表。
例如,用户需要设计一款新的展示软件,该展示软件需要的设计要素组件包括一个图片组件和一个视频组件,图片组件作为初始展示组件,这时,用户可以在软件项目编辑界面上新建一个软件项目,并对该软件项目进行编辑,调出编辑界面,用户可以在该编辑界面上点击鼠标右键弹出设计要素组件的选择菜单。根据展示软件的设计需求,用户可以在该选择菜单中点击“初始化组件”来添加一个初始化组件,这时可以生成并显示出初始化组件对应的配置窗口,用户可以在该配置窗口中进行初始化配置。用户继续通过点击设计要素组件的选择菜单中的“图片组件”来添加图片组件,这时可以生成图片组件对应的配置窗口并显示在编辑界面上,在该配置窗口中可以包括诸如图片地址、图片的显示样式、是否显示边框、是否窗口化等用来配置图片组件展示效果的配置菜单,用户可在该配置菜单中进行展示效果的配置。实际应用中,可以通过对初始化组件和图片组件设置关联关系,可以使图片组件按照初始化组件的相关配置进行初始化展示。用户在选择菜单中点击“视频组件”来添加所需的视频组件,这时可以生成视频组件对应的配置窗口并显示在编辑界面上,在该配置窗口中可以包括诸如视频目录地址、是否显示边框、是否显示进度条、视频是否全屏拉伸等用来配置视频组件展示效果的配置菜单。通过对初始化组件、视频组件和图片组件的相关配置,可以确定出各组件对应的配置数据。此时,用户可以进行确认配置的操作,用于编辑展示软件的系统响应于该操作,根据所添加的初始化组件、视频组件和图片组件以及各组件对应的配置数据生成一个配置表。
为了更加清楚地体现出本申请的目的,在上述实施例的基础上做进一步的举例说明。下面以在展示软件运行时于展示界面上显示出三个按钮的展示软件为例来进行说明,这三个按钮分别关联着图片、视频和网页,比如点击第一个按钮时会显示出图片,点击第二个按钮时会显示出视频,点击第三个按钮时会显示出网页。
用户通过在可视化的用户界面上的配置操作得到了如图4所示的配置结果,其中,用户添加的设计要素组件包括初始化组件、自定义界面组件、图片组件、视频组件和网页组件,在初始化组件的配置窗口中配置了屏幕分辨率,比如屏幕分辨率设置为1920×1080;在图片组件的配置窗口中对要展示的图片的内容及展示效果进行了配置,在视频组件的配置窗口中对要展示的视频的内容及展示效果进行了配置,在网页组件中对要展示的网页的内容及展示效果进行了配置;在自定义界面组件的配置窗口中配置了三个按钮模块,参见图5,是自定义界面组件的配置窗口的一种显示效果示意图,用户通过“自定义配置”功能添加了三个按钮模块“按钮0”、“按钮1”和“按钮2”,并分别对这三个按钮模块进行了展示效果的设置,添加的按钮模块可在按钮列表中显示出来,用户可在该按钮列表的“按钮文字”项设置或修改各按钮模块展示时在按钮上显示的文字。展示软件在展示时,为了能够清楚反映每个按钮的功能,显示出哪个按钮关联着什么类型的组件,以方便用户的进一步操作,可以在按钮列表中修改“按钮0”的文字为“图片”,修改“按钮1”的文字为“视频”,修改“按钮2”的文字为“网页”。用户在自定义界面组件的配置菜单中还可以通过“背景风格”设置展示时的背景风格,如果还通过“自定义配置”功能添加了图片模块、文字模块、视频模块,则在确认自定义配置操作后还可在图片列表、文字列表和视频列表中显示出对应的列表。
同时,用户通过将各设计要素组件的配置窗口上的链接端子之间进行连接,建立各设计要素组件之间的链接关系或关联关系。在本例中,用户将初始化组件的配置窗口上的链接端子与自定义界面组件的配置窗口上的链接端子相连,在初始化组件和自定义界面组件之间建立关联关系;将自定义界面组件中的按钮0对应的链接端子与图片组件的配置窗口上的链接端子连接,在按钮0和图片组件之间建立关联关系;将自定义界面组件中的按钮1对应的链接端子与视频组件的配置窗口上的链接端子连接,在按钮1和视频组件之间建立关联关系;将自定义界面组件中的按钮2对应的链接端子与网页组件的配置窗口上的链接端子连接,在按钮2和网页组件之间建立关联关系。实际应用中,链接端子之间的链接线上还可以设置关闭功能键,比如图4在链接线上增加了一个叉号符作为关闭功能键,当用户点击该关闭功能键时,取消对应链接线并解除对应配置窗口之间的链接关系。当用户拖动一个配置窗口时,比如用户进行了拖动初始化组件的配置窗口的操作,在拖动过程中,初始化组件的配置窗口与自定义界面组件对应的配置窗口之间的链接线可以跟随拖动路线进行延伸移动,以保持两个配置窗口之间的链接关系。
根据如图4的配置结果,可以生成如图6所示结构的配置表,在生成配置表时,为配置表设置了配置表标签“标签1”,其中的“标识符1”~“标识符5”用于区分各设计要素组件,其中的“Chs”、“Zding”、“Photo”、“Video”和“Web”为类型名,分别代表初始化组件、自定义界面组件、图片组件、视频组件和网页组件,其中的配置数据是根据图4中的配置操作生成的。生成的配置表可以保存至服务器,并为其进行命名,比如命名为“软件项目1”。
用户需要展示软件项目1时,可以启动生成展示软件的系统,系统界面上会显示用户登录界面,要求用户输入用户名和密码。用户输入用户名和密码后点击“登录”按钮,此时对用户输入的用户名和密码进行验证,当验证通过后,该用户名成功登录服务器,与服务器建立通信连接。这时,系统可以根据登录成功的用户名从服务器中查找隶属于该用户名的软件项目,得到可展示的软件项目列表,然后显示出该软件项目列表,其中的每个软件项目对应着一个配置表。查找到相应的软件项目后,将查找到的软件项目缓存至本地存储器。比如可展示的软件项目列表如图2所示。用户在如图2所示的界面上点击“软件项目1”以选定软件项目1,这时,系统可以根据用户选定的软件项目1确定出对应的配置表标签为“标签1”,这时根据“标签1”从本地存储器中缓存的配置表中查找到如图6的配置表,然后对该配置表进行解析,根据解析出的展示软件数据生成展示软件。
具体的,在解析该配置表时,系统可以先读取用于指向初始化组件的初始指向符,该初始指向符通常可以是初始化组件的标识符,这样,系统会先读取出初始指向符“标识符1”,然后根据该初始指向符从配置表中查找到相匹配的“标识符1”,接着根据“标识符1”从配置表中读取对应的类型名“Chs”和配置数据“配置数据1”,这时可以解析得到初始化组件的相关数据,其中的“配置数据1”中包含了屏幕分辨率数据。接着,系统会识别“配置数据1”中是否有指向符,当识别到指向符时,根据识别出的指向符从配置表中查找匹配的标识符,比如“配置数据1”中的指向符是“标识符2”,这时,从配置表中可以查找到匹配的“标识符2”,根据“标识符2”可以从配置表中确定出对应的类型名“Zding”和配置数据“配置数据2”,也就是,初始化组件指向了标识符为“标识符2”、类型名为“Zding”、配置数据为“配置数据2”的设计要素组件,且与该设计要素组件有关联关系,根据类型名“Zding”可确定与初始化组件关联的是一个自定义界面组件,以此可以解析到与初始化组件关联的自定义界面组件的相关数据。
得到初始化组件的相关数据和与初始化组件关联的自定义界面组件的相关数据之后,根据解析得到的这些展示软件数据可以生成对应的展示软件。具体的,在解析得到的“配置数据2”中,包含了三个类型名“Button”,其代表的是按钮组件,则可确定出“配置数据2”中包含了三个按钮组件的相关数据,根据各自的标识符可以区分这三个按钮组件,根据各自的配置数据可确定各按钮的展示效果,基于此,可以以“配置数据1”中的屏幕分辨率数据和“配置数据2”所代表的展示效果对自定义界面组件中的三个按钮进行展示,其展示结果可参见图7。如图7所示,在展示软件界面上展示出了三个六边形的按钮,按钮上分别显示着文字“图片”、“视频”和“网页”。
当用户点击“图片”按钮时,系统识别该“图片”按钮对应的配置数据中是否有指向符,当识别到了指向符,比如在本实施例中识别到了指向符“标识符3”,则根据识别到的“标识符3”从图6的配置表中查找相匹配的标识符,比如从图6的配置表中查找到了“标识符3”,此时根据配置表中的“标识符3”从图6的配置表中读取对应的类型名“Photo”和配置数据“配置数据3”。这时,读取到的“Photo”即是与“图片”按钮有关联关系或链接关系的设计要素组件的类型名,根据该类型名可确定出该设计要素组件是图片组件;读取到的“配置数据3”即是与“图片”按钮有关联关系或链接关系的设计要素组件的配置数据,根据该配置数据可以确定该设计要素组件的展示效果。也就是,根据“标识符3”、类型名“Photo”和“配置数据3”可以确定出与“图片”按钮有关联关系或链接关系的图片组件及该图片组件的展示效果,此时根据解析得到的“标识符3”、类型名“Photo”和“配置数据3”这些展示软件数据,将对应的图片组件以“配置数据3”所代表的展示效果进行展示,展示结果可参见图8,其在展示软件界面上展示出了对应的图片。
当用户点击“视频”按钮时,系统识别该“视频”按钮对应的配置数据中是否有指向符,当识别到了指向符,比如在本实施例中识别到了指向符“标识符4”,则根据识别到的“标识符4”从图6的配置表中查找相匹配的标识符,比如从图6的配置表中查找到了“标识符4”,此时根据配置表中的“标识符4”从图6的配置表中读取对应的类型名“Video”和配置数据“配置数据4”。这时,读取到的“Video”即是与“视频”按钮有关联关系或链接关系的设计要素组件的类型名,根据该类型名可确定出该设计要素组件是视频组件;读取到的“配置数据4”即是与“视频”按钮有关联关系或链接关系的设计要素组件的配置数据,根据该配置数据可以确定该设计要素组件的展示效果。也就是,根据“标识符4”、类型名“Video”和“配置数据4”可以确定出与“视频”按钮有关联关系或链接关系的图片组件及该图片组件的展示效果,此时根据解析得到的“标识符4”、类型名“Video”和“配置数据4”这些展示软件数据,将对应的视频组件以“配置数据4”所代表的展示效果进行展示,展示结果可参见图9,其在展示软件界面上展示出了对应的视频,该视频在展示时显示出了边框和进度条。只要用户在可视化的用户界面上进行配置操作时将视频组件设置为了需要显示边框和进度条,则该视频组件在展示时便可显示边框和进度条。
当用户点击“网页”按钮时,系统识别该“网页”按钮对应的配置数据中是否有指向符,当识别到了指向符,比如在本实施例中识别到了指向符“标识符5”,则根据识别到的“标识符5”从图6的配置表中查找相匹配的标识符,比如从图6的配置表中查找到了“标识符5”,此时根据配置表中的“标识符5”从图6的配置表中读取对应的类型名“Web”和配置数据“配置数据5”。这时,读取到的“Web”即是与“网页”按钮有关联关系或链接关系的设计要素组件的类型名,根据该类型名可确定出该设计要素组件是网页组件;读取到的“配置数据5”即是与“网页”按钮有关联关系或链接关系的设计要素组件的配置数据,根据该配置数据可以确定该设计要素组件的展示效果。也就是,根据“标识符5”、类型名“Web”和“配置数据5”可以确定出与“网页”按钮有关联关系或链接关系的网页组件及该网页组件的展示效果,此时根据解析得到的“标识符5”、类型名“Web”和“配置数据5”这些展示软件数据,将对应的网页组件以“配置数据5”所代表的展示效果进行展示,比如“配置数据5”中的网页地址是www.baidu.com,其展示结果可参见图10,其在展示软件界面上展示出了对应的网页,用户可在该网页中进行搜索信息、浏览网页等操作。
通过上面的过程,可以在需要展示哪个设计要素组件时,便从配置表中解析哪个设计要素组件的相关数据,如此,可根据配置表生成实时可互动的展示软件。
本申请实施例提供的生成展示软件的方法和系统,在需要生成展示软件时,可以为用户显示可展示的软件项目列表,用户可从中选定要展示的软件项目,响应于在软件项目列表中选定软件项目的操作,确定选定软件项目对应的配置表标签,根据配置表标签获取对应的配置表,该配置表根据在可视化的用户界面上的配置操作生成,然后对该配置表进行解析,得到展示软件数据,再根据该展示软件数据生成展示软件。在对配置表进行解析时,可以先获取用于指向设计要素组件的指向符,从配置表中查找与该指向符匹配的标识符,然后根据查找到的标识符从配置表中读取对应的类型名和配置数据,得到对应的展示软件数据,根据该展示软件数据生成展示软件。若用户需要在展示软件当前所展示的界面上进一步,调取和展示新的设计要素组件,则可以根据当前所展示的设计要素组件上的提示信息对当前所展示的设计要素组件进行点选等触发操作,比如点击按钮组件,这时,识别被点选的设计要素组件对应的配置数据中是否有指向符,若识别到了指向符,则根据识别到的指向符继续对配置表进行解析,以得到该指向符所指向的设计要素组件的展示软件数据,进而根据得到的展示软件数据生成并展示对应的设计要素组件。这样,需要展示哪个设计要素组件,便可从配置表中解析哪个设计要素组件的相关数据,如此,可根据配置表生成实时可互动的展示软件。展示软件的生成过程简单,用户可以在脱离代码的情况下,通过可视化的操作界面生成展示软件,生成展示软件的效率高。
本领域技术人员可以理解,上述实施方式中各种方法的全部或部分功能可以通过硬件的方式实现,也可以通过计算机程序的方式实现。当上述实施方式中全部或部分功能通过计算机程序的方式实现时,该程序可以存储于一计算机可读存储介质中,存储介质可以包括:只读存储器、随机存储器、磁盘、光盘、硬盘等,通过计算机执行该程序以实现上述功能。例如,将程序存储在设备的存储器中,当通过处理器执行存储器中程序,即可实现上述全部或部分功能。另外,当上述实施方式中全部或部分功能通过计算机程序的方式实现时,该程序也可以存储在服务器、另一计算机、磁盘、光盘、闪存盘或移动硬盘等存储介质中,通过下载或复制保存到本地设备的存储器中,或对本地设备的系统进行版本更新,当通过处理器执行存储器中的程序时,即可实现上述实施方式中全部或部分功能。
以上应用了具体个例对本发明进行阐述,只是用于帮助理解本发明,并不用以限制本发明。对于本发明所属技术领域的技术人员,依据本发明的思想,还可以做出若干简单推演、变形或替换。

Claims (10)

1.一种生成展示软件的方法,其特征在于,包括:
显示可展示的软件项目列表;
响应于在所述软件项目列表中选定软件项目的操作,确定选定软件项目对应的配置表标签;
根据所述配置表标签获取对应的配置表,所述配置表根据在可视化的用户界面上的配置操作生成;
对所述配置表进行解析,得到展示软件数据,所述展示软件数据中包括用于确定展示软件要展示的设计要素组件的标识符、类型名和配置数据,所述配置数据用于确定设计要素组件的展示效果;
根据所述展示软件数据生成展示软件。
2.如权利要求1所述的方法,其特征在于,所述对所述配置表进行解析包括:
获取指向符,所述指向符用于指向设计要素组件;
从所述配置表中查找与所述指向符匹配的标识符;
根据查找到的标识符从所述配置表中读取对应的类型名和配置数据,得到对应的展示软件数据。
3.如权利要求2所述的方法,其特征在于,所述根据所述展示软件数据生成展示软件包括:
根据展示软件数据中的类型名确定要展示的设计要素组件的类型;
将所述类型的设计要素组件以展示软件数据中的配置数据所代表的展示效果进行展示。
4.如权利要求3所述的方法,其特征在于,在根据展示软件数据生成展示软件之后,所述方法还包括:
检测到在当前所展示的设计要素组件上进行的点选操作时,识别被点选的设计要素组件对应的配置数据中是否有指向符,所述点选操作用于调取和展示新的设计要素组件;
若在设计要素组件对应的配置数据中识别到了指向符,则根据识别到的指向符对所述配置表进行解析,以得到该指向符所指向的设计要素组件的展示软件数据;
根据得到的展示软件数据生成并展示对应的设计要素组件。
5.如权利要求2所述的方法,其特征在于,所述获取指向符包括:读取预设的初始指向符,所述初始指向符用于指向初始化组件;
所述根据查找到的标识符从所述配置表中读取对应的类型名和配置数据包括:
根据查找到的与所述初始指向符匹配的标识符,从所述配置表中读取对应的第一类型名和第一配置数据;
识别所述第一配置数据中的指向符;
根据识别出的指向符从所述配置表中查找匹配的标识符,并根据该标识符从所述配置表中读取对应的第二类型名和第二配置数据,得到包含所述第一类型名、所述第一配置数据、所述第二类型名和所述第二配置数据的展示软件数据。
6.如权利要求2所述的方法,其特征在于,所述指向符为设计要素组件的标识符。
7.如权利要求1所述的方法,其特征在于,所述设计要素组件包括初始化组件以及图片组件、滑动界面组件、视频组件、网页组件、按钮组件、文字组件和自定义界面组件中的至少之一。
8.如权利要求1所述的方法,其特征在于,在显示可展示的软件项目列表之前,所述方法还包括:
显示登录界面,要求用户输入用户名和密码;
对用户输入的用户名和密码进行验证,当验证通过时登录服务器;
根据登录成功的用户名从所述服务器中查找相应的软件项目,得到可展示的软件项目列表,其中,每个软件项目对应一个配置表;
缓存查找到的软件项目至本地存储器。
9.一种生成展示软件的系统,其特征在于,包括:
软件项目显示模块,用于显示可展示的软件项目列表;
标签确定模块,用于响应于在所述软件项目列表中选定软件项目的操作,确定选定软件项目对应的配置表标签;
数据解析模块,用于根据所述配置表标签获取对应的配置表,对所述配置表进行解析,得到展示软件数据,,所述配置表根据在可视化的用户界面上的配置操作生成,所述展示软件数据包括用于确定展示软件要展示的设计要素组件的标识符、类型名和配置数据,所述配置数据用于确定设计要素组件的展示效果;
软件生成模块,用于根据所述展示软件数据生成展示软件。
10.一种计算机可读存储介质,其特征在于,包括程序,所述程序能够被处理器执行以实现如权利要求1至8中任一项所述的方法。
CN202010553530.4A 2020-06-17 2020-06-17 生成展示软件的方法、系统和可读存储介质 Pending CN111679819A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010553530.4A CN111679819A (zh) 2020-06-17 2020-06-17 生成展示软件的方法、系统和可读存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010553530.4A CN111679819A (zh) 2020-06-17 2020-06-17 生成展示软件的方法、系统和可读存储介质

Publications (1)

Publication Number Publication Date
CN111679819A true CN111679819A (zh) 2020-09-18

Family

ID=72436561

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010553530.4A Pending CN111679819A (zh) 2020-06-17 2020-06-17 生成展示软件的方法、系统和可读存储介质

Country Status (1)

Country Link
CN (1) CN111679819A (zh)

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103425485A (zh) * 2013-05-18 2013-12-04 冯俊 面向普通用户应用的界面编辑、运行系统及方法
CN108228305A (zh) * 2018-02-02 2018-06-29 广东欧珀移动通信有限公司 应用页面的显示方法、装置、存储介质及电子设备
US20190034213A1 (en) * 2016-10-03 2019-01-31 App Onboard, Inc. Application reproduction in an application store environment
CN109710144A (zh) * 2018-12-05 2019-05-03 掌阅科技股份有限公司 笔记本的笔记页处理方法、计算机设备和存储介质
CN110297636A (zh) * 2019-07-03 2019-10-01 广州鲁邦通物联网科技有限公司 一种基于页面配置文件的页面自动生成和参数管理方法、系统和装置
CN110597506A (zh) * 2019-11-14 2019-12-20 南京百敖软件有限公司 一种前端应用可视化开发工具和使用方法
CN111158834A (zh) * 2019-12-31 2020-05-15 福建星网视易信息系统有限公司 界面自定义方法及计算机可读存储介质

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103425485A (zh) * 2013-05-18 2013-12-04 冯俊 面向普通用户应用的界面编辑、运行系统及方法
US20190034213A1 (en) * 2016-10-03 2019-01-31 App Onboard, Inc. Application reproduction in an application store environment
CN108228305A (zh) * 2018-02-02 2018-06-29 广东欧珀移动通信有限公司 应用页面的显示方法、装置、存储介质及电子设备
CN109710144A (zh) * 2018-12-05 2019-05-03 掌阅科技股份有限公司 笔记本的笔记页处理方法、计算机设备和存储介质
CN110297636A (zh) * 2019-07-03 2019-10-01 广州鲁邦通物联网科技有限公司 一种基于页面配置文件的页面自动生成和参数管理方法、系统和装置
CN110597506A (zh) * 2019-11-14 2019-12-20 南京百敖软件有限公司 一种前端应用可视化开发工具和使用方法
CN111158834A (zh) * 2019-12-31 2020-05-15 福建星网视易信息系统有限公司 界面自定义方法及计算机可读存储介质

Similar Documents

Publication Publication Date Title
KR101953303B1 (ko) 브라우징 액티비티에 기초하여 정합 애플리케이션을 식별하는 기법
US6262729B1 (en) Method and apparatus for binding user interface objects to application objects
US8244758B1 (en) State management for user interfaces
CN111679818A (zh) 编辑展示软件的方法和系统
RU2662632C2 (ru) Представление документов фиксированного формата в формате с измененной компоновкой
US20210149842A1 (en) System and method for display of document comparisons on a remote device
US8671389B1 (en) Web application resource manager on the web and localizable components
CN112099790A (zh) 确定页面主题的方法、装置、设备以及存储介质
US20150278190A1 (en) Web server system, dictionary system, dictionary call method, screen control display method, and demonstration application generation method
US11853821B2 (en) User interface for searching and generating graphical objects linked to third-party content
US9141867B1 (en) Determining word segment boundaries
US9524503B2 (en) Method and system for exposing games
US10788959B2 (en) Personalization of a web application
CN111934985A (zh) 媒体内容的分享方法、装置、设备及计算机可读存储介质
US8719416B1 (en) Multiple subparts of a uniform resource locator
CN111679819A (zh) 生成展示软件的方法、系统和可读存储介质
JP2010518484A (ja) システム仕様の記述子を管理する方法および装置
CN113868565A (zh) 皮肤样式的文件编辑方法及装置
CN113419711A (zh) 页面引导方法、装置、电子设备及存储介质
CN106227713A (zh) 文档的处理方法及装置
KR100443774B1 (ko) 다국어 화상 키보드 제공 방법 및 이 방법을 위한 컴퓨터 장치
Hardesty Bells, whistles, and alarms: HCI lessons using AJAX for a page-turning web application
Powers The essential guide to Dreamweaver CS4 With CSS, Ajax, and PHP
US20120179984A1 (en) Universal paging system for html content
CN116304210A (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
RJ01 Rejection of invention patent application after publication

Application publication date: 20200918

RJ01 Rejection of invention patent application after publication