阅读说明：本技术 一种通过富文本编辑实现不同产品发布方式的方法 (Method for realizing different product release modes through rich text editing ) 是由 聂浩锋 崔乐乐 姚民伟 单震 宋设 于 2020-06-28 设计创作，主要内容包括：本发明提供一种通过富文本编辑实现不同产品发布方式的方法,属于前后端交互技术领域,本发明主要分为两个部分,在传统运营页面通过设计按钮为按钮复制方法选择传统发布模式或者新版发布模式,新版发布模式内嵌富文本编辑器；对不同的产品或者类型针对个性化进行不同的编辑解决.通过在开发页面选择单一模式和丰富模式来转变传统模式与富文本编辑模式,通过内嵌的富文本编辑可以随意修改字体,颜色,插入图片等功能性个性化要求。(The invention provides a method for realizing different product release modes through rich text editing, which belongs to the technical field of front-end and back-end interaction, and is mainly divided into two parts, wherein a traditional release mode or a new release mode is selected for a button copying method on a traditional operation page through designing buttons, and a rich text editor is embedded in the new release mode; the traditional mode and the rich text editing mode are changed by selecting a single mode and a rich mode on a development page, and the font, the color, the inserted picture and other functional personalized requirements can be modified at will by the embedded rich text editing.)

一种通过富文本编辑实现不同产品发布方式的方法

技术领域

本发明涉及前后端交互技术，尤其涉及一种通过富文本编辑实现不同产品发布方式的方法。

背景技术

富文本编辑器，Rich Text Editor,简称RTE,是一种可内嵌于浏览器，所见即所得的文本编辑器。富文本编辑器不同于文本编辑器，程序员可到网上下载免费的富文本编辑器内嵌于自己的网站或程序里。

富文本编辑器在互联网的在线发布中应用非常广泛，日常的邮件、文章、博客、新闻、日记等信息录入和展示会用到富文本编辑器。随着互联网的普及，通过网络编辑器来录入文字信息实现信息编辑、展示、发布和浏览成为人们日常生活中不可或缺的重要组成部分。

有时后端运营方式模式比较单一,而前端页面却要样式模样丰富,以不同的模式显示不同的方式，在查找具体项目内容比较困难，工作效率较低，而目前无法解决这一问题。

发明内容

为了解决以上技术问题，本发明提供了一种通过富文本编辑实现不同产品发布方式的方法，运用富文本编辑器使得页面在展示时可以有多种选择,以在富文本编辑器里写不同的东西来在页面做出不同的展示,使得页面更加丰富多元，便于识别和查找。

本发明的技术方案是：

一种通过富文本编辑实现不同产品发布方式的方法，主要分为两个部分，1) 在传统运营页面通过设计按钮为按钮复制方法选择传统发布模式或者新版发布模式,2)新版发布模式内嵌富文本编辑器。

进一步的，

在传统运营页面通过设计按钮为按钮复制方法选择传统发布模式或者新版发布模式，包括：

在jsp页面对显示用户访问量的样式赋上唯一的ID，然后在相对应的js文件中填写预加载配置，在这时运用ajax技术，加载网页时直接显示数据库中访问量数据；

运用分布式的方法，在支撑项目里首先建立好mapper映射文件和相对应的接口，在mapper文件里通过sql语言对相应数据库的相应字段进行更新；

在一个中间dubbo项目创建功能性接口文件，然后将其打包，分别部署到支撑项目里和本地项目里，并且在支撑项目里对接口进行实现，得到相对应页面的 ID，然后对本页面的访问量+1更新，再保存到数据库中就可完成更新；

在本地项目与支撑项目同时对service-consumerContext.xml与 dubbo-provider.xml文件增加消费者提供者配置；

在DataUtils工具类里增加这个新接口的调用，然后在controller层调用接口并实现接口，获得数据库中访问量的数据并对其+1，同时后台因为调用了接口会自动更新数据库内容，使得访问量增加，并且前端显示与数据库数据一致。

进一步的，

新版发布模式内嵌富文本编辑器，包括如下步骤：

(1)首先在jsp页面通过代码编写出两种运营模式，以Div模块Id进行分类，分出传统模式与新版用富文本编辑模式；

(2)对选择方式按钮进行ID编排，当选择老版发布时，将新版模式富文本编辑其内容隐藏，而当选择新版发布时，就将富文本编辑器显现出来，将老版传统模式进行隐藏；

(3)当需求不符合老版所要求的方式编写时，选择新版发布模式，用富文本编辑对其进行个性化编写。

在富文本编辑器里可以选择用普通文本模式或者HTML标签代码格式，还可以选择字体,字号,颜色,甚至***图片以及其他语言代码。

本发明的有益效果是

(1)本发明采用了富文本编辑器的引用,可使网页变得不再单一,而更加的内容丰富。

(2)本发明使用通过选择不同模式来开发同一页面的不同模式,使得页面可用性更高,更好的兼容性。

(3)本发明使用富文本编辑器的丰富功能,可以使得编辑的内容丰富多元,并且好修改。

具体实施方式

为使本发明实施例的目的、技术方案和优点更加清楚，下面对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例，基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本发明保护的范围。

本发明涉及前端页面和富文本编辑,通过后端SpringMVC与数据库交互，提供了访问页面时的高效简介性,本发明运用富文本编辑器使得页面在展示时可以有多种选择,以在富文本编辑器里写不同的东西来在页面做出不同的展示,使得页面更加丰富多元。

本发明主要分为两个部分，在传统运营页面通过设计按钮为按钮复制方法选择传统发布模式或者新版发布模式，新版发布模式内嵌富文本编辑器。

第一部分，

(1)首先在jsp页面对显示用户访问量的样式赋上唯一的ID，然后在相对应的js文件中填写预加载配置，在这时运用ajax技术，此方法可在无需重新加载整个网页的情况下，能够更新部分网页，对网页实现异步更新。意在加载网页时直接显示数据库中访问量数据。

(2)运用分布式的方法，在支撑项目里首先建立好mapper映射文件和相对应的接口，在mapper文件里通过sql语言对相应数据库的相应字段进行更新。

(3)在一个中间dubbo项目创建功能性接口文件，然后将其打包，分别部署到支撑项目里和本地项目里，并且在支撑项目里对接口进行实现，得到相对应页面的ID，然后对本页面的访问量+1更新，再保存到数据库中就可完成更新。

(4)在本地项目与支撑项目同时对service-consumerContext.xml与 dubbo-provider.xml文件增加消费者提供者配置，来保证项目的完整性和可运行性。

(5)在DataUtils工具类里增加这个新接口的调用，然后在controller层调用接口并实现接口，获得数据库中访问量的数据并对其+1，同时后台因为调用了接口会自动更新数据库内容，使得访问量增加，并且前端显示与数据库数据一致。

第二部分，

(1)首先在jsp页面通过代码编写出两种运营模式,以Div模块Id进行分类, 分出传统模式与新版用富文本编辑模式。

(2)对选择方式按钮进行ID编排,当选择老版发布时,将新版模式富文本编辑其内容隐藏,而当选择新版发布时,就将富文本编辑器显现出来,将老版传统模式进行隐藏。

(3)当我们需求不符合我们老版所要求的方式编写时,而又有一些个性化需求难以实现,这时,就可以选择新版发布模式,用富文本编辑对其进行个性化编写。

(4)在富文本编辑器里可以选择用普通文本模式或者HTML标签代码格式,还可以选择字体,字号,颜色,甚至***图片以及其他语言代码等等来满足不同的个性化的需求。

本发明通过富文本编辑器可以实现不同的产品的开发,减少代码重复冗余。采用引用丰富的不同富文本编辑器,可以根据不同的需求来实现不同个性化的需求。

以上所述仅为本发明的较佳实施例，仅用于说明本发明的技术方案，并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所做的任何修改、等同替换、改进等，均包含在本发明的保护范围内。