CN114415897B - 一种小程序更多菜单配置展示方法 - Google Patents

一种小程序更多菜单配置展示方法 Download PDF

Info

Publication number
CN114415897B
CN114415897B CN202111547588.9A CN202111547588A CN114415897B CN 114415897 B CN114415897 B CN 114415897B CN 202111547588 A CN202111547588 A CN 202111547588A CN 114415897 B CN114415897 B CN 114415897B
Authority
CN
China
Prior art keywords
applet
function
menu
app client
button
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
Application number
CN202111547588.9A
Other languages
English (en)
Other versions
CN114415897A (zh
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.)
Shanghai Pudong Development Bank Co Ltd
Original Assignee
Shanghai Pudong Development Bank 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 Shanghai Pudong Development Bank Co Ltd filed Critical Shanghai Pudong Development Bank Co Ltd
Priority to CN202111547588.9A priority Critical patent/CN114415897B/zh
Publication of CN114415897A publication Critical patent/CN114415897A/zh
Application granted granted Critical
Publication of CN114415897B publication Critical patent/CN114415897B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction 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/0482—Interaction with lists of selectable items, e.g. menus
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction 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/04817—Interaction 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 using icons
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction 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
    • 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/34—Graphical or visual programming

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Software Systems (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明涉及一种小程序更多菜单配置展示方法，该方法包括：S1、APP客户端集成小程序运行时SDK，建立小程序功能库；S2、小程序管理端配置小程序更多菜单中的功能列表信息；S3、开发配置并展示小程序更多菜单功能按钮的前端代码；S4、用户打开APP客户端，点击小程序，初始化小程序SDK环境，获取小程序详情；S5、点击小程序的更多菜单按钮，根据小程序管理端配置和前端代码共同确定更多菜单功能按钮的展示。与现有技术相比，本发明小程序可自定义按钮功能，不受宿主APP限制，提高功能丰富性，细化到每个小程序粒度单独管理，体现了个性化的特点，提升客户体验。

Description

一种小程序更多菜单配置展示方法
技术领域
本发明涉及小程序开发技术领域，尤其是涉及一种小程序更多菜单配置展示方法。
背景技术
随着计算机技术的不断发展，小程序(Mini Program)开发技术日益成为一种移动端应用的开发标准；开发者按照小程序的语法开发并编译好小程序之后，上传到小程序管理端，再经过安全、业务等审核后，再在APP中内置一种小程序运行时SDK的方式提供小程序运行环境，就可以在APP里面打开相应的小程序。用户在使用小程序时点击页面右上方的胶囊按钮「…」可以打开更多功能菜单页面，方便用户使用。
目前市面上，小程序页面右上方的胶囊按钮「…」打开的更多菜单功能都是类似的、标准的；开发者一般只能通过代码形式改动其中一小部分，不能实现完全定制化，无法实现每个小程序的个性化功能；且该部分菜单功能只能在APP客户端的中实现，受APP客户端版本影响，无法实时更新，管理者对其控制很不方便。
发明内容
本发明的目的就是为了克服上述现有技术存在的缺陷而提供一种方便管理者控制的小程序更多菜单配置展示方法。
本发明的目的可以通过以下技术方案来实现：
一种小程序更多菜单配置展示方法，该方法包括：
S1、APP客户端集成小程序运行时SDK，建立小程序功能库；
S2、小程序管理端配置小程序更多菜单中的功能列表信息；
S3、开发配置并展示小程序更多菜单功能按钮的前端代码；
S4、用户打开APP客户端，点击小程序，初始化小程序SDK环境，获取小程序详情；
S5、点击小程序的更多菜单按钮，根据小程序管理端配置和前端代码共同确定更多菜单功能按钮的展示。
优选地，所述的小程序功能库中包括两种不同类型的功能按钮，分别为通用功能按钮和个性化功能按钮，所述的通用功能按钮为不需小程序开发的功能按钮，所述的个性化功能按钮为在小程序前端在开发时自定义的功能按钮。
优选地，所述的功能按钮信息包括功能按钮的图标、名称、调用功能、APP版本号、显示顺序。
优选地，步骤S4获取小程序详情具体为：APP客户端向小程序管理端发送获取小程序详情的请求，小程序管理端返回小程序详情至APP客户端。
优选地，所述的小程序详情包括小程序代码包、小程序更多菜单的功能按钮列表库。
优选地，所述的小程序更多菜单的功能按钮列表库通过APP版本号进行适配。
优选地，所述的小程序更多菜单的功能按钮列表库包括通用功能按钮列表A1和个性化功能按钮列表A2。
优选地，步骤S5具体包括：
APP客户端向小程序前端请求前端自定义功能，小程序前端返回小程序自定义功能信息至APP客户端；
APP客户端处理小程序更多菜单按钮列表；
APP客户端向小程序管理端请求小程序更多菜单按钮图标，小程序管理端返回小程序更多菜单按钮图标至APP客户端；
展示小程序更多菜单按钮。
优选地，所述的小程序前端返回小程序自定义功能信息包括前端代码中可实现的个性化功能按钮列表B。
优选地，所述的APP客户端处理小程序更多菜单按钮列表具体为：将通用功能按钮列表A1和个性化功能按钮列表B求并集得到小程序最终展示的更多菜单按钮列表。
与现有技术相比，本发明具有如下优点：
(1)本发明本方案是通过管理端去管理每个小程序胶囊按钮「…」打开更多菜单中的功能按钮部分，也就说打开小程序时根据管理端的配置和小程序的前端，最终确定小程序端「…」更多菜单展示哪些功能按钮；支持在管理端按照规范管理每个小程序按钮的类型、图标、名称、对应功能、适用APP版本、自定义按钮的顺序等信息。
(2)本发明通过小程序管理端对小程序更多菜单的实时控制，使其不受宿主APP客户端版本影响，小程序可自定义按钮功能，不受宿主APP限制，提高功能丰富性，细化到每个小程序粒度单独管理，体现了个性化的特点，提升客户体验。
附图说明
图1为本发明一种小程序更多菜单配置展示方法的流程框图；
图2为本发明一种小程序更多菜单配置展示方法执行时的交互时序图。
具体实施方式
下面结合附图和具体实施例对本发明进行详细说明。注意，以下的实施方式的说明只是实质上的例示，本发明并不意在对其适用物或其用途进行限定，且本发明并不限定于以下的实施方式。
实施例
本方案提供一种小程序更多菜单(即右上角胶囊按钮的「…」)功能按钮由管理端配置展示方法，并以用户交互时序图对该方法进行说明。本方案主要分为APP客户端建立功能库、小程序管理端配置、小程序前端开发和更多菜单展示四个部分，其中APP客户端集成小程序运行时SDK环境并建立功能库；在小程序管理端配置小程序更多菜单的功能按钮功能列表；小程序开发人员按开发规范完善小程序自定义功能信息；用户打开更多菜单时根据小程序管理端配置和小程序前端代码共同确定更多菜单功能按钮的展示。
如图1所示，本实施例提供一种小程序更多菜单配置展示方法，该方法包括：
S1、APP客户端集成小程序运行时SDK，建立小程序功能库；
小程序运行时SDK：简称小程序SDK，小程序运行的载体，以SDK的形式存在，可被APP集成：为小程序运行提供安全沙箱、代码解释、页面渲染等服务；
小程序功能库中包括两种不同类型的功能按钮，分别为通用功能按钮和个性化功能按钮，其中：
通用功能按钮为不需小程序开发的功能按钮，如收藏、重启；
个性化功能按钮为在小程序前端在开发时自定义的功能按钮，如分享、打开某个小程序等功能，对此类型功能需要提供开发规范。
S2、小程序管理端配置小程序更多菜单中的功能列表信息，功能按钮信息包括功能按钮的图标、名称、调用功能、APP版本号(区分Android和iOS版本)、显示顺序。
S3、开发配置并展示小程序更多菜单功能按钮的前端代码，开发人员在开发小程序前端代码时，按开发规范传入更多菜单中需要自定义功能按钮的自定义信息。
S4、用户打开APP客户端，点击小程序，初始化小程序SDK环境，获取小程序详情，其中，获取小程序详情具体为：APP客户端向小程序管理端发送获取小程序详情的请求，小程序管理端返回小程序详情至APP客户端，小程序详情包括小程序代码包、小程序更多菜单的功能按钮列表库，小程序更多菜单的功能按钮列表库包括通用功能按钮列表A1和个性化功能按钮列表A2。
S5、点击小程序的更多菜单按钮，根据小程序管理端配置和前端代码共同确定更多菜单功能按钮的展示，具体包括：
APP客户端向小程序前端请求前端自定义功能，小程序前端返回小程序自定义功能信息至APP客户端，小程序自定义功能信息包括前端代码中可实现的个性化功能按钮列表B；
APP客户端处理小程序更多菜单按钮列表：将通用功能按钮列表A1和个性化功能按钮列表B求并集得到小程序最终展示的更多菜单按钮列表；
APP客户端向小程序管理端请求小程序更多菜单按钮图标，小程序管理端返回小程序更多菜单按钮图标至APP客户端；
展示小程序更多菜单按钮。
图2为本发明一种小程序更多菜单配置展示方法执行时的交互时序图，具体为：
1、用户打开APP，点击小程序；
2、APP客户端初始化小程序运行SDK；
3、APP客户端向小程序管理端发送获取小程序详情的请求；
4、小程序管理端返回小程序详情至APP客户端；
5、APP客户端打开小程序并展示给用户；
6、用户点击小程序的「…」获取更多功能菜单按钮；
8、APP客户端向小程序前端获取小程序前端自定义功能；
8、小程序前端返回小程序自定义功能信息至APP客户端；
9、APP客户端处理小程序更多菜单按钮列表；
10、APP客户端向小程序管理端请求小程序更多菜单按钮图标；
11、小程序管理端返回小程序更多菜单按钮图标至APP客户端；
12、展示小程序更多菜单按钮。
上述实施方式仅为例举，不表示对本发明范围的限定。这些实施方式还能以其它各种方式来实施，且能在不脱离本发明技术思想的范围内作各种省略、置换、变更。

Claims (6)

1.一种小程序更多菜单配置展示方法，其特征在于，该方法包括：
S1、APP客户端集成小程序运行时SDK，建立小程序功能库；
S2、小程序管理端配置小程序更多菜单中的功能列表信息；
S3、开发配置并展示小程序更多菜单功能按钮的前端代码；
S4、用户打开APP客户端，点击小程序，初始化小程序SDK环境，获取小程序详情；
S5、点击小程序的更多菜单按钮，根据小程序管理端配置和前端代码共同确定更多菜单功能按钮的展示；
所述的功能按钮信息包括功能按钮的图标、名称、调用功能、APP版本号、显示顺序；
步骤S4获取小程序详情具体为：APP客户端向小程序管理端发送获取小程序详情的请求，小程序管理端返回小程序详情至APP客户端；
所述的小程序详情包括小程序代码包、小程序更多菜单的功能按钮列表库；
所述的小程序更多菜单的功能按钮列表库通过APP版本号进行适配。
2.根据权利要求1所述的一种小程序更多菜单配置展示方法，其特征在于，所述的小程序功能库中包括两种不同类型的功能按钮，分别为通用功能按钮和个性化功能按钮，所述的通用功能按钮为不需小程序开发的功能按钮，所述的个性化功能按钮为在小程序前端在开发时自定义的功能按钮。
3.根据权利要求1所述的一种小程序更多菜单配置展示方法，其特征在于，所述的小程序更多菜单的功能按钮列表库包括通用功能按钮列表A1和个性化功能按钮列表A2。
4.根据权利要求3所述的一种小程序更多菜单配置展示方法，其特征在于，步骤S5具体包括：
APP客户端向小程序前端请求前端自定义功能，小程序前端返回小程序自定义功能信息至APP客户端；
APP客户端处理小程序更多菜单按钮列表；
APP客户端向小程序管理端请求小程序更多菜单按钮图标，小程序管理端返回小程序更多菜单按钮图标至APP客户端；
展示小程序更多菜单按钮。
5.根据权利要求4所述的一种小程序更多菜单配置展示方法，其特征在于，所述的小程序前端返回小程序自定义功能信息包括前端代码中可实现的个性化功能按钮列表B。
6.根据权利要求5所述的一种小程序更多菜单配置展示方法，其特征在于，所述的APP客户端处理小程序更多菜单按钮列表具体为：将通用功能按钮列表A1和个性化功能按钮列表B求并集得到小程序最终展示的更多菜单按钮列表。
CN202111547588.9A 2021-12-16 2021-12-16 一种小程序更多菜单配置展示方法 Active CN114415897B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202111547588.9A CN114415897B (zh) 2021-12-16 2021-12-16 一种小程序更多菜单配置展示方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202111547588.9A CN114415897B (zh) 2021-12-16 2021-12-16 一种小程序更多菜单配置展示方法

Publications (2)

Publication Number Publication Date
CN114415897A CN114415897A (zh) 2022-04-29
CN114415897B true CN114415897B (zh) 2024-05-28

Family

ID=81266651

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202111547588.9A Active CN114415897B (zh) 2021-12-16 2021-12-16 一种小程序更多菜单配置展示方法

Country Status (1)

Country Link
CN (1) CN114415897B (zh)

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105657502A (zh) * 2015-11-09 2016-06-08 乐视致新电子科技（天津）有限公司 一种自定义菜单的实现方法、装置、客户端及服务器
CN111475803A (zh) * 2020-04-15 2020-07-31 南京甄视智能科技有限公司 后台权限管理系统及管理方法
CN113434069A (zh) * 2021-06-23 2021-09-24 未鲲(上海)科技服务有限公司 菜单配置方法、装置、设备及存储介质

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105657502A (zh) * 2015-11-09 2016-06-08 乐视致新电子科技（天津）有限公司 一种自定义菜单的实现方法、装置、客户端及服务器
CN111475803A (zh) * 2020-04-15 2020-07-31 南京甄视智能科技有限公司 后台权限管理系统及管理方法
CN113434069A (zh) * 2021-06-23 2021-09-24 未鲲(上海)科技服务有限公司 菜单配置方法、装置、设备及存储介质

Also Published As

Publication number Publication date
CN114415897A (zh) 2022-04-29

Similar Documents

Publication Publication Date Title
US9772929B2 (en) System and method for automated testing of software applications with dynamic user interfaces spanning multiple technologies
CN101866299B (zh) 修改便携式电子设备上本地应用的执行的方法和系统
US7636722B2 (en) System and method for describing application extensions in XML
US8856670B1 (en) Technique for customizing a user interface
Komatineni et al. Pro Android 4
US7774713B2 (en) Dynamic user experience with semantic rich objects
US8538398B2 (en) Method and system for customizing a user interface of a mobile device
US7865868B2 (en) .NET ribbon model for a ribbon user interface
US7908560B2 (en) Method and system for cross-screen component communication in dynamically created composite applications
US20080092057A1 (en) Framework for creation of user interfaces for electronic devices
US20080046557A1 (en) Method and system for designing, implementing, and managing client applications on mobile devices
EP1851982A1 (en) Mobile device having extensible software for presenting server-side applications, software and methods
CN114415897B (zh) 一种小程序更多菜单配置展示方法
US20050197157A1 (en) System enabling easy application development on mobile devices
Yang et al. Professional Microsoft Smartphone Programming
WO2005111768A2 (en) Generic user interface command architecture
CN111813476A (zh) 一种基于安卓负一屏的手机银行应用方法
EP1884871A1 (en) System and method for adaptive theming of a mobile device
Skogberg Android application development
KR20050120289A (ko) 이동통신 단말기의 사용자 인터페이스 구현 방법
Rischpater Software Development for the QUALCOMM BREW Platform
CA2543910A1 (en) Method and system for extending scripting languages
Kostaras et al. Learning the Extras of the Platform
Poudel Mobile application development for Android operating system: case NepGuide Mobile
CN115981629A (zh) 一种基于bi系统的组件编程方法及装置

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