CN109542401B

CN109542401B - 一种Web开发方法、装置、存储介质及处理器

Info

Publication number: CN109542401B
Application number: CN201710850953.0A
Authority: CN
Inventors: 马红琴
Original assignee: Beijing Gridsum Technology Co Ltd
Current assignee: Beijing Gridsum Technology Co Ltd
Priority date: 2017-09-20
Filing date: 2017-09-20
Publication date: 2022-04-01
Anticipated expiration: 2037-09-20
Also published as: CN109542401A

Abstract

本发明公开了一种Web开发方法及装置，先定义jsonp接口，在Web产品的开发过程中只要确定了需要开发的基本功能，就可以通过调用所述jsonp接口，根据已确定的基本功能引入相应的预先编辑的功能逻辑包，所述功能逻辑包包括相应的所述基本功能的客户端实现和服务端实现。避免了在Web产品的开发过程中对基本功能的重复开发，提供了代码的重用性，降低了开发时间和开发成本，提高了Web产品的开发效率。

Description

一种Web开发方法、装置、存储介质及处理器

技术领域

本发明涉及web开发技术领域，更具体的，涉及一种web开发方法、装置、存储介质及处理器。

背景技术

随着互联网技术的发展，Web产品越来越普及，用户对Web产品的期望值也越来越高。网站前端的规模快速增大，脚本代码被大量添加到应用的系统中，Web产品的开发往往伴随着大量代码的产生。

然而，现有技术中每次进行Web开发时，网站中的每个模块都需要重新进行开发，编写大量代码，代码的重用性过低且扩展性不好，为开发人员带来了巨大的工作量。

发明内容

鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的Web开发方法及装置。

为了实现上述发明目的，本发明提供的具体技术方案如下：

一种Web开发方法，包括：

定义jsonp接口；

确定待构建Web产品中一个或一个以上基本功能；

调用所述jsonp接口，根据一个或一个以上所述基本功能，引入相应的预先编辑的功能逻辑包，所述功能逻辑包包括相应的所述基本功能的客户端实现和服务端实现。

优选的，所述基本功能包括：登录模块、注册模块、忘记密码模块、找回密码模块和基础数据的初始化配置。

优选的，所述基础数据的初始化配置包括资源数据的初始化配置、动作数据的初始化配置、权限数据的初始化配置和角色数据的初始化配置。

优选的，所述定义jsonp接口包括：

设置一个或一个以上角色，具有相同角色的用户组成一个用户组；

为一个或一个以上所述角色配置相应的权限，所述权限包括具有相应角色的用户对Web产品的资源操作权限和动作操作权限。

优选的，所述角色包括高级管理员、普通管理员、高级用户和普通用户。

优选的，当需要对所述待构建Web产品中的特定基本功能进行个性化设计时，所述方法还包括：

确定对所述特定基本功能进行个性化设计是否在加载所述特定基本功能之前；

若是，调用所述jsonp接口中的自定义操作函数，根据个性化设计需求对所述特定基本功能进行个性化设计；

若否，调用所述jsonp接口中的回调函数，根据个性化设计需求对所述特定基本功能进行个性化设计。

一种Web开发装置，包括：

jsonp接口定义单元，用于定义jsonp接口；

基本功能确定单元，用于确定待构建Web产品中一个或一个以上基本功能；

jsonp接口调用单元，用于调用所述jsonp接口，根据一个或一个以上所述基本功能，引入相应的预先编辑的功能逻辑包，所述功能逻辑包包括相应的所述基本功能的客户端实现和服务端实现。

优选的，所述装置还包括：

个性化设计确定单元，用于确定对所述特定基本功能进行个性化设计是否在加载所述特定基本功能之前，若是，触发第一调用单元，若否，触发第二调用单元；

所述第一调用单元，用于调用所述jsonp接口中的自定义操作函数，根据个性化设计需求对所述特定基本功能进行个性化设计；

所述第二调用单元，用于调用所述jsonp接口中的回调函数，根据个性化设计需求对所述特定基本功能进行个性化设计。

一种存储介质，所述存储介质包括存储的程序，

其中，在所述程序运行时控制所述存储介质所在的设备执行如上述任一项所述的Web开发方法。

一种处理器，所述处理器用于运行程序，

其中，所述程序运行时执行如上述任一项所述的Web开发方法。

借由上述技术方案，本发明提供的Web开发方法及装置，先定义jsonp接口，在Web产品的开发过程中只要确定了需要开发的基本功能，就可以通过调用所述jsonp接口，根据已确定的基本功能引入相应的预先编辑的功能逻辑包，所述功能逻辑包包括相应的所述基本功能的客户端实现和服务端实现。避免了在Web产品的开发过程中对基本功能的重复开发，提供了代码的重用性，降低了开发时间和开发成本，提高了Web产品的开发效率。

上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。

附图说明

通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

图1示出了本发明实施例公开的一种Web开发方法流程图；

图2示出了本发明实施例中登录功能的实现逻辑示意图；

图3示出了本发明实施例公开的另一种Web开发方法流程图；

图4示出了本发明实施例公开的一种Web开发装置结构示意图；

图5示出了本发明实施例公开的另一种Web开发装置结构示意图。

具体实施方式

下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。

请参阅图1，图1为一种Web开发方法流程图，具体包括以下步骤：

S101：定义jsonp接口；

所述jsonp接口中分别封装了登录模块、注册模块、忘记密码模块、找回密码模块和基础数据的初始化配置这些在Web开发中的基本功能，并通过一个script标签就可以实现对这些基本功能的引入。

请参阅图2，调用jsonp接口实现登录之后，在本地记录用户的token，目前所有的网站里发出的http数据请求都会在服务端被拦截，服务端便可以拿到授权，判断用户有没有登录，如果登录了，拿到用户登录的信息，之后拿着用户信息去做一系列的操作。

注册功能的流程和登录功能的流程很相似，不同之处是：注册过程和登录过程，客户端发给服务端的数据不同，注册需要产品邀请码，主要功能如下：

为了将某个注册之后的用户分配到一个用户组下面，一个使用了该jsonp接口的系统，同时有可能有多个产品(比如一个公司有多个产品，web网站、webapp等)在使用这个系统，不同的产品有不同的邀请码，不同的产品有一个管理员，产品的邀请码是由该管理员发给注册用户的。产品的邀请码表示用户属于哪个产品。新注册的用户有用户组，用户的邀请码挂在产品的标识下。用户组可以统一管理用户，方便管理用户对某个系统的操作权限等。注册之后直接使用该系统：该用户设置默认的角色。

优选的，基础数据的初始化配置包括资源数据的初始化配置、动作数据的初始化配置、权限数据的初始化配置和角色数据的初始化配置。

以Web产品为核心，Web产品下会有权限数据、动作数据、也会有资源数据。资源指Web产品涉及到的数据，例如：在新闻网站中的资源包括全部数据和热点聚焦两类资源。动作在本实施例中不限于简单的对数据的增删改查，还包括在一个Web页面或者在该Web页面下的所有的操作，比如按钮点击的转发操作、删除操作、下载数据操作等。

动作和资源是直接挂在产品下。比如删除操作这个动作直接挂在产品下，而并非产品下的某个资源如全部数据或热点聚焦两个资源，因为全部数据和热点聚焦这两个模块可能都具有删除这个动作，所以删除这个动作是可以共用的，因此将动作挂在产品下。

资源挂在产品下，动作也是挂在产品下，产品需要一个adimin，谁创建了产品，谁就是产品的admin，其他任何一个人创建资源、动作，admin都能看到。角色表示Web产品涉及到的所有用户，优选的，角色包括高级管理员、普通管理员、高级用户和普通用户。

具有相同角色的用户组成一个用户组，不同角色拥有不同的权限。这里的权限指用户对Web产品的资源操作权限和动作操作权限。例如：对于一个视频播放网站，普通用户只能访问免费视频，只有高级用户才能访问VIP视频资源。

资源和动作的存储都是以8421码的方式存储在数据库中，这样动作的权限加都是唯一确定的。

在此基础上，在仅涉及基础数据的初始化配置时，定义jsonp接口包括：

S102：确定待构建Web产品中一个或一个以上基本功能；

每个Web产品需要的基本功能可能不同，开发者只需确定当前待构建的Web产品中的基本功能即可。

优选的，所述基本功能包括：登录模块、注册模块、忘记密码模块、找回密码模块和基础数据的初始化配置等。

可以理解的是，为了满足更多Web产品的开发需求，不同类型的Web产品的基本功能可能不同，本发明中的基本功能并不局限于上述基本功能。

S103：调用所述jsonp接口，根据一个或一个以上所述基本功能，引入相应的预先编辑的功能逻辑包，所述功能逻辑包包括相应的所述基本功能的客户端实现和服务端实现。

本实施例公开了一种Web开发方法，先定义jsonp接口，在Web产品的开发过程中只要确定了需要开发的基本功能，就可以通过调用所述jsonp接口，根据已确定的基本功能引入相应的预先编辑的功能逻辑包，所述功能逻辑包包括相应的所述基本功能的客户端实现和服务端实现。避免了在Web产品的开发过程中对基本功能的重复开发，提供了代码的重用性，降低了开发时间和开发成本，提高了Web产品的开发效率。

为了满足不同Web产品的个性化设计需求，本实施例公开了另一种Web开发方法，请参阅图3，所述Web开发方法具体包括以下步骤：

S201：定义jsonp接口；

S202：确定待构建Web产品中一个或一个以上基本功能；

S203：调用所述jsonp接口，根据一个或一个以上所述基本功能，引入相应的预先编辑的功能逻辑包，所述功能逻辑包包括相应的所述基本功能的客户端实现和服务端实现；

S204：确定对所述特定基本功能进行个性化设计是否在加载所述特定基本功能之前，若是，执行S205，若否，执行S206；

当需要对所述待构建Web产品中的特定基本功能进行个性化设计时，首先开发者需要确定个性化设计是否在加载所述特定基本功能之前，例如：开发者需要对登录页面进行个性化设计时，登录页面在加载登录功能之前；若开发者需要对登录后的跳转效果进行个性化设计时，跳转效果在加载登录功能之后。

S205：调用所述jsonp接口中的自定义操作函数，根据个性化设计需求对所述特定基本功能进行个性化设计；

S206：调用所述jsonp接口中的回调函数，根据个性化设计需求对所述特定基本功能进行个性化设计。

自定义操作函数和回调函数预先在jsonp接口中进行定义，因此，在调用jsonp接口后，只需再调用自定义操作函数就可以完成对加载特定基本功能前的个性化设计，再调用回调函数就可以完成对加载特定基本功能后的个性化设计。

本发明的重点是jsonp接口的应用思想，即在一个Web产品的入口页面通过一个<script></script>引入。比如一个登录功能，只需要在页面引入以下代码，即可展现登录页面并实现登录的所有功能，使用非常方便。举例如下：

本实施例公开的一种Web开发方法，在调用jsonp接口后，只需再调用自定义操作函数就可以完成对加载特定基本功能前的个性化设计，再调用回调函数就可以完成对加载特定基本功能后的个性化设计。基于本实施例公开的Web开发方法，开发者不仅可以通过调用jsonp接口，引入开发所需的各种基本功能，还可以针对特定需求，对基本功能进行个性化设计，满足了不同类型Web产品的个性化设计需求。

基于上述实施例公开的一种Web开发方法，本实施例对应公开了一种Web开发装置，请参阅图4，所述Web开发装置具体包括：

jsonp接口定义单元101，用于定义jsonp接口；

基本功能确定单元102，用于确定待构建Web产品中一个或一个以上基本功能；

jsonp接口调用单元103，用于调用所述jsonp接口，根据一个或一个以上所述基本功能，引入相应的预先编辑的功能逻辑包，所述功能逻辑包包括相应的所述基本功能的客户端实现和服务端实现。

本实施例提供的一种Web开发装置，先定义jsonp接口，在Web产品的开发过程中只要确定了需要开发的基本功能，就可以通过调用所述jsonp接口，根据已确定的基本功能引入相应的预先编辑的功能逻辑包，所述功能逻辑包包括相应的所述基本功能的客户端实现和服务端实现。避免了在Web产品的开发过程中对基本功能的重复开发，提供了代码的重用性，降低了开发时间和开发成本，提高了Web产品的开发效率。

请参阅图5，图5为本发明实施例公开的另一种Web开发装置，包括：

jsonp接口定义单元201，用于定义jsonp接口；

基本功能确定单元202，用于确定待构建Web产品中一个或一个以上基本功能；

jsonp接口调用单元203，用于调用所述jsonp接口，根据一个或一个以上所述基本功能，引入相应的预先编辑的功能逻辑包，所述功能逻辑包包括相应的所述基本功能的客户端实现和服务端实现；

个性化设计确定单元204，用于确定对所述特定基本功能进行个性化设计是否在加载所述特定基本功能之前，若是，触发第一调用单元205，若否，触发第二调用单元206；

所述第一调用单元205，用于调用所述jsonp接口中的自定义操作函数，根据个性化设计需求对所述特定基本功能进行个性化设计；

所述第二调用单元206，用于调用所述jsonp接口中的回调函数，根据个性化设计需求对所述特定基本功能进行个性化设计。

本实施例公开的一种Web开发装置，在调用jsonp接口后，只需再调用自定义操作函数就可以完成对加载特定基本功能前的个性化设计，再调用回调函数就可以完成对加载特定基本功能后的个性化设计。基于本实施例公开的Web开发方法，开发者不仅可以通过调用jsonp接口，引入开发所需的各种基本功能，还可以针对特定需求，对基本功能进行个性化设计，满足了不同类型Web产品的个性化设计需求。

所述Web开发装置包括处理器和存储器，上述jsonp接口定义单元、基本功能确定单元和jsonp接口调用单元等均作为程序单元存储在存储器中，由处理器执行存储在存储器中的上述程序单元来实现相应的功能。

处理器中包含内核，由内核去存储器中调取相应的程序单元。内核可以设置一个或以上，通过调整内核参数来提高Web开发效率。

存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)，存储器包括至少一个存储芯片。

本发明实施例提供了一种存储介质，其上存储有程序，该程序被处理器执行时实现所述Web开发方法。

本发明实施例提供了一种处理器，所述处理器用于运行程序，其中，所述程序运行时执行所述Web开发方法。

本发明实施例提供了一种设备，设备包括处理器、存储器及存储在存储器上并可在处理器上运行的程序，处理器执行程序时实现以下步骤：

定义jsonp接口；

确定待构建Web产品中一个或一个以上基本功能；

本文中的设备可以是服务器、PC、PAD、手机等。

本申请还提供了一种计算机程序产品，当在数据处理设备上执行时，适于执行初始化有如下方法步骤的程序：

定义jsonp接口；

确定待构建Web产品中一个或一个以上基本功能；

本领域内的技术人员应明白，本申请的实施例可提供为方法、系统、或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。

存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。存储器是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。

本领域技术人员应明白，本申请的实施例可提供为方法、系统或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

以上仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。

Claims

1.一种Web开发方法，其特征在于，包括：

定义jsonp接口；

确定待构建Web产品中一个或一个以上基本功能；

调用所述jsonp接口，根据一个或一个以上所述基本功能，通过script标签引入相应的预先编辑的功能逻辑包，所述功能逻辑包包括相应的所述基本功能的客户端实现和服务端实现；

当需要对所述待构建Web产品中的特定基本功能进行个性化设计时，确定对所述特定基本功能进行个性化设计是否在加载所述特定基本功能之前；

2.根据权利要求1所述的方法，其特征在于，所述基本功能包括：登录模块、注册模块、忘记密码模块、找回密码模块和基础数据的初始化配置。

3.根据权利要求2所述的方法，其特征在于，所述基础数据的初始化配置包括资源数据的初始化配置、动作数据的初始化配置、权限数据的初始化配置和角色数据的初始化配置。

4.根据权利要求3所述的方法，其特征在于，所述定义jsonp接口包括：

5.根据权利要求4所述的方法，其特征在于，所述角色包括高级管理员、普通管理员、高级用户和普通用户。

6.一种Web开发装置，其特征在于，包括：

jsonp接口定义单元，用于定义jsonp接口；

jsonp接口调用单元，用于调用所述jsonp接口，根据一个或一个以上所述基本功能，通过script标签引入相应的预先编辑的功能逻辑包，所述功能逻辑包包括相应的所述基本功能的客户端实现和服务端实现；

个性化设计确定单元，用于确定对特定基本功能进行个性化设计是否在加载所述特定基本功能之前，若是，触发第一调用单元，若否，触发第二调用单元；

7.一种存储介质，其特征在于，所述存储介质包括存储的程序，

其中，在所述程序运行时控制所述存储介质所在的设备执行如权利要求1-5中任一项所述的Web开发方法。

8.一种处理器，其特征在于，所述处理器用于运行程序，

其中，所述程序运行时执行如权利要求1-5中任一项所述的Web开发方法。