CN111723556A - 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
- CN111723556A CN111723556A CN202010594594.9A CN202010594594A CN111723556A CN 111723556 A CN111723556 A CN 111723556A CN 202010594594 A CN202010594594 A CN 202010594594A CN 111723556 A CN111723556 A CN 111723556A
- Authority
- CN
- China
- Prior art keywords
- mode
- rich text
- new
- page
- interface
- 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
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
- G06F16/986—Document structures and storage, e.g. HTML extensions
-
- 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/33—Intelligent editors
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/60—Software deployment
- G06F8/65—Updates
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
- H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Software Systems (AREA)
- Data Mining & Analysis (AREA)
- Computer Security & Cryptography (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Computer Networks & Wireless Communication (AREA)
- Signal Processing (AREA)
- Document Processing Apparatus (AREA)
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 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.
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
A Rich Text Editor, called RTE for short, is a Text Editor that can be embedded in a browser and is what you see is what you get. Unlike text editors, programmers can go to the web to download free text editors embedded in their own web sites or programs.
The rich text editor is widely applied to online publishing of the Internet, and is used for information entry and display of daily mails, articles, blogs, news, diaries and the like. With the popularization of the internet, the network editor is used for inputting text information to realize information editing, displaying, publishing and browsing, and the text information becomes an indispensable important component in daily life of people.
Sometimes, the mode of the back-end operation mode is single, the front-end page needs to have rich styles and patterns, different modes are displayed in different modes, the content of a specific project is difficult to search, 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, a rich text editor is used for enabling a page to have multiple choices during display, different contents are written in the rich text editor to make different displays on the page, the page is more rich and diversified, 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 mainly comprises two parts, namely 1) selecting a traditional release mode or a new release mode for a button copying method through a design button on a traditional operation page, and 2) embedding a rich text editor in the new release mode.
Further, in the above-mentioned case,
a traditional release mode or a new release mode is selected for a button copying method on a traditional operation page by designing buttons, and the method comprises the following steps:
endowing a unique ID on a style for displaying the user access amount on a jsp page, filling in a preloading configuration in a corresponding js file, and directly displaying the access amount data in a database when a webpage is loaded by applying an ajax technology;
by using a distributed method, a mapper mapping file and a corresponding interface are established in a supporting project, and corresponding fields of a corresponding database are updated in the mapper file through an 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 the interface in the support project to obtain the ID of a corresponding page, updating the access amount +1 of the page, and storing the page in a database to finish updating;
adding consumer provider configurations to service-provider context.xml and dubbo-provider.xml files simultaneously in the local project and the support project;
and adding the call of the new interface in the DataUtils tool class, calling the interface at a controller layer, realizing the interface, obtaining the data of the access amount in the database and +1 the data, and automatically updating the database content by the background because the interface is called so that the access amount is increased and the front-end display is consistent with the database data.
Further, in the above-mentioned case,
the embedded rich text editor in the new release mode comprises the following steps:
(1) firstly, compiling two operation modes through codes on a jsp page, classifying the operation modes through a Div module Id, and separating a traditional mode and a new edition rich text editing mode;
(2) the selection mode button is subjected to ID arrangement, when an old edition is selected for release, the content of the rich text editor in 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) and when the requirement is written in a mode which is not in accordance with the requirement of the old edition, selecting a new edition release mode, and performing personalized writing on the new edition release mode by using rich text editing.
The rich text editor can select a common text mode or an HTML tag code format, and can also select fonts, word sizes, colors, even pictures and other language codes.
The invention has the advantages 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 develops different modes of the same page by selecting different modes, so that the page has higher usability and better compatibility.
(3) The invention uses rich functions of the rich text editor, so that the edited content is rich and diversified and can be modified easily.
Detailed Description
In order to make the objects, technical solutions and advantages of the embodiments of the present invention clearer and more complete, the technical solutions in the embodiments of the present invention are described below, it is obvious that the described embodiments are a part of the embodiments of the present invention, but not all embodiments, and all other embodiments obtained by a person of ordinary skill in the art without creative efforts based on the embodiments of the present invention belong to the protection scope of the present invention.
The invention relates to front-end page and rich text editing, which interacts with a database through a back-end SpringMVC and provides high-efficiency brief introduction when a page is accessed.
The method is mainly divided into two parts, a traditional release mode or a new release mode is selected by a method of designing buttons as buttons on a traditional operation page, and a rich text editor is embedded in the new release mode.
The first part is a part of the first part,
(1) firstly, endowing a unique ID on a style for displaying user access amount on a jsp page, then filling in preloading configuration in a corresponding js file, and at the moment, applying ajax technology, the method can update part of the web pages and realize asynchronous update on the web pages under the condition of not reloading the whole web pages. The access data in the database is intended to be displayed directly when the web page is loaded.
(2) By using a distributed method, a mapper mapping file and a corresponding interface are established in a supporting project, and corresponding fields of a corresponding database are updated in the mapper file through an sql language.
(3) 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 the interface in the support project to obtain the ID of a corresponding page, updating the access amount +1 of the page, and storing the page in a database to finish updating.
(4) Consumer provider configurations are added to service-consumercontext.xml and dubbo-provider.xml files at the same time as the local item and the support item to ensure the integrity and operability of the item.
(5) And adding the call of the new interface in the DataUtils tool class, calling the interface at a controller layer, realizing the interface, obtaining the data of the access amount in the database and +1 the data, and automatically updating the database content by the background because the interface is called so that the access amount is increased and the front-end display is consistent with the database data.
In the second part of the first part of the second part,
(1) firstly, two operation modes are written in a jsp page through codes, and are classified by a Div module Id, so that a traditional mode and a new edition rich text editing mode are separated.
(2) And performing ID arrangement on the selection mode button, hiding the content of the rich text editor in the new version mode when the old version is selected for release, and revealing the rich text editor to hide the traditional mode of the old version when the new version is selected for release.
(3) When the requirements of people do not conform to the writing mode required by the old edition and some personalized requirements are difficult to realize, a new edition publishing mode can be selected and personalized writing can be carried out by rich text editing.
(4) The rich text editor can select a common text mode or an HTML tag code format, and can also select fonts, word sizes, colors, even insert pictures and other language codes and the like to meet different personalized requirements.
The invention can realize the development of different products through the rich text editor, and reduce the repeated redundancy of codes. Different rich text editors with rich citation are adopted, and different personalized requirements can be realized according to different requirements.
The above description is only a preferred embodiment of the present invention, and is only used to illustrate the technical solutions of the present invention, and not to limit the protection scope of the present invention. Any modification, equivalent replacement, or improvement made within the spirit and principle of the present invention shall fall within the protection scope of the present invention.
Claims (8)
1. A method for realizing different product release modes through rich text editing is characterized in that,
the method mainly comprises two parts, namely 1) selecting a traditional release mode or a new release mode for a button copying method through designing buttons on a traditional operation page, and 2) embedding a rich text editor in the new release mode.
2. The method of claim 1,
a traditional release mode or a new release mode is selected for a button copying method by designing a button, and the method comprises the following steps:
and endowing a unique ID on a style for displaying the user access amount on a jsp page, filling a preloading configuration in a corresponding js file, and directly displaying the access amount data in the database when loading the webpage by applying the ajax technology.
3. The method of claim 2,
by using a distributed method, a mapper mapping file and a corresponding interface are established in a supporting project, and corresponding fields of a corresponding database are updated in the mapper file through an sql language.
4. The method of claim 3,
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 the interface in the support project to obtain the ID of a corresponding page, updating the access amount +1 of the page, and storing the page in a database to finish updating.
5. The method of claim 4,
add consumer-provider configurations to service-contexturContext. xml and dubbo-provider. xml files at the same time as the local item and the support item.
6. The method of claim 5,
and adding the call of the new interface in the DataUtils tool class, calling the interface at a controller layer, realizing the interface, obtaining the data of the access amount in the database and +1 the data, and automatically updating the database content by the background because the interface is called so that the access amount is increased and the front-end display is consistent with the database data.
7. The method of claim 1,
the embedded rich text editor in the new release mode comprises the following steps:
(1) firstly, compiling two operation modes through codes on a jsp page, classifying the operation modes through a Div module Id, and separating a traditional mode and a new edition rich text editing mode;
(2) the selection mode button is subjected to ID arrangement, when an old edition is selected for release, the content of the rich text editor in 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) and when the requirement is written in a mode which is not in accordance with the requirement of the old edition, selecting a new edition release mode and writing the new edition release mode by using rich text editing.
8. The method of claim 7,
the rich text editor can select a common text mode or an HTML tag code format, and can also select fonts, word sizes, colors, inserted pictures and other language codes.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010594594.9A CN111723556A (en) | 2020-06-28 | 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 CN111723556A (en) | 2020-06-28 | 2020-06-28 | Method for realizing different product release modes through rich text editing |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN111723556A true CN111723556A (en) | 2020-09-29 |
Family
ID=72569140
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010594594.9A Pending CN111723556A (en) | 2020-06-28 | 2020-06-28 | Method for realizing different product release modes through rich text editing |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111723556A (en) |
Citations (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107656941A (en) * | 2016-07-26 | 2018-02-02 | 阿里巴巴集团控股有限公司 | Document analysis method, apparatus and editor |
-
2020
- 2020-06-28 CN CN202010594594.9A patent/CN111723556A/en active Pending
Patent Citations (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107656941A (en) * | 2016-07-26 | 2018-02-02 | 阿里巴巴集团控股有限公司 | Document analysis method, apparatus and editor |
Non-Patent Citations (1)
| Title |
|---|
| 徐光耀: "基于Dubbo分布式架构网上商城的研究与实现", 中国优秀硕士学位论文全文数据库 信息科技辑, no. 8, pages 6 - 49 * |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| Petzold | Creating Mobile Apps with Xamarin. Forms Preview Edition 2 | |
| US8239882B2 (en) | Markup based extensibility for user interfaces | |
| Rees | Evolving the browser towards a standard user interface architecture | |
| TWI394051B (en) | Web page rendering priority mechanism | |
| US7809582B2 (en) | System and method for providing a consistent visual appearance to output generated by multiple applications | |
| Vanderdonckt et al. | Flexible reverse engineering of web pages with vaquista | |
| CN101916192A (en) | Multi-language switching method and device for user interface | |
| Boswell | Creating applications with Mozilla | |
| CN102096588A (en) | Control-containing page establishing method | |
| US20140013211A1 (en) | Content providing apparatus compatible with various terminal devices | |
| CN106708506A (en) | Method and device for optimizing starting speed of Android applications visually | |
| CN111259644A (en) | Rich text processing method, editor, equipment and storage medium | |
| CN110297636A (en) | A kind of automatic production of HTML page and parameter management method based on page configuration file, system and device | |
| CN1732428A (en) | Edit selection control | |
| Van der Hoeven | GNU TeXmacs, A free, structured, wysiwyg and technical text editor | |
| US20040205612A1 (en) | Programmatically generating a presentation style for legacy host data | |
| Morris | Delphi Made Simple | |
| Loudon | Developing Large Web Applications: Producing Code That Can Grow and Thrive | |
| CN104735549A (en) | Method and device for displaying text caption information in webpage | |
| US8037015B2 (en) | Flexible interface using scalable vector graphics with metalevel palette | |
| CN111723556A (en) | Method for realizing different product release modes through rich text editing | |
| US20050216887A1 (en) | Document development platform | |
| KR101307790B1 (en) | Authoring method for digital cartoon contents by linked-translation, and computer-readable recording medium for the same | |
| CN115599367A (en) | Method for collecting and sorting energy big data and establishing visual platform | |
| CN102129386B (en) | A kind of mobile widgets and realize terminal transplant method |
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 |