JP6361770B2 - Information processing apparatus, processing method thereof, and program - Google Patents

Description

  The present invention relates to an information processing apparatus that generates a program, a processing method thereof, and a program.

In recent years, display in a tabular format (hereinafter referred to as grid display) has also been required for screens displayed by browsers.
There is a hands-on table as a technique for performing rich grid display like a tabular application. (Non-Patent Document 1)
By using this hands-on table, the displayed grid style can be easily changed on the browser.

https: // handstable. com /

  However, with the hands-on table technology, the style change is temporary, and when the web application server communicates and redisplays, the initial style at the time of developing the web application is applied and displayed. There was a problem.

  Therefore, simply using the hands-on table has a problem that even if the user changes the style of the grid, the style is not maintained when the user changes to another screen and returns, and the usability is poor. Further, when trying to develop a web application that maintains changes in the grid style and data, there is a problem that it is difficult to develop the web application because the user who develops the web application needs to have advanced knowledge. .

Therefore, an object of the present invention is a Web system capable of storing display state information in a storage of a client device at a set storage timing and displaying an object again in a changed state when a screen used in the Web system is displayed. To provide a mechanism for easily developing a program to be executed.

An information processing apparatus for generating a program to be executed on a Web system for achieving the object of the present invention, wherein the setting means sets an input / output definition corresponding to a screen displayed on a client apparatus used in the Web system, An input / output definition set by a setting unit, a specifying unit for specifying a definition indicating an object whose state can be changed on a screen displayed on a client device, and an object for which the state change specified by the specifying unit is possible The display state information that has been changed by the object of the screen displayed on the client device is acquired, the display state information is stored in the storage of the client device, and the object is redisplayed. Control information that causes the object to be displayed using the stored display state information at times. And generating means for generating a program including the generation means is a memory timing set in correspondence with the previous SL object, a storage timing of the display state of the state changed object information, wherein the client Control information for storing display state information in the storage of the apparatus is generated.

According to the present invention, when the display state information is stored in the storage of the client device at the set storage timing and the screen used in the Web system is displayed, the display is executed by the Web system that can display the object again in the changed state. Programs can be developed easily.

It is a figure which shows the system configuration | structure in this embodiment. It is a figure which shows the hardware constitutions applicable to each apparatus in this embodiment. It is a figure which shows the processing structure of the program development apparatus. 2 is a diagram illustrating a configuration of a Web application 451 arranged in an application server 105. FIG. It is a flowchart of a Web application generation process. It is a figure which shows an example of an input / output definition screen. 5 is a flowchart of processing of an application client 104. It is an image figure which shows the example of a display of the grid displayed by default. It is an image figure which shows the example of a display of the grid displayed with the changed style information. It is a figure which shows the example of a description of a data grid default style. It is a figure which shows the example of a description of the source code of a data grid data control part. It is a figure which shows the example of a description of the source code which reads style information from Web storage. It is a figure which shows the style information preserve | saved at the Web storage 491. It is a figure which shows the example of a description of the source code which writes style information in the Web storage 491. It is an image figure which shows an example of a screen layout setting screen. It is a figure which shows the function structure of the program development apparatus. It is a figure which shows an example of the flowchart of the web application production | generation in other embodiment. It is a flowchart of the process of the application client 104 in other embodiment. It is a figure which shows an example of the input / output definition screen in other embodiment. It is an image figure which shows an example of a screen layout setting screen when "DATAGRID" is set. It is an image figure which shows an example of the screen layout setting screen when "TABLE" is set. It is an image figure which shows an example of a screen layout setting screen when "GRAPH" is set.

  Hereinafter, embodiments of the present invention will be described in detail with reference to the drawings.

  FIG. 1 shows an example of the configuration of a program development apparatus (information processing apparatus used by a developer for generating a Web application), a program development server, a database server, an application client (client apparatus), and an application server according to the present invention. It is a system configuration diagram (information processing system).

  The program development apparatus 101 defines a screen layout, a database search instruction, and the like according to the developer's operation. The program development apparatus 101 alone may accept input from the developer and cause the program development server 102 (to be described later) to perform actual program generation processing and application generation processing. It may be processed.

  In this embodiment, the application generated by the program development apparatus 101 is a Web application. However, the application is not limited to this, and an application or embedded software that operates on an information processing apparatus such as a mobile phone, a smartphone, or a tablet. The application does not have to be communication using Web technology.

  The program development servers 102a to 102b (information processing apparatuses) develop a program in accordance with a developer instruction input by the program development apparatus 101. The program development server 102a may be arranged in a network 106 such as a LAN, and the program development server 102b may be arranged on the Internet or the cloud.

  The database servers 103a to 103b (information processing apparatuses) are databases used by the developed application. In the present invention, the database servers 103a to 103b (information processing apparatuses) may be used for operation confirmation during development. For example, the database server 103 may be configured by the same device as the program development device 101 for use by a developer, or may be arranged in a network 106 such as a LAN (database server 103a). Moreover, you may arrange | position on the internet or a cloud (database server 103b). When the program development apparatus 101 cooperates with the program development server 102, the program development server 102 and the database server 103 may be configured in the same apparatus.

  Application servers 105a to 105b (information processing apparatuses) execute applications developed by the program development apparatus 101. It may be arranged in a network 106 such as a LAN (application server 105a), or may be arranged on the Internet or in the cloud (application server 105b). Further, it is possible to operate by connecting to the database server 103 on the network 106, the Internet, or the cloud.

  The application clients 104a to 104b (information processing apparatuses) are user input terminals that operate application programs developed by the program development apparatus 101 in cooperation with the application server 105. It may be arranged in a network 106 such as a LAN (application client 104a), or may be arranged on the Internet or in the cloud (application client 104b). An information processing apparatus such as a portable terminal may be used.

FIG. 2 is a block diagram showing an example of each hardware configuration applicable as the program development apparatus 101, the program development server 102, the database server 103, the application client 104, and the application server 105 according to the present invention.
In FIG. 2, the CPU 201 comprehensively controls each device connected to the system bus 204.

The ROM 203 or the external memory 211 stores an operating system (OS) that is a control program of the CPU 201 and programs for realizing various functions described later of the information processing apparatus such as each server, client, and device.
The RAM 202 functions as a main memory, work area, temporary save area, and the like for the CPU 201.

The input controller 205 controls input from the input unit 209. Examples of the input unit 209 include pointing devices such as a keyboard and a mouse in the information processing apparatus.
The output controller 206 controls the display of the output unit 210. Examples of the output unit 210 include a CRT and a liquid crystal display.

The external memory controller 207 controls access to the external memory 211 that stores a boot program, various applications, font data, user files, edit files, printer drivers, and the like. In addition, various tables and parameters for realizing various functions of each server, client, and device are stored. Examples of the external memory 211 include a hard disk (HD), a flexible disk (FD), a compact flash (registered trademark) connected to a PCMCIA card slot via an adapter, and smart media.
The communication I / F controller 208 executes communication control processing with an external device via a network.

  A program 212 for realizing the present invention is recorded in the external memory 211 and is executed by the CPU 201 by being loaded into the RAM 202 as necessary.

  Next, basic processing in this embodiment will be described with reference to the configuration diagrams of FIGS. Details of processing that is a feature of the present embodiment will be described with reference to the flowcharts of FIGS.

  FIG. 3 is a configuration diagram showing an outline of processing of the program development apparatus 101. The program development apparatus 101 is an apparatus for automatically generating a Web application based on a definition file defined by a developer who develops a Web application. The program development apparatus 101 includes a repository definition unit 400, an application generation unit 410, a Web application code generation unit 420, and a source code compilation unit 440.

  The repository definition unit 400 includes a database definition 401, an application definition 402, a data model definition 403, an input / output definition 404, and a business process definition 405. These files are input and created by a developer via a web application development tool.

  That is, the repository definition unit 400 manages, as input / output definition information, input definition information that defines items input as arguments to the program and output definition information that defines items output as processing results from the program.

  Next, the web application code generation unit 420 will be described. Information generated by the Web application code generation unit 420 is stored in the external memory 211.

  The repository definition analysis unit 421 reads and analyzes the database definition 401, the application definition 402, the data model definition 403, the input / output definition 404, and the business process definition 405 from the repository definition unit 400.

  The Web application code generation unit 422 generates a source code (JSP) using the code generation rules stored in the external memory 211 and the contents analyzed by the repository definition analysis unit 421. The source code is taken in and a file compiled by the source code compiling unit 440 is generated. Then, the source code compiling unit 440 deploys the compiled file to the application server. When deploying, the related files 471 to 484 in FIG. 4 are also deployed. Note that source code, compiled files, and deployed data are also collectively referred to as program data.

  More specifically, the generated source code is largely divided into a server (for example, server processing unit 460) and a client (client processing unit 470). The server source code is compiled and a compiled file is generated, and the client source code is not compiled but placed on the program development apparatus 101 as a file. Deploy to the application server 105 using this file.

  Also, a Java program (java is a registered trademark) is generated for the server, and immediately after the generation, the program is compiled into a class file, and the class file is deployed. JSP / JavaScript / CSS is generated for the client, and they are not compiled and deployed as they are.

  The deployed module is the Web application module 451. Specifically, when deployed, a file having an extension of “.war” is placed on the application server. That is, the web application code generation unit 422 stores a rule for generating a program used for a web application. For example, the source code shown in FIGS. 12 and 14 is generated according to a predetermined rule. In particular, when a data grid (generally also referred to as a grid) is set on the screen of FIG. 15 and an input / output definition of this data grid is set, 481 data grid parts (hands-on table) are read, and this data grid part is displayed. When the layout is changed (style change) in the grid display used, the source code of FIG. 14 is generated that can store style information in the Web storage.

A data grid component (hands-on table) 481 is a component that displays data acquired from a database in a table format (grid or table) on HTML (Web screen). By clicking a cell on this part, the data can be changed and the layout of the table (such as the order of items and the column width) can be changed. The data grid component is a file having an extension of “.js” and is set (held) in advance by the application generation unit 410 of the program development apparatus 101. That is, the grid control component is stored in a hard disk or the like. In the present embodiment, the grid control component is also referred to as an object control component.
The application server 105 is a web application server in which the generated web application 451 is arranged.

  The Web application 451 is a Web server application including a data grid function. The web application 451 is a file in which source codes and various files generated by the web application code generation unit 422 in FIG. 3 are collected.

  The Web application 451 is divided into a server processing unit 460 and a client processing unit 470. Each of the server processing unit 460 and the client processing unit 470 will be described with reference to FIG.

  FIG. 4 is a configuration diagram illustrating the Web application 451 generated by the Web application code generation unit 422. The server processing unit 460 and the client processing unit 470 will be described as a diagram of a state where the application server 105 is deployed. File).

  The server processing unit 460 is a functional unit that operates on the server side, and the data processing unit 461 processes a request from the client. Specifically, data is acquired or updated based on a data search request or registration request by communicating with a database.

  The client processing unit 470 is downloaded through the browser of the client (application client 104) at the time of execution, and is a group of files (an HTML file in which a file describing a script is included) that realizes processing on the client side. . Specifically, when a predetermined URL is designated by the client, an HTML-format Web screen based on the data grid JSP 471, a data grid CSS 472, a data grid component 481, a data grid default style 482, a data grid data control unit 483, the data grid style control unit 484 is transmitted to the client.

  The data grid JSP 471, data grid CSS 472, data grid component 481, data grid default style 482, data grid data control unit 483, and data grid style control unit 484 will be described below.

  The data grid JSP 471 is a JSP file including HTML capable of displaying a grid, and dynamically includes data in the HTML when the JSP is executed, and is downloaded and displayed on the client. In the data grid JSP 471, information indicating the position of the grid and information on the screen components set in FIG. 15 are described.

The data grid JSP 471 includes a data grid CSS 472, a data grid component 481, a data grid default style 482, a data grid data control unit 483, and a data grid style control unit 484.
The data grid CSS 472 is a file that includes information such as the grid color and character size.
The Java Script (registered trademark) file 480 is a Java Script (registered trademark) file group that performs control related to the grid.

  The data grid component 481 is a component for list display / editing written in JavaScript for a Web application. For example, a file called a hands-on table and displayed in a grid.

  The data grid default style 482 is a style information file for initial display of the data grid. The style information is information that the application generation unit 410 applies to the grid display according to the user settings, and is a file generated by the application generation unit 410. An example of the data grid default style is 1000 in FIG. The item name and order of each column are described. The application generation unit 410 generates the data model according to the value set in the column name when the data model is set in the grid in FIG.

  The data grid data control unit 483 is a file that describes control for setting data in a grid (table format cell) and acquiring data from the grid. The data grid data control unit 483 plays a role of passing data to the data grid component or transmitting data to the application server.

  The data grid style control unit 484 acquires the style information from the Web storage 491, sets the style information in the grid, acquires the style information from the grid changed by the user's operation, and sends the style information to the Web storage 491. A control file to be set (saved). Style information includes “Change row / column width / height” “Fix one row / column and scroll other” “Hide / hide row / column” “Replace row / column” Contains information to control.

  The browser 490 is an application used by an end user who uses a Web application, and is an application that displays an HTML file passed by the client processing unit 470.

  The web storage 491 is a browser function for storing information. Grid style information is stored in the hard disk of the application client 104. FIG. 13 shows an example of information stored in the Web storage. The Web storage also stores item names and item order (display order).

  FIG. 5 is a diagram illustrating an example of a flowchart of Web application generation. Each step of the following flowchart is executed by the CPU 201 of each device.

  In step S <b> 501, upon receiving a Web application generation instruction from the user, the program development apparatus 101 reads the application definition 402 of the repository definition unit 400 stored in the external memory 211 into the RAM 202. Specifically, the developed Web application (project) is determined. In this Web application definition, a data model definition, an input / output definition, and a business process definition are set. These definitions are arbitrarily set by the user on the setting screen for automatically generating a Web application, but may be configured to read a definition generated in advance.

  In step S502, the program development device 101 generates a data model definition 403. The generated data model definition 403 is registered as the repository definition unit 400. Specifically, the items on the database are mapped on the data model setting screen (not shown). Generally, one table and one data model is created. Since the creation of the data model definition is a known technique in the development of Web applications, description thereof is omitted.

  In step S503, the program development apparatus 101 generates an input / output definition 404. The generated input / output definition 404 is registered as the repository definition unit 400. Specifically, the grid definition of the Web screen is performed on the input / output definition screen of FIG.

  Specifically, first, on the screen layout setting screen (FIG. 15), the grid component 1501 is arranged on the screen editor by a drag-and-drop operation or the like. That is, an example of an arrangement process for arranging grid objects is shown.

At the timing when the components of the grid are arranged, a simple grid-like grid is displayed. Therefore, which item of which data model is displayed in this table is set. This item is also set by dragging and dropping the data model from 1502 in FIG. That is, an example of data model setting processing for setting a data model for the arranged grid objects is shown.
Next, in order to perform input / output definition of the screen on which the grid is arranged, the screen shifts to the input / output definition screen of FIG.

  In the case of a screen on which a grid is arranged, definition information 601 corresponding to the grid is displayed on the input / output definition screen. In the item type, “G group”, item code “G”, name “customer master” and the like are set. As for the name, the name of the data model set when the grid is arranged on the screen layout setting screen is set.

In this grid, the definition information 610 for each column is set under the definition information 601. Based on the level 611, it can be determined that the definition information is subordinate to the definition information 601. The definition information 601 is level “1”, and the definition information 610 is level “2”.
Next, when the definition information 601 is selected, input / output item properties are displayed, and a group type (type) “DATAGRID” is set in 603.

Here, the group type (type) will be described in more detail.
As the group type (type), there are “TABLEGID”, “TABLE”, and “GRAPH”, which can be selected. This group type can be changed by a user operation on the input / output definition screen.

  For example, as shown in FIG. 20, when “DATAGRID” is set in the input / output definition of 2000, it is displayed in the data grid format as 2010 on the screen layout setting screen.

  Also, as shown in FIG. 21, when “TABLE” is set in the input / output definition of 2100, the screen layout setting screen is displayed in a table format composed of HTML table tags as shown in 2110.

  Also, as shown in FIG. 22, when “GRAPH” is set in the input / output definition of 2200, the screen layout setting screen is displayed in a graph format as shown in 2210. The vertical axis and horizontal axis of the graph are displayed in a graph using default settings.

  The data grid is a table in which the layout and data can be changed on the browser of the application client 104, and the table cannot be changed. In the present embodiment, the layout and data cannot be changed even in the graph.

  In this way, the developer distinguishes what can and cannot change the layout and data depending on the group type (classification), and generates source code that controls saving (writing) and acquisition (reading) to the Web storage. The technically difficult control of redisplaying the changed state can be facilitated.

  Further, 604 to 606 can be arbitrarily set by the user. In 604, the storage timing of grid style information in the Web storage is set. That is, an example of timing setting processing for setting the storage timing of the style information of the grid changed by the operation of the grid to the definition information indicating the grid is shown.

  The save timing is, for example, when there is a change operation or when the screen is switched. It is also possible to set not to save. Even if the grid style is changed when it is set not to be saved, the grid is displayed in the default style when the screen changes to another screen and returns.

  When set to save, the source code for executing control to save to the web storage is output, and when set to not save, the source code to execute control to save to the web storage is output. Generate the source code so that it will not be. That is, an example of processing for generating control information for storing style information in the Web storage of the client device at the storage timing is shown.

  Accordingly, it is possible to easily generate a Web application (program) for the developer to display the grid style while maintaining or not displaying the change.

  In 605, a storage unit is set. The storage unit is a browser unit (logged-in user unit), a window unit, or the like. The control source code stored in the Web storage is output in units of this setting.

In 606, a discard timing is set. The discard timing includes permanently leaving in the Web storage, discarding when the browser is closed, and discarding when the window is closed. When the browser is set to be discarded, when the browser closing operation is detected, the control source code for deleting the Web storage style information is output.
That is, it is a step showing an example of a setting process for setting an input / output definition that is a definition of a screen displayed on a client device used in the Web system.

  With these various settings, definition information including the item name of the data model and definition information corresponding to the grid object are generated (an example of definition information generation processing is shown).

  In step S504, the program development device 101 generates a business process definition 405. The generated business process definition 405 is registered as the repository definition unit 400. Specifically, it defines the processing flow of received data. For example, a logic is defined in which duplication of input data is checked and registered. The business process definition is also a well-known technique in the development of Web applications, and the description thereof is omitted.

  In step S <b> 505, the program development apparatus 101 reads the database definition 401 of the repository definition unit 400 stored in the external memory 211 into the RAM 202. Assume that the database definition 401 is generated in advance.

  In step S506, the program development apparatus 101 acquires information from each definition / file of the repository definition unit 400 that has been set / read, and generates a source code of the server processing unit. Specifically, the server processing unit 460 is generated based on “data model definition” and “business process definition”.

  In step S507, the program development apparatus 101 acquires information from each definition / file of the repository definition unit 400 that has been set / read, and generates a source code of the client processing unit. Specifically, the client processing unit is generated based on the “input / output definition”. It is assumed that the input / output definition also includes screen setting information shown in FIG.

  The generated source code includes files used for providing Web applications such as HTML, JSP, Javascript (registered trademark) in addition to files (for example, JSP471 for data grid) in which a programming language is described. Also included are 481-484) of FIG.

In step S508, the program development apparatus 101 arranges (deploys) the source code (file) generated in step S506 on the application server 105. As a result, the web application operates on the application server 105. The configuration of the application server when deployed is 460 and 470 in FIG.
Next, the process of step S507 will be described in detail.

In step S510, the definition information of the input / output definition that is the basis for generating the source code is read. Then, it is determined whether or not the group type set in the input / output item property in the input / output definition definition information includes the DATATAGID definition information (for example, record 602). That is, it is processing for determining whether or not a grid is included in the Web screen when generating source code. (This is a step showing an example of a determination process for determining whether or not a set input / output definition includes a definition indicating a grid.) When generating source code of a Web application corresponding to a Web screen including a grid Moves the process to step S511. If the source code of the Web application corresponding to the Web screen that does not include the grid is generated, the process proceeds to step S517.
In this embodiment, it is automatically determined whether or not there is a definition indicating a grid when generating source code. However, in this embodiment, a user manually specifies a definition indicating a grid. The source code may be generated (individually generated source code), and the source code may be combined by a combining process to create a Web application. That is, the determination of the definition of an object (for example, grid) whose state can be changed according to the present embodiment can be rephrased as a configuration in which the definition can be specified by any of automatic and manual operations.

  In step S511, a data grid JSP 471 is created. Specifically, the position for displaying the grid on the HTML screen and the file to be included are set in the JSP file in accordance with the definition information of the input / output definition. Further, definition information (control information) of other parts on the screen set in FIG. 15 is also written.

  In step S512, a data grid CSS 472 is created. Specifically, the color and font information of the grid header (first line) are described. In the present embodiment, a fixed value that the application generation unit 410 has in advance is used, but the user can arbitrarily set it. A detailed description of the information described in the CSS file is omitted because the CSS file is a known technology.

  In step S513, the data grid component 481 is duplicated. This is for generating a program using data grid components that the application generation unit 410 has in advance. Since other files are created as new files (eg, 482 to 484) based on the set definition information, the data grid component is duplicated here.

  In step S514, a data grid default style 482 is generated. As described above, an example of the default style is 1000 in FIG. 10, and is described so as to indicate the item name and order of each column (the order of the item names is the display order of the item names). Note that the default style is determined based on the information in which the column names in FIG. 15 are set. It is assumed that the grid cell width 481 automatically determines the grid cell width. That is, when the data grid default style 482 is used, when the data grid component 481 displays the item name, the width is determined and displayed.

  In step S515, the data grid data control unit 483 is generated. Specifically, in accordance with the definition information (601, 610) of the input / output definition, source code is generated that controls the setting of data to the grid (table format cells) and the acquisition of data from the grid. The data grid data control unit 483 plays a role of passing data to the data grid component or transmitting data to the application server.

  An example of the generated source code is 1100 in FIG. Reference numeral 1101 denotes data displayed on the grid, and source code including all data acquired in advance from the database is output.

  Reference numeral 1102 denotes control source code for generating a grid entity. After acquiring the position of the grid described in the JSP file by “var_container = $ (# g);”, call the hands-on (data grid component) to set the grid (for example, the order of the columns). It is in source code.

  Reference numeral 1103 denotes control source code for reading 1101 with respect to the hands-on (data grid component) in order to display the data 1101 on the generated grid.

In step S516, the data grid style control unit 484 is generated. Specifically, the style information is acquired from the Web storage 491 and set as the style information of the grid, or the style information is acquired from the grid changed by the user's operation, and the style information is set (saved) in the Web storage 491. ) Or output the control source code. Note that the generated source code also includes source code for determining whether layout information is stored in the Web storage.
An example of the generated source code is 1200 in FIG. 12 and 1400 in FIG.

Reference numeral 1200 in FIG. 12 indicates source code for control for reading style information from the Web storage and setting the style information in the grid.
Reference numeral 1201 denotes control source code for acquiring style information (for example, the width of each column) corresponding to the grid operated from the Web storage.

Reference numeral 1202 denotes a source code of control for setting (passing) style information for hands-on (data grid component) in order to set the style information acquired in 1201 in the grid.
Reference numeral 1203 denotes a control function for operating the web storage, which is source code for making a web storage information acquisition request using a browser function.

  Reference numeral 1400 in FIG. 14 indicates source code for writing style information to the Web storage. The timing for writing the style information to the Web storage is the timing set in 604 of FIG. When the setting for saving the style information is made at the timing when the change operation to the grid is performed, an event is acquired from the hands-on (data grid component) and executed.

Reference numeral 1401 denotes control source code for acquiring style information (for example, the width of each column) corresponding to the grid from the hands-on (data grid component) at a set storage timing and storing it in the Web storage.
Reference numeral 1402 denotes a control function for operating the web storage, which is source code for writing information to the web storage using a browser function.
The source code for discarding (deleting) the style information of the Web storage is described in 1400.

  Steps S511 to S516, when it is determined that there is a definition indicating a grid in the set input / output definition, acquires the style information of the grid that has been changed by operating the grid, and sends the style information to the Web storage of the client device It is a step which shows an example of the process which produces | generates the program containing the control information which memorize | stores. Further, when displaying a grid on the screen in the client device, it is determined whether or not style information is stored in the Web storage, and when it is determined that the style information is stored in the Web storage, the style information Is a step showing an example of processing for generating control information for changing and controlling the style of the grid.

  In step S517, a normal control JSP is generated. Specifically, since the Web application does not use a grid, source code for controlling control on the screen is output to the JSP file for each definition information of the input / output definition 404. Note that it is desirable to output the source code to the normal control JSP so that unused JS files, for example, data grid components, are not included.

  In step S518, a normal control CSS is generated. Specifically, information for decorating the HTML screen is described. A detailed description of the information described in the CSS file is omitted because the CSS file is a known technology.

  Although the output of the source code related to the data grid has been described in detail in the present embodiment, it goes without saying that the source code related to definition information other than the data grid is also output. For example, when there is definition information for searching for an input value in the search key input area, the control source code for making a search request to the application server 105 with the input value is output when the search button is pressed. The

  Next, processing when a file used by the application client 104 is downloaded to the browser of the application client 104 will be described with reference to FIG. Note that each step of the following flowchart is executed by the CPU 201 of the application client 104.

  First, the application client 104 accesses the application server 105 based on a URL specified in accordance with a user operation via a browser. The application server 105 acquires the client processing unit 470 and transmits the generated HTML file to the application client 104. Specifically, an HTML file that can be displayed by the browser is generated from the 471 JSP file of the client processing unit 470 of the application server 105 and transmitted to the application client 104 together with the file groups 482 and 480 (481 to 484). . This file group is received and the screen is displayed on the browser. At the time of this screen display, the data grid component 481 is read out, and a grid in which style change or data change is possible is displayed.

  In step S701, the data grid data control unit 483 acquires data to be arranged in the grid and passes the data to the data grid component 481, thereby setting the data in the grid. As the data to be set, the data 1101 in FIG. 11 is used. However, the data corresponding to the search by the user operation may be acquired from the database and displayed, or the initial display may not display the data. Good.

  In step S702, the data grid style control unit 484 determines whether style information corresponding to the displayed grid is stored in the Web storage 491. Specifically, each grid has grid identification information, and the web storage 491 is searched based on the grid identification information to identify corresponding style information. The grid identification information may be any information that can identify the grid name, grid ID, screen name, and the like.

  An example of style information stored in the Web storage 491 is shown in FIG. Reference numeral 1301 denotes information related to the column width in the layout information. In the example 1301, Key is “_datagridColumnWidth_to_sales_solution_customer_name.normalized value”, and Value is “248”. The key indicates information of “_datagridColumnWidth (column width)” of “name (name column)” of the screen “to_sales_solution_customer”.

If there is style information corresponding to the grid, the process proceeds to step S703. If there is no style information corresponding to the grid, the process proceeds to step S705.
In step S703, the data grid style control unit 484 reads the style information specified (obtained) from the Web storage 491.

  In step S704, the data grid style control unit 484 sets the read style information in the data grid. Specifically, the acquired style information is passed to the data grid component 481, and a grid with the changed style information is displayed. An example of the grid displayed with the changed style information is 900 in FIG. Reference numeral 900 denotes an example in which the changed layout information is read and set. Specifically, the “customer name” column is expanded. In addition, the “phonetic” column is moved to the top. The “customer ID” column is fixed. The "Email address" column is hidden.

  In step S705, the data grid style control unit 484 acquires the data grid default style 482, and sets the information acquired from the data grid default style 482 in the data grid. Specifically, information to be set in the data grid component 481 is passed. An example of the grid displayed by default is 800 in FIG. Note that the column width and the like are automatically determined by the data grid component 481.

  In step S706, an operation event waiting loop for the Web screen is entered. Here, in particular, a loop waiting for an operation event for the grid is assumed. The operation event to be detected can be acquired by registering it with the data grid component 481.

  In step S707, the data grid component 481 detects that an operation event to the grid (for example, column width change, column non-display, column order change, etc.) has occurred, and the data grid style control unit 484 moves to the data grid style control unit 484. hand over. Thereby, it is determined whether or not a predetermined operation event has occurred. If an operation event for the grid has occurred, the process proceeds to step S708. If no operation event has occurred, the process moves to step S712.

In step S708, the data grid style control unit 484 determines whether the operation event is the timing to be saved set at the save timing 604. This storage timing is stored in the data grid style control unit 484. For example, when the user changes the column width, if the column width information is to be stored and the storage timing is “every operation”, “YES” is determined, and the process proceeds to step S709.
In the present embodiment, it is described that the storage timing is stored when the storage timing is changed. However, the control may be such that the data grid style is acquired and stored at regular intervals. In this case, even if it has not been changed, it is saved in the web storage, but since the style changed at any timing is obtained and saved in the web storage, the style is obtained and saved at regular intervals. It goes without saying that the effect of this embodiment can be obtained with respect to the control to be performed.

  In step S709, the data grid style control unit 484 acquires the style information changed by the operation from the data grid component 481, and stores the style information in the Web storage 491 in association with the grid identification information. When saving, a save process is performed for each save unit set in the save unit 604. In case of browser unit, it is managed as style information in the browser.

  In step S <b> 710, the data grid style control unit 484 determines whether the operation event is the discard timing set in the discard timing 606. This discard timing is stored in the data grid style control unit 484. If it is the timing for discarding, the process proceeds to step S711. If it is not the timing for discarding, the process proceeds to step S712. If the discard timing 606 is “NEVER”, the setting is not discarded, and the process proceeds to step S712.

  In step S711, the Web storage 491 is deleted based on the grid identification information. In addition, you may delete per grid, you may delete per screen, and you may delete per browser.

In step S712, it is determined whether or not there is a reload on the Web screen. If the web screen is reloaded, the grid is displayed again, and the process returns to step S701. When there is no reload, it becomes an event waiting rule. The reload may be a reload to the grid.
When the event is not a target for discarding or when the processing to the Web storage 491 is completed, the process returns to the event waiting loop.

  Although the present embodiment has been described as a system that generates and constructs a Web application, a system that operates as a Web service that exchanges in XML format may be used.

  Next, an example of a functional configuration showing features in the present embodiment will be described with reference to FIG.

The functional configuration of FIG. 16 is the functional configuration of the program development apparatus 101, but may be a server as long as it is an apparatus capable of program development. In other words, when using a system that can be developed in a cloud environment, it can be replaced with a functional configuration of the server. In other words, it can be paraphrased as an information processing apparatus that generates a program to be executed by a Web system.
Although the grid is described as a grid whose style and data can be changed, it is needless to say that the object is not limited to a grid as long as the object can change its state.
A setting unit 1601 is a functional unit that sets an input / output definition that is a definition of a screen displayed on a client device used in the Web system.
The determination unit 1602 is a functional unit that determines whether there is a definition indicating a grid in the set input / output definition. In other words, it is a functional unit that specifies a definition corresponding to an object whose state can be changed.

  When it is determined that the set input / output definition includes a definition indicating a grid, the generation unit 1603 acquires grid style information (information about the display state of the changed object) that is changed by operating the grid. And a function unit that generates a program including control information for storing the style information in the Web storage of the client device.

Further, when the grid is redisplayed on the screen in the client device, it is determined whether or not style information (information on the display state of the object) is stored in the Web storage, and the style information (object display) is stored in the Web storage. When it is determined that state information) is stored, the function unit generates control information for changing and controlling the style of the grid (the display state of the object) using the style information.
Further, the functional unit generates control information for storing style information in the Web storage of the client device at a storage timing.

In addition, when it is determined that there is a definition indicating a grid in the set input / output definition, the grid is changed by the grid control component (object control component) including control information for calling the grid control component (object control component). This is a functional unit that obtains style information (information about the display state of an object) from the grid control component (object control component) and generates control information to be stored in the Web storage.
The arrangement unit 1604 is a functional unit that arranges grid objects.
The data model setting unit 1605 is a functional unit that sets a data model for the arranged grid objects.
The definition information generation unit 1606 is a functional unit that generates definition information including item names of the set data model and definition information corresponding to the grid object.

The timing setting unit 1607 is a functional unit that sets the storage timing of the style information of the grid, which has been changed by operating the grid, in the definition information indicating the grid.
The storage unit 1608 is a functional unit that stores grid control components.
This is the end of the detailed description of this embodiment.

  Next, other embodiments will be described. Note that the same description as in the above embodiment is omitted.

  The processing of this embodiment will be described using FIG. FIG. 17 is a diagram illustrating an example of a flowchart of Web application generation according to another embodiment. Each step of the following flowchart is executed by the CPU 201 of each device.

  Step S1701 is the same processing as step S503, and the program development apparatus 101 generates an input / output definition 404. The generated input / output definition 404 is registered as the repository definition unit 400. In the present embodiment, the grid definition of the Web screen is performed on the input / output definition screen of FIG. Here, in 1801, data is changed in the data grid, and it can be set whether or not to save this data in the Web storage. When set to “ON”, the source code for saving the changed data in the Web storage and acquiring the data from the Web storage is generated.

When “OFF” is set, the changed data is not saved in the web storage, but the source code for saving and acquiring the layout in the web storage is generated.
The data storage timing is the same as the setting of 604 in FIG. 6, but it goes without saying that the data storage timing may be set separately.

In step S1702, the data grid data control unit 483 is generated by the same processing as in step S515. Specifically, in accordance with the definition information (601, 610) of the input / output definition, source code is generated that controls the setting of data to the grid (table format cells) and the acquisition of data from the grid. When 1801 is “ON”, the source of control for acquiring changed data from the grid changed by the user's operation and setting (saving) the data in the Web storage 491 or acquiring the data from the Web storage Generate code. The data may be stored only in the changed part or in the entire data grid.
Although not shown, it goes without saying that source code for determining whether data is stored in the Web storage is also generated.

  The data grid data control unit 483 plays a role of transferring data to the data grid component and transmitting data to the application server as described above, in addition to the role of acquiring and storing data in the Web storage.

  If it is determined in step S510 that the group type set in the input / output item property in the definition information of the input / output definition is TABLE or GRAPH (including the case where no group is set), the process advances to step S1703. Move processing.

  In step S1703, it is determined whether the group type is TABLE or GRAPH. In the case of GRAPH, the process proceeds to step S1704. In the case of TABLE, the process proceeds to step S517. In step S517, a table is generated using a table tag.

  In step S1704, a graph JSP is created. Specifically, in accordance with the definition information of the input / output definition, the position for displaying the graph on the HTML screen and the file to be included are set in the JSP file. Further, definition information (control information) of other parts on the screen set in FIG. 15 is also written.

  In step S1705, a graph CSS is created. Specifically, the bar graph color and axis font information are described. In the present embodiment, a fixed value that the application generation unit 410 has in advance is used, but the user can arbitrarily set it. A detailed description of the information described in the CSS file is omitted because the CSS file is a known technology.

  In step S1706, the graph part (not shown) is duplicated. This is for generating a program using the graph parts that the application generation unit 410 has in advance. Since other files are created as new files (eg, 482 to 484) based on the set definition information, the graph parts are duplicated here.

  In step S1707, a graph data control unit is generated. Specifically, control source code for setting data in the graph is generated according to the definition information of the input / output definition. The graph data control unit plays a role of passing data to a graph part or passing graph settings (bar graph, line graph, axis setting). The graph settings can be set in the input / output definition, but default settings may be used.

  In this embodiment, the data grid, the graph, and the table are described separately. Needless to say, however, when the data grid, the graph, and the table are mixed in the input / output definition, the source code for each is generated. .

  Next, processing of the present embodiment will be described with reference to FIG. FIG. 18 illustrates processing when a file used by the application client 104 is downloaded to the browser of the application client 104 according to another embodiment. Note that each step of the following flowchart is executed by the CPU 201 of the application client 104.

  In step S1801, the data grid style control unit 484 or the data grid data control unit determines whether style information or data corresponding to the displayed grid is stored in the Web storage 491. Specifically, each grid has grid identification information, and the web storage 491 is searched based on the grid identification information to identify corresponding style information. The grid identification information may be any information that can identify the grid name, grid ID, screen name, and the like.

  If there is style information or data corresponding to the grid, the process proceeds to step S1802. If there is no style information or data corresponding to the grid, the process proceeds to step S705.

  In step S1802, the data grid style control unit 484 or the data grid data control unit reads the style information or data specified (obtained) from the Web storage 491.

  In step S1803, the data grid style control unit 484 sets the read style information in the data grid. Specifically, the acquired style information is passed to the data grid component 481, and a grid with the changed style information is displayed. An example of the grid displayed with the changed style information is 900 in FIG. Reference numeral 900 denotes an example in which the changed layout information is read and set. Specifically, the “customer name” column is expanded. In addition, the “phonetic” column is moved to the top. The “customer ID” column is fixed. The "Email address" column is hidden.

  The data grid data control unit sets the read data in the data grid. The Web storage stores data and the position of the data grid, and a request for reflecting the data is made to the data grid component 481 according to this position.

  The data grid style control unit 484 in the processing of step S707, step S708, and step S710 is replaced with a data grid data control unit, and the data grid data control unit determines storage timing and discard timing for data change. .

  In step S1804, the data grid style control unit 484 acquires the style information changed by the operation from the data grid component 481, and stores the style information in the Web storage 491 in association with the grid identification information. When saving, a save process is performed for each save unit set in the save unit 604. In the case of a browser unit, it is managed as style information in the browser.

  In addition, the data grid data control unit acquires the data changed by the operation from the data grid component 481, and stores the data and the position of the data grid in the Web storage 491 in association with the grid identification information.

In step S1805, the style information or data is deleted from the web storage 491 based on the grid identification information. In addition, you may delete per grid, you may delete per screen, and you may delete per browser.
Note that the discard timing may be determined by a user operating the browser of the application client 104. For example, by right-clicking on the data grid to display a menu and clearing the data grid from the menu (returning to the initial state), the style information and data are deleted from the web storage and reloaded.

  In this embodiment, for example, an input / output definition that is a definition of a screen used in a Web application is set, and it is determined whether or not there is a definition indicating a grid in the set input / output definition (an object whose state can be changed). Identify). When it is determined that there is a definition that indicates a grid (an object that can change the state), when a grid part (an object that can change the state) is included and the grid (an object that can change the state) is operated, Acquires style information and data changed by a grid component (an object whose state can be changed). A web application program in which the control information (for example, program code) to be read and written into the web storage is written with the style information and data thus acquired is generated.

  Also, when displaying a grid (an object whose state can be changed) using the Web application program, style information and data to be applied to the grid (an object whose state can be changed) are stored in the Web storage. If there is no style information to apply, the default style information (different from the CSS file) is read, and the grid (state change is possible using data acquired from the web storage or application server) Display). When there is style information to be applied, control is performed to display a grid (an object whose state can be changed) using the style information read from the Web storage.

  In addition, developers can easily set the timing and data to store, save (save), and discard the changed grid (object whose state can be changed) in the settings when generating the Web application. It is possible to generate a program for controlling the grid style.

  That is, when displaying a Web screen, it is possible to easily develop a Web application program that uses a Web screen that can display an object (grid) in a changed state (style or data).

  In particular, the developer distinguishes whether or not the layout and data can be changed depending on the group type (classification), and generates and changes the source code that controls saving (writing) and acquisition (reading) to the Web storage. It is possible to easily develop a Web application program that realizes technically difficult control of redisplaying a later state.

  As described above, a recording medium that records a program that implements the functions of the above-described embodiments is supplied to a system or apparatus, and a computer (or CPU or MPU) of the system or apparatus stores the program stored in the recording medium. It goes without saying that the object of the present invention can also be achieved by reading and executing.

  In this case, the program itself read from the recording medium realizes the novel function of the present invention, and the recording medium recording the program constitutes the present invention.

  As a recording medium for supplying the program, for example, a flexible disk, hard disk, optical disk, magneto-optical disk, CD-ROM, CD-R, DVD-ROM, magnetic tape, nonvolatile memory card, ROM, EEPROM, silicon A disk or the like can be used.

  Further, by executing the program read by the computer, not only the functions of the above-described embodiments are realized, but also an OS (operating system) operating on the computer based on an instruction of the program is actually It goes without saying that a case where the function of the above-described embodiment is realized by performing part or all of the processing and the processing is included.

  Furthermore, after the program read from the recording medium is written to the memory provided in the function expansion board inserted into the computer or the function expansion unit connected to the computer, the function expansion board is based on the instructions of the program code. It goes without saying that the case where the CPU or the like provided in the function expansion unit performs part or all of the actual processing and the functions of the above-described embodiments are realized by the processing.

  The present invention may be applied to a system constituted by a plurality of devices or an apparatus constituted by a single device. Needless to say, the present invention can be applied to a case where the present invention is achieved by supplying a program to a system or apparatus. In this case, by reading a recording medium storing a program for achieving the present invention into the system or apparatus, the system or apparatus can enjoy the effects of the present invention.

  The form of the program may be in the form of object code, program code executed by an interpreter, script data supplied to an OS (operating system), and the like.

  Furthermore, by downloading and reading a program for achieving the present invention from a server, database, etc. on a network using a communication program, the system or apparatus can enjoy the effects of the present invention. In addition, all the structures which combined each embodiment mentioned above and its modification are also included in this invention.

DESCRIPTION OF SYMBOLS 101 Program development apparatus 102 Program development server 103 Database server 104 Application client 105 Application server 201 CPU
202 RAM
211 External memory

Claims (8)

An information processing apparatus for generating a program to be executed on a Web system,
Setting means for setting an input / output definition corresponding to a screen displayed on a client device used in the Web system;
An input / output definition set by the setting means, a specifying means for specifying a definition indicating an object whose state can be changed on a screen displayed on a client device;
The object corresponding to the definition indicating the object whose state can be changed specified by the specifying unit is acquired, and the information of the display state changed by the object of the screen displayed on the client device is acquired and stored in the storage of the client device Generating means for storing information on the display state, and generating a program including control information for displaying the object using the stored display state information when the object is re-displayed,
It said generating means is a memory timing set in correspondence with the previous SL object, a storage timing of the display state of the state changed object information, control for storing the information display state to the storage of the client device An information processing apparatus characterized by generating information.   The generation unit determines whether or not display state information is stored in the storage when displaying an object on the screen in the client device, and determines that display state information is stored in the storage. 2. The information processing apparatus according to claim 1, wherein control information for changing and controlling the display state of the object is generated using the display state information. Arrangement means for arranging the object;
Data model setting means for setting a data model for the arranged object;
The information according to claim 1, further comprising: a definition generation unit configured to generate a definition including an item name of the data model set by the data model setting unit and a definition corresponding to the object. Processing equipment. A timing setting means for setting a storage timing of display state information of the object whose state has been changed to a definition indicating the object;
The said production | generation means produces | generates the control information which memorize | stores the information of a display state in the storage of the said client apparatus at the memory | storage timing set by the said timing setting means, The one of Claim 1 thru | or 3 characterized by the above-mentioned. The information processing apparatus described. A storage means for storing an object control component for controlling the object;
The generation means includes control information for calling the object control component when an object whose state can be changed is specified by the specifying means,
Obtaining display state information from the object control component when the object has been changed by the object control component from the object control component, and generating control information stored in the storage so as to be readable when the object is redisplayed The information processing apparatus according to any one of claims 1 to 4.   The information processing apparatus according to claim 1, wherein the object is a data grid, and the display state information is style information of the data grid. A processing method of an information processing apparatus for generating a program to be executed on a Web system,
A setting step for setting an input / output definition corresponding to a screen displayed on a client device used in the Web system;
A specific step of identifying an input / output definition set by the setting step, the definition indicating an object whose state can be changed on a screen displayed on a client device;
Information on the display state changed by the object on the screen displayed on the client device corresponding to the definition indicating the object that can be changed in the state specified by the specifying step is acquired and stored in the storage of the client device Generating the program including control information for storing the information on the display state and displaying the object using the stored information on the display state when the object is displayed again;
It said generating step is a storage timing set in correspondence with the previous SL object, a storage timing of the display state of the state changed object information, control for storing the information display state to the storage of the client device A processing method characterized by generating information. A program for an information processing apparatus that generates program data to be executed by a Web system,
The information processing apparatus;
Setting means for setting an input / output definition corresponding to a screen displayed on a client device used in the Web system;
An input / output definition set by the setting means, a specifying means for specifying a definition indicating an object whose state can be changed on a screen displayed on a client device;
The object corresponding to the definition indicating the object whose state can be changed specified by the specifying unit is acquired, and the information of the display state changed by the object of the screen displayed on the client device is acquired and stored in the storage of the client device Storing the information of the display state, and functioning as a generation unit that generates program data including control information for displaying the object using the stored display state information when the object is redisplayed;
It said generating means is a memory timing set in correspondence with the previous SL object, a storage timing of the display state of the state changed object information, control for storing the information display state to the storage of the client device A program characterized by generating information.

Images