CN111723556B - Method for realizing different product release modes through rich text editing - Google Patents
Method for realizing different product release modes through rich text editing Download PDFInfo
- Publication number
- CN111723556B CN111723556B CN202010594594.9A CN202010594594A CN111723556B CN 111723556 B CN111723556 B CN 111723556B CN 202010594594 A CN202010594594 A CN 202010594594A CN 111723556 B CN111723556 B CN 111723556B
- Authority
- CN
- China
- Prior art keywords
- mode
- rich text
- interface
- release
- new
- 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
Links
- 238000000034 method Methods 0.000 title claims abstract description 19
- 239000003086 colorant Substances 0.000 claims abstract description 4
- 238000013461 design Methods 0.000 claims abstract description 3
- 238000013507 mapping Methods 0.000 claims description 3
- 238000004806 packaging method and process Methods 0.000 claims description 3
- 230000003993 interaction Effects 0.000 abstract description 3
- 238000011161 development Methods 0.000 abstract description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000006870 function Effects 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
Abstract
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 mainly comprises two parts, wherein a traditional release mode or a new release mode is selected for a button copying method through a design button on a traditional operation page, and a rich text editor is embedded in the new release mode; the single mode and the rich mode are selected in the development page to change the traditional mode and the rich text editing mode, and the embedded rich text editing can be used for randomly modifying the functional personalized requirements of fonts, colors, inserting pictures and the like.
Description
Technical Field
The invention relates to a front-end and back-end interaction technology, in particular to a method for realizing different product release modes through rich text editing.
Background
The Rich Text Editor, RTE for short, is a Text Editor which can be embedded in a browser and is obtained after being seen. The rich text editor is different from the text editor, and a programmer can download the free rich text editor on the internet and embed the free rich text editor in the website or the program.
The rich text editor is widely applied to online release of the Internet, and daily information input and display of mails, articles, blogs, news, diaries and the like can be used. With the popularization of the Internet, the input of text information through a network editor realizes the editing, displaying, publishing and browsing of information, which becomes an essential component in the daily life of people.
Sometimes, the back-end operation mode is single, but the front-end page needs to have rich style patterns, different modes are displayed in different modes, the searching of specific project contents is difficult, the working efficiency is low, and the problem cannot be solved at present.
Disclosure of Invention
In order to solve the technical problems, the invention provides a method for realizing different product release modes through rich text editing, which uses a rich text editor to enable a page to have multiple choices when being displayed, so that different things can be written in the rich text editor to display different pages, the page is richer and more, and the identification and the search are convenient.
The technical scheme of the invention is as follows:
A method for realizing different product release modes through rich text editing is mainly divided into two parts, namely 1) a traditional release mode or a new release mode is selected for a button copying method through a design button on a traditional operation page, and 2) a rich text editor is embedded in the new release mode.
Further, the method comprises the steps of,
Selecting a traditional release mode or a new release mode for a button copying method on a traditional operation page through designing a button, wherein the method comprises the following steps:
Unique ID is assigned to a style displaying the access quantity of a user on a jsp page, then pre-loading configuration is filled in a corresponding js file, and access quantity data in a database is directly displayed when the webpage is loaded by using ajax technology;
Firstly, establishing a mapper mapping file and a corresponding interface in a supporting project by using a distributed method, and updating corresponding fields of a corresponding database in the mapper file through sql language;
Creating a functional interface file in an intermediate dubbo project, packaging the functional interface file, respectively deploying the functional interface file in a support project and a local project, realizing interface in the support project to obtain an ID of a corresponding page, updating the access quantity +1 of the page, and storing the updated access quantity +1 in a database to finish updating;
Adding consumer provider configuration to service-controlcontext.xml and dubbo-provider.xml files at the same time as the local item and support item;
And adding the call of the new interface in DataUtils tool class, calling the interface in a controller layer and realizing the interface, obtaining the data of the access quantity in the database and carrying out +1 on the data, and simultaneously, automatically updating the database content by the background because the interface is called, so that the access quantity is increased, and the front end display is consistent with the database data.
Further, the method comprises the steps of,
The new release mode embedded rich text editor comprises the following steps:
(1) Firstly, two operation modes are compiled through codes on a jsp page, classification is carried out by using a Div module Id, and a traditional mode and a new edition rich text editing mode are separated;
(2) ID arrangement is carried out on the selection mode button, when the old edition is selected for release, the content of the rich text editor of the new edition mode is hidden, and when the new edition is selected for release, the rich text editor is displayed, and the traditional mode of the old edition is hidden;
(3) When the demand is written in a mode which does not meet the requirement of the old edition, a new edition release mode is selected, and personalized writing is carried out on the new edition release mode by rich text editing.
The normal text mode or HTML tag code format may be selected in the rich text editor, and fonts, font sizes, colors, and even inserting pictures and other language codes may be selected.
The invention has the beneficial effects that
(1) The invention adopts the reference of the rich text editor, so that the webpage is not single any more and the content is more rich.
(2) The invention uses different modes for developing the same page by selecting different modes, so that the page has higher availability and better compatibility.
(3) The invention uses the rich function of the rich text editor, can enrich and modify the edited content.
Detailed Description
For the purpose of making the objects, technical solutions and advantages of the embodiments of the present invention more apparent, the technical solutions of the embodiments of the present invention will be clearly and completely described below, and it is apparent that the described embodiments are some embodiments of the present invention, but not all embodiments, and all other embodiments obtained by persons of ordinary skill in the art without making any inventive effort based on the embodiments of the present invention are all within the scope of protection of the present invention.
The invention relates to front-end page and rich text editing, and provides high-efficiency introduction when accessing pages through interaction of a back-end SPRINGMVC with a database.
The invention 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 a button, and a rich text editor is embedded in the new release mode.
The first portion of the first tube,
(1) Firstly, unique ID is assigned to a style displaying the access quantity of a user on a jsp page, then, pre-loading configuration is filled in a corresponding js file, and at the moment, the ajax technology is applied. The access amount data in the database is directly displayed when the web page is intended to be loaded.
(2) And by using a distributed method, firstly establishing a mapper mapping file and a corresponding interface in a supporting project, and updating corresponding fields of a corresponding database in the mapper file through sql language.
(3) And creating a functional interface file in an intermediate dubbo project, packaging the functional interface file, respectively deploying the functional interface file into a support project and a local project, realizing interface in the support project to obtain the ID of a corresponding page, updating the access quantity +1 of the page, and storing the updated access quantity +1 in a database to finish updating.
(4) Consumer provider configuration is added to service-controlcontext.xml and dubbo-provider.xml files at the same time as supporting the items in the local item to ensure item integrity and runnability.
(5) And adding the call of the new interface in DataUtils tool class, calling the interface in a controller layer and realizing the interface, obtaining the data of the access quantity in the database and carrying out +1 on the data, and simultaneously, automatically updating the database content by the background because the interface is called, so that the access quantity is increased, and the front end display is consistent with the database data.
A second portion of the first portion,
(1) Firstly, two operation modes are compiled through codes on a jsp page, classification is carried out by using a Div module Id, and a traditional mode and a new edition rich text editing mode are separated.
(2) ID arrangement is carried out on the selection mode button, when the old edition is selected for release, the content of the rich text editor of the new edition mode is hidden, and when the new edition is selected for release, the rich text editor is displayed, and the traditional mode of the old edition is hidden.
(3) When the demand of the user is not written in a mode meeting the demand of the old edition, and the personalized demand is difficult to realize, a new edition release mode can be selected, and the new edition release mode is personalized written by rich text editing.
(4) The normal text mode or the HTML tag code format can be selected in the rich text editor, and fonts, font sizes, colors, even inserting pictures and other language codes can be selected to meet different individualization requirements.
The invention can realize development of different products through the rich text editor and reduce repeated redundancy of codes. Different requirements of individuation can be achieved according to different requirements by adopting different rich text editors with rich references.
The foregoing description is only illustrative of the preferred embodiments of the present invention, and is not intended to limit the scope of the present invention. Any modification, equivalent replacement, improvement, etc. made within the spirit and principle of the present invention are included in the protection scope of the present invention.
Claims (1)
1. A method for realizing different product release modes through rich text editing is characterized in that,
The method comprises the steps of 1) selecting a traditional release mode or a new release mode through a design button on a traditional operation page, and 2) embedding a rich text editor in the new release mode;
The method also comprises
Unique ID is assigned to a style displaying the access quantity of a user on a jsp page, then pre-loading configuration is filled in a corresponding js file, and access quantity data in a database is directly displayed when the webpage is loaded by using ajax technology;
Firstly, establishing a mapper mapping file and a corresponding interface in a supporting project by using a distributed method, and updating corresponding fields of a corresponding database in the mapper file through sql language;
creating a functional interface file in an intermediate dubbo project, packaging the functional interface file, respectively deploying the functional interface file in a support project and a local project, realizing interface in the support project to obtain an ID of a corresponding page, updating the access quantity +1 of the page, and storing the updated data in a database to finish updating;
Adding consumer provider configuration to service-controlcontext.xml and dubbo-provider.xml files at the same time as the local item and support item;
Adding the call of a new interface in DataUtils tool class, then calling the interface in a controller layer and realizing the interface, obtaining the data of the access quantity in the database and carrying out +1 on the data, and simultaneously, automatically updating the content of the database by the background because the interface is called, so that the access quantity is increased, and the front end display is consistent with the data of the database;
The new release mode embedded rich text editor comprises the following steps:
(1) Firstly, two operation modes are compiled through codes on a jsp page, classification is carried out by using a Div module Id, and a traditional mode and a new edition rich text editing mode are separated;
(2) ID arrangement is carried out on the selection mode button, when the old edition is selected for release, the content of the rich text editor of the new edition mode is hidden, and when the new edition is selected for release, the rich text editor is displayed, and the traditional mode of the old edition is hidden;
(3) When the demand is not written in a mode meeting the demand of the old edition, selecting a new edition release mode, and writing by using a rich text editor;
The normal text mode or HTML tag code format may be selected in the rich text editor, as well as fonts, font sizes, colors, inserted pictures, and other language codes.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010594594.9A CN111723556B (en) | 2020-06-28 | Method for realizing different product release modes through rich text editing |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010594594.9A CN111723556B (en) | 2020-06-28 | Method for realizing different product release modes through rich text editing |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN111723556A CN111723556A (en) | 2020-09-29 |
| CN111723556B true CN111723556B (en) | 2024-07-02 |
Family
ID=
Non-Patent Citations (1)
| Title |
|---|
| 基于Dubbo分布式架构网上商城的研究与实现;徐光耀;中国优秀硕士学位论文全文数据库 信息科技辑(第8期);正文第6-49页 * |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US7873668B2 (en) | Application data binding | |
| US7716163B2 (en) | Method and system for defining semantic categories and actions | |
| EP1679616B1 (en) | Data binding in a word-processing application | |
| AU2006284908B2 (en) | Markup based extensibility for user interfaces | |
| US6230173B1 (en) | Method for creating structured documents in a publishing system | |
| US8635548B2 (en) | Configuring a page for drag and drop arrangement of content artifacts in a page development tool | |
| US7783967B1 (en) | Packaging web content for reuse | |
| EP1393205A2 (en) | Improvements relating to developing documents | |
| CN102752664B (en) | Display method and device for text subtitle information in webpage | |
| WO2009152499A2 (en) | Methods and systems for handling annotations and using calculation of addresses in tree-based structures | |
| CN101192234A (en) | Searching system and method based on web page extraction | |
| JP2003521069A (en) | Method and apparatus for generating structured documents for various displays | |
| CN101689190A (en) | A method, system and computer program for intelligent text annotation | |
| CN109359253A (en) | A kind of web front end performance optimization method | |
| US20140358974A1 (en) | System and method for integral management of information for end users | |
| US20070255722A1 (en) | Data-driven page layout | |
| Fiala et al. | Engineering the presentation layer of adaptable web information systems | |
| Ohene-Djan et al. | Personalising electronic books | |
| US20040044691A1 (en) | Method and browser for linking electronic documents | |
| Loudon | Developing Large Web Applications: Producing Code That Can Grow and Thrive | |
| CN111723556B (en) | Method for realizing different product release modes through rich text editing | |
| Krause et al. | HTML: hypertext markup language | |
| JP2001125855A (en) | Dynamic web page generation program | |
| CN114518876A (en) | Visual editing and generating method of HTML webpage source code | |
| WO2000049535A2 (en) | System, method and article for applying temporal elements to the attributes of a static document object |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| CB03 | Change of inventor or designer information |
Inventor after: Cui Lele Inventor after: Shan Zhen Inventor after: Nie Haofeng Inventor after: Yao Minwei Inventor after: Song She Inventor before: Nie Haofeng Inventor before: Cui Lele Inventor before: Yao Minwei Inventor before: Shan Zhen Inventor before: Song She |
|
| GR01 | Patent grant |