CN111176627A - Device and method for separating front end from back end based on micro-service - Google Patents
Device and method for separating front end from back end based on micro-service Download PDFInfo
- Publication number
- CN111176627A CN111176627A CN201911243918.8A CN201911243918A CN111176627A CN 111176627 A CN111176627 A CN 111176627A CN 201911243918 A CN201911243918 A CN 201911243918A CN 111176627 A CN111176627 A CN 111176627A
- Authority
- CN
- China
- Prior art keywords
- service
- development
- framework
- end system
- program code
- 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
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Stored Programmes (AREA)
Abstract
The invention discloses a device and a method for separating a front end from a back end based on microservice, which comprises a front end system and a back end system, wherein the front end system and the back end system are called by RZESTful to realize the access of the front end system and the back end system on the Internet; the front-end system adopts HTML5/JS development language to realize the adaptation of the operating environments and the technical stacks of different terminals; the back-end system adopts JAVA development language to realize the access operation of the service logic and the database of the network application. The device and the method for separating the front end from the back end based on the micro service can provide development efficiency and labor division management of a development team for internet application, particularly under the condition of multiple terminals, and realize that one set of codes is suitable for software and hardware environments of different mobile terminals through the responsive layout of the front end framework, thereby greatly reducing the development cost.
Description
Technical Field
The invention relates to the technical field of software development, in particular to a device and a method for separating a front end from a back end based on micro-service.
Background
The traditional software development method is based on the idea of structured software engineering, and is used for longitudinally performing task segmentation and performing functional decomposition from a system, a subsystem, a module and the like so as to subdivide a large development task and further complete task decomposition and progress decomposition of a team. For network software development, the system also comprises a client/server side and a data processing side, and the software technology architecture realizes multi-layer access from a C/S architecture to a B/S architecture. However, the front end and the back end of the traditional software development (especially under the B/S framework) can not be separated no matter the code, the progress and the developer. Even though a relatively new development architecture (such as an MVC architecture), a Model View Controller, which is an abbreviation of a Model (Model) -View (View) -Controller (Controller), is a software design paradigm, a method of separating business logic, data and interface display is used to organize codes, and the business logic is gathered into one component, so that the business logic does not need to be rewritten while the interface and user interaction are improved and personalized. MVC was uniquely developed to map traditional input, processing, and output functions into a logical graphical user interface structure. The MVC architecture cannot realize the thorough division of codes and personnel in the code development process of developers, so that the personnel skills cannot be specialized, the coupling degree is high, and the platform flexibility is poor.
Disclosure of Invention
The invention mainly aims to provide a device and a method for separating front and back ends based on micro-service, which can effectively solve the problems in the background technology.
In order to achieve the purpose, the invention adopts the technical scheme that:
a front-end and back-end separation device and method based on micro service comprises the following steps:
the system comprises a front-end system and a back-end system, wherein RESTful is adopted between the front-end system and the back-end system for calling service, so that the front-end system and the back-end system can access the Internet;
the front-end system adopts HTML5/JS development language to realize the adaptation of the operating environments and the technical stacks of different terminals;
the back-end system adopts JAVA development language to realize the access operation of the service logic and the database of the network application.
Preferably, the front-end system comprises a program code front end, a developer front end and a development progress front end, and the back-end system comprises a program code back end, a developer back end and a development progress back end.
Preferably, the front side of the program code is more important than the user experience, and is adaptive to the terminal type, and the back side of the program code is more important than the performance and expansibility of the service logic and system.
Preferably, the developer front-end includes, but is not limited to, design of user experience, humanization of interaction, aesthetic and artistic interface, the developer front-end technology includes, but is not limited to, HTML5/JS/CSS, the developer back-end includes, but is not limited to, performance of the system, business logic, controllability of data processing, and the developer back-end technology includes, but is not limited to, JAVA and SQL.
Preferably, a method for separating program codes in a microservice-based front-end and back-end separation device includes the following steps:
①, developing a program code front end and a program code rear end by adopting different development languages and development tools;
and secondly, adopting RESTful to carry out service calling, and integrating data developed by the front end and the rear end of the program code.
preferably, the development language in the step ① is a development language of HTML5+ JS + CSS, the front-end development tool adopts a form designer (Coform) which can simplify the work of system requirement analysis and construction, the interface designer model comprises a plurality of business service components, basic service components and Internet service components, and various components are used for designing UI through a unified style definition, component framework and page interaction mode.
preferably, the background service development tool (coststudio) in the step ① provides a complete development environment to cope with complex business changes, and provides the complete SDK expansion capability of the platform, including functions in various aspects of database development framework, file server framework, document library development framework, search engine framework, cache service, asynchronous message service, message push, authentication management, electronic form and report access.
The separation of the front end code and the back end code can realize the application decoupling of the front end and the back end and realize the consistency of service logic.
Preferably, a method for developing progress separation in a device based on front-end and back-end separation of microservices includes the following steps:
a, designing a frame generation tool of a back-end service, and determining a service name, an information interaction JSON format and semantics between a front end and a back end for each determined service;
b, a front-end development tool or a special micro-service registration management tool can generate a service Framework (Framework) without code implementation.
Compared with the prior art, the invention has the following beneficial effects: the framework and the method can provide development efficiency and labor division management of a development team under the condition of internet application, particularly under the condition of multiple terminals, realize that one set of codes is suitable for software and hardware environments of different mobile terminals through the responsive layout of the front-end framework, and can greatly reduce the development cost.
Drawings
FIG. 1 is an overall structure diagram of a front-end and back-end separation apparatus based on micro-services according to the present invention.
Detailed Description
In order to make the technical means, the creation characteristics, the achievement purposes and the effects of the invention easy to understand, the invention is further described with the specific embodiments.
Examples
A front-end and back-end separation device based on micro-service comprises a front-end system and a back-end system, wherein RESTful is adopted between the front-end system and the back-end system to call the service, so that the front-end system and the back-end system can access the Internet;
the front-end system adopts HTML5/JS development language to realize the adaptation of the operating environment and the technical stack of different terminals;
different development languages are avoided for operating systems (such as Windows/IOS/Android) of different mobile terminals, and the operation of multiple terminals is realized through one set of codes.
The over-response layout realizes the self-adaptation to the screen specifications of various terminals, such as the size of a mobile phone screen and different operation habits of a transverse screen and a vertical screen.
The back-end system adopts JAVA's development language to realize the access operation of the business logic and database of the network application.
The front-end system comprises a program code front end, a developer front end and a development progress front end, and the back-end system comprises a program code back end, a developer back end and a development progress back end.
The front side of the program code is more important than the user experience, the terminal type is self-adaptive, and the rear side of the program code is more important than the performance and the expansibility of service logic and a system.
The developer front-end includes but is not limited to design of user experience, humanization of interaction, aesthetic and artistic interface, the developer front-end technology includes but is not limited to HTML5/JS/CSS, the developer back-end includes but is not limited to system performance, business logic, controllability of data processing, and the developer back-end technology includes but is not limited to JAVA and SQL.
And (3) separating the development progress: when the front-end technology and the back-end technology are upgraded due to the network architecture with the front-end and the back-end separated, the front-end and the back-end cannot influence each other, and meanwhile, on the premise that the front-end and the back-end interaction protocols are guaranteed, the problem that development progress is influenced by mutual waiting of front-end developers and back-end developers is avoided. Often, the end user uses and experiences a front-end system, the front-end development can be completed by separating the progress, the requirements are met, and then the development of the rear end is optimized, so that the development efficiency can be greatly improved, and the problem of requirement management is solved.
A method for separating program codes in a device based on front-end and back-end separation of microservices comprises the following steps:
①, developing a program code front end and a program code rear end by adopting different development languages and development tools;
and secondly, adopting RESTful to carry out service calling, and integrating data developed by the front end and the rear end of the program code.
the method comprises the following steps that firstly, a development language of HTML5+ JS + CSS is adopted, a front-end development tool adopts a form designer (Coform) which can be seen and obtained to simplify the work of system requirement analysis and construction, an interface designer model comprises a plurality of business service components, basic service components and Internet service components, and various components are used for designing UI through unified style definition, component framework and page interaction modes.
the background service development tool (Costudio) in the step ① provides a complete development environment to cope with complex business changes, and provides the complete SDK expansion capability of the platform, wherein the complete SDK expansion capability comprises functions in multiple aspects of a database development framework, a file server framework, a document library development framework, a search engine framework, a cache service, an asynchronous message service, message pushing, authentication management and electronic form and report access.
In the development mode of front-end and back-end separation, the front end and the back end of a program code must be separated, and the separation of the code is realized through a micro-service architecture.
A method for separating progress in a device for separating front and back ends based on micro-services comprises the following steps:
a, designing a frame generation tool of a back-end service, and determining a service name, an information interaction JSON format and semantics between a front end and a back end for each determined service;
b, a front-end development tool or a special micro-service registration management tool can generate a service Framework (Framework) without code implementation and automatically return data JSON for testing. This allows front-end code or back-end code to be developed separately.
Developer isolation method: the front-end and back-end developers adopt different development languages and development tools, different development methods and different technical requirements.
The micro-service can decompose the application into a small software architecture of the autonomous service, the service usually only focuses on a certain specific target and ensures the autonomy among the services, each service is independently developed, tested and deployed, each service usually uses an appointed service calling API and communicates through a network, the micro-service architecture realizes the self-adaptive framework from the front end, the micro-service of the application, the splitting of data at the back end and the deployment based on a container, the decoupling of the service is realized, and the rapid and extensible deployment and operation and maintenance are met.
The framework and the method can provide development efficiency and labor division management of a development team under the condition of internet application, particularly under the condition of multiple terminals, realize that one set of codes is suitable for software and hardware environments of different mobile terminals through the responsive layout of the front-end framework, and can greatly reduce the development cost.
The foregoing shows and describes the general principles and broad features of the present invention and advantages thereof. It will be understood by those skilled in the art that the present invention is not limited to the embodiments described above, which are described in the specification and illustrated only to illustrate the principle of the present invention, but that various changes and modifications may be made therein without departing from the spirit and scope of the present invention, which fall within the scope of the invention as claimed. The scope of the invention is defined by the appended claims and equivalents thereof.
Claims (8)
1. A device based on separation of front and back ends of microservice is characterized in that: the system comprises a front-end system and a back-end system, wherein RESTful is adopted between the front-end system and the back-end system for calling service, so that the front-end system and the back-end system can access the Internet;
the front-end system adopts HTML5/JS development language to realize the adaptation of the operating environments and the technical stacks of different terminals;
the back-end system adopts JAVA development language to realize the access operation of the service logic and the database of the network application.
2. A microservice-based front-end separation apparatus according to claim 1, wherein: the front-end system comprises a program code front end, a developer front end and a development progress front end, and the back-end system comprises a program code back end, a developer back end and a development progress back end.
3. A microservice-based front-end separation apparatus according to claim 1, wherein: the front side of the program code is more important than the user experience, the terminal type is self-adaptive, and the rear side of the program code is more important than the performance and the expansibility of service logic and a system.
4. A microservice-based front-end separation apparatus according to claim 1, wherein: the developer front end includes but is not limited to design of user experience, humanization of interaction, aesthetic and artistic interface, the developer front end technology includes but is not limited to HTML5/JS/CSS, the developer back end includes but is not limited to performance of system, business logic, controllability of data processing, the developer back end technology includes but is not limited to JAVA and SQL.
5. A method for separating program codes in a device based on front-end and back-end separation of microservice is characterized in that: the method comprises the following steps:
①, developing a program code front end and a program code rear end by adopting different development languages and development tools;
and secondly, adopting RESTful to carry out service calling, and integrating data developed by the front end and the rear end of the program code.
6. the method for separating the program codes in the device based on the front-end and back-end separation of the microservice as claimed in claim 5, wherein the development language in the step ① is HTML5+ JS + CSS, the front-end development tool is a form designer (CoForm) for simplifying the work of system requirement analysis and construction, the interface designer model comprises a plurality of business service components, basic service components and Internet service components, and various components are used for designing the UI through a uniform style definition, component framework and page interaction mode.
7. the method for separating the program codes in the device based on the front-end and back-end separation of the microservice is characterized in that a background service development tool (Costudio) in the step ① provides a complete development environment to cope with complex business changes and provides the complete SDK expansion capability of a platform, and the method comprises the functions of a database development framework, a file server framework, a document library development framework, a search engine framework, a cache service, an asynchronous message service, message pushing, authentication management, and multi-aspect access of electronic forms and reports.
8. A method for separating progress in a device for separating front and back ends based on micro-services is characterized in that: the method comprises the following steps:
a, designing a frame generation tool of a back-end service, and determining a service name, an information interaction JSON format and semantics between a front end and a back end for each determined service;
b, a front-end development tool or a special micro-service registration management tool can generate a service Framework (Framework) without code implementation.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911243918.8A CN111176627A (en) | 2019-12-06 | 2019-12-06 | Device and method for separating front end from back end based on micro-service |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911243918.8A CN111176627A (en) | 2019-12-06 | 2019-12-06 | Device and method for separating front end from back end based on micro-service |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN111176627A true CN111176627A (en) | 2020-05-19 |
Family
ID=70652019
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201911243918.8A Pending CN111176627A (en) | 2019-12-06 | 2019-12-06 | Device and method for separating front end from back end based on micro-service |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111176627A (en) |
Cited By (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112363704A (en) * | 2021-01-12 | 2021-02-12 | 太极计算机股份有限公司 | Service system based on micro-service architecture |
| CN113076095A (en) * | 2021-04-23 | 2021-07-06 | 南京始云网络科技有限公司 | Service implementation method and system based on separation of basic and logic functions |
| CN113094028A (en) * | 2021-04-29 | 2021-07-09 | 成都星云智联科技有限公司 | Windows desktop program development framework, method and related components |
| CN113329250A (en) * | 2021-05-27 | 2021-08-31 | Oppo广东移动通信有限公司 | Control method of playing system and playing system |
| CN113672208A (en) * | 2021-09-08 | 2021-11-19 | 国泰君安证券股份有限公司 | Low code development framework system for realizing compatible trust and creation adaptation based on computer software |
| CN113986215A (en) * | 2021-10-27 | 2022-01-28 | 北银金融科技有限责任公司 | Service arrangement multiplexing architecture method based on financial scene |
| CN114089966A (en) * | 2021-12-10 | 2022-02-25 | 慕海科技(武汉)有限公司 | A system, device and method for front-end and back-end separation architecture and distributed functions |
| CN114168117A (en) * | 2021-10-27 | 2022-03-11 | 福建亿榕信息技术有限公司 | Credit low-code development tool based on designer and storage device |
| US11487540B2 (en) | 2021-03-02 | 2022-11-01 | Capital One Services, Llc | Micro-frontend as a service |
| US12197527B2 (en) | 2021-05-05 | 2025-01-14 | Capital One Services, Llc | Reusable capability component shared by multiple web applications |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104239071A (en) * | 2014-10-13 | 2014-12-24 | 浪潮通信信息系统有限公司 | Cross-platform mobile application development framework system based on universal components and transfer service |
| CN106775766A (en) * | 2017-01-12 | 2017-05-31 | 合肥杰美电子科技有限公司 | A kind of online general visual develops the system and method for human-computer interaction interface |
| US20170220011A1 (en) * | 2016-01-29 | 2017-08-03 | General Electric Company | Development platform for industrial internet applications |
| CN107301048A (en) * | 2017-06-23 | 2017-10-27 | 北京中泰合信管理顾问有限公司 | Using the internal control and management system of response type sharing application framework |
| CN108270855A (en) * | 2018-01-15 | 2018-07-10 | 司中明 | A kind of method of platform of internet of things access device |
| CN108762950A (en) * | 2018-05-23 | 2018-11-06 | 山东浪潮商用系统有限公司 | A kind of standardization RESTful micro services exchange methods |
| CN109783194A (en) * | 2018-12-29 | 2019-05-21 | 广东万云信息科技有限公司 | Processing method, device, equipment and the storage medium of defence mobilization platform |
-
2019
- 2019-12-06 CN CN201911243918.8A patent/CN111176627A/en active Pending
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104239071A (en) * | 2014-10-13 | 2014-12-24 | 浪潮通信信息系统有限公司 | Cross-platform mobile application development framework system based on universal components and transfer service |
| US20170220011A1 (en) * | 2016-01-29 | 2017-08-03 | General Electric Company | Development platform for industrial internet applications |
| CN106775766A (en) * | 2017-01-12 | 2017-05-31 | 合肥杰美电子科技有限公司 | A kind of online general visual develops the system and method for human-computer interaction interface |
| CN107301048A (en) * | 2017-06-23 | 2017-10-27 | 北京中泰合信管理顾问有限公司 | Using the internal control and management system of response type sharing application framework |
| CN108270855A (en) * | 2018-01-15 | 2018-07-10 | 司中明 | A kind of method of platform of internet of things access device |
| CN108762950A (en) * | 2018-05-23 | 2018-11-06 | 山东浪潮商用系统有限公司 | A kind of standardization RESTful micro services exchange methods |
| CN109783194A (en) * | 2018-12-29 | 2019-05-21 | 广东万云信息科技有限公司 | Processing method, device, equipment and the storage medium of defence mobilization platform |
Non-Patent Citations (1)
| Title |
|---|
| 周萌 等: "响应式快速开发框架研究与实现" * |
Cited By (13)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112363704B (en) * | 2021-01-12 | 2021-04-06 | 太极计算机股份有限公司 | Service system based on micro-service architecture |
| CN112363704A (en) * | 2021-01-12 | 2021-02-12 | 太极计算机股份有限公司 | Service system based on micro-service architecture |
| US11487540B2 (en) | 2021-03-02 | 2022-11-01 | Capital One Services, Llc | Micro-frontend as a service |
| US11789728B2 (en) | 2021-03-02 | 2023-10-17 | Capital One Services, Llc | Micro-frontend as a service |
| CN113076095A (en) * | 2021-04-23 | 2021-07-06 | 南京始云网络科技有限公司 | Service implementation method and system based on separation of basic and logic functions |
| CN113094028A (en) * | 2021-04-29 | 2021-07-09 | 成都星云智联科技有限公司 | Windows desktop program development framework, method and related components |
| CN113094028B (en) * | 2021-04-29 | 2023-11-28 | 成都星云智联科技有限公司 | A Windows desktop program development system, method and related components |
| US12197527B2 (en) | 2021-05-05 | 2025-01-14 | Capital One Services, Llc | Reusable capability component shared by multiple web applications |
| CN113329250A (en) * | 2021-05-27 | 2021-08-31 | Oppo广东移动通信有限公司 | Control method of playing system and playing system |
| CN113672208A (en) * | 2021-09-08 | 2021-11-19 | 国泰君安证券股份有限公司 | Low code development framework system for realizing compatible trust and creation adaptation based on computer software |
| CN113986215A (en) * | 2021-10-27 | 2022-01-28 | 北银金融科技有限责任公司 | Service arrangement multiplexing architecture method based on financial scene |
| CN114168117A (en) * | 2021-10-27 | 2022-03-11 | 福建亿榕信息技术有限公司 | Credit low-code development tool based on designer and storage device |
| CN114089966A (en) * | 2021-12-10 | 2022-02-25 | 慕海科技(武汉)有限公司 | A system, device and method for front-end and back-end separation architecture and distributed functions |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111176627A (en) | Device and method for separating front end from back end based on micro-service | |
| KR102185864B1 (en) | Server-side rendering method and system of native content for presentation | |
| CN112181393B (en) | Front-end and back-end code generation method and device, computer equipment and storage medium | |
| CN111767069B (en) | Mini program processing methods, servers, equipment and storage media | |
| CN110858172B (en) | A method and device for generating automatic test code | |
| CN115934855A (en) | Full-link field level blood margin analysis method, system, equipment and storage medium | |
| CN112115113B (en) | Data storage system, method, device, equipment and storage medium | |
| US20120150792A1 (en) | Data extraction framework | |
| CN114089956A (en) | Micro-service splitting method based on demand model | |
| CN103927314A (en) | Data batch processing method and device | |
| CN112685435A (en) | Table query method and system based on Vue and Mybatis | |
| WO2021129812A1 (en) | Method and system for running artificial intelligence application, and device | |
| CN116594676A (en) | Application packaging method, device, equipment and storage medium | |
| CN115617420B (en) | Application program generation method, device, equipment and storage medium | |
| CN115469849B (en) | Service processing system, method, electronic equipment and storage medium | |
| EP3933617A1 (en) | Method, apparatus, device and storage medium for customizing personalized rules for entities | |
| CN111177558B (en) | Channel service construction method and device | |
| CN119475796A (en) | A data interactive correlation mapping and transfer method for SKTC task model | |
| CN112527251A (en) | Service processing method and device, electronic equipment and storage medium | |
| CN114610204B (en) | Auxiliary device and method for data processing, storage medium and electronic equipment | |
| CN117667060A (en) | Method, system and equipment for generating back-end Java item code by low code | |
| CN117271584A (en) | Data processing method and device, computer readable storage medium and electronic equipment | |
| CN111221524B (en) | Method and system for generating front-end module by one key | |
| CN116225403A (en) | Domain-specific language data processing method and device, computing device, storage medium | |
| CN115291938A (en) | Component configuration method and system for electronic evidence analysis |
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 | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20200519 |
|
| RJ01 | Rejection of invention patent application after publication |