0️⃣Requirement background
Modern urban management is facing a series of problems: such as insufficient law enforcement personnel, less application of information technology, and untimely processing of time, etc. The demand for developing a smart urban management return visit system is increasing day by day...
By introducing the smart urban management return visit system, the scientificity, intelligence and transparency of urban management can be improved, and more convenience and benefits can be brought to urban development and residents' lives.
● Improving the efficiency of urban management: The smart urban management return visit system can realize comprehensive supervision and return visits to urban management work, record and manage the handling of urban problems through data, and improve the efficiency and quality of urban management.
● Real-time problem feedback and processing: The smart city management return visit system can realize real-time problem reporting and processing. The public can submit problems through mobile APP or website, and relevant departments can process and reply in time, improving the response speed of problem processing.
● Data analysis and decision support: The smart urban management return visit system can collect and analyze a large amount of urban problem data, help relevant departments to conduct data mining and analysis, discover the crux and law of problems, and provide scientific basis for urban management decision-making.
● Optimize resource allocation: Through the return visit system of smart urban management, it is possible to realize the classification, statistics and analysis of urban problems, help relevant departments to rationally plan and allocate resources, and improve the effect of urban management and resource utilization.
● Improve public satisfaction: The smart city management return visit system can provide convenient feedback channels and timely processing feedback, enhance the public's sense of participation and satisfaction with urban management, and improve the image of the city and the quality of life of residents.
1️⃣System introduction
Smart city management is a branch of the smart city field, mainly for urban management and governance.
For example, when a manhole cover is damaged or a small advertisement is pasted indiscriminately in a certain street, the front-line investigators will register the problem in the system, and then follow the government's workflow to dispatch, process, close the case step by step, Return visit and so on. 
This includes the design of business processes, the permission attributes of different nodes, and so on. There are various ways to implement it. Due to the high delivery requirements and short delivery time of this project, I decided to try to use no-code development. This time I chose to use the no-code platform smardaten to try (it is said that smardaten can reduce a lot of development work and develop quickly)
Delivery requirements: 6 major systems, 5-level regulatory grid, 30+ evaluation indicators, and a large screen for 30+ thematic analysis and decision-making. (25 days, completed by 2 configuration personnel)
2️⃣Building steps
Realizing such a business system through smardaten codeless configuration is mainly divided into three major steps:
First
, split the entire business system at the page level .
● For example, how many pages does this system contain, what function menus does it contain, and which page does each menu correspond to. After clarifying these correspondences, we can directly configure them in our application design module. The second step is to split the page into modules .
● What content does each page contain and what elements it consists of. Such as lists, icons, canvases, large screens, etc. And these elements support drag-and-drop import and custom layout. Finally, data binding is performed on each module of the page.
Through the infusion of data, the real business logic is realized. Generally speaking, any complete business system using smardaten only needs these three major steps to complete.
3️⃣ App Design
Let's talk about how to do these three major steps in combination with the case of the smart urban management system.
First of all, you can see that this page is our application design. We can add new pages and menus here, and bind them.
"1: Modular assembly of pages"
Select a page, you can see that this page contains a list, details, maps, photos and other elements, which are actually realized through our modular assembly.
For example, I want to display a list page on my page, which can be imported directly, and even the finished large screen can also be imported.
"2: Data-driven page linkage effect"
In this step, you can see that each of our modules can actually be linked. For example, if I choose one of the questions, the corresponding handling process, pictures, map locations, and even the corresponding dispatch, verification, and case closure buttons above are all available. It will be shown or hidden according to your choice.
How is this possible. In fact, the linkage of these components is driven by data , so we only need to set the data associated with the components to ensure the underlying business logic.
"3: Style/Data/Interactive Data Binding"
This is the third step I mentioned above - data binding. Each component will be abstracted into three attributes: style, data, and interaction.
We only need to set variables here in the data of each component, and other components of the entire page can also receive or read.
At this time, you only need to configure an interactive behavior for each component to realize the business logic.
This is what we define: software = data + form.
For example, if I select a question whose [current status number] is [dispatch city level], the buttons displayed on it are dispatch, dispatch to district level, verification, weight judgment, and invalidation (of course, these button actions need to be designed in conjunction with actual business scenarios .Here we only talk about how smardaten is implemented). Because we extracted data from this page and defined them as variables for passing.
These variables are shared by the entire page. We only need to configure the hidden conditions on the [Dispatch] button to realize the above business logic, and the linkage of components is also realized.
"4: Data exchange between pages"
Of course, this is just a linkage between pages, so how to realize data exchange between different pages? In fact, data is flexible. Our products are based on flexible data and are equipped with a unified data carrier (variables) for flexible governance.
For example, when the [Dispatch] button is clicked, a new page will pop up, which is realized through the ability of our logic control. Configure a [click] to trigger a pop-up window to jump to the page you want.
After jumping to a new page, you can see
These are two steps, and the data filled in each step is different, and the business can only be submitted after filling in. The data of these two pages is also passed and shared through variables.
After my information is submitted, how will the next node or page receive it. Here we need to use our [logic control].
Our logic control can support component-level granularity, for example, two components on different pages can be linked through logic control. Here, through logical control, the values of the components in the pop-up window just now are taken, and a service orchestration is configured.
Then the underlying data can be calculated, so that the information flow just filled in can be transferred to the next node or page. At the same time, after the data is submitted, the current page will also trigger a logic control to refresh the page. The status number of the issue is also updated from time to time.
4️⃣Business process design
For this kind of multi-node approval business system, the design of business process must be inseparable.
Our business flow design is actually very simple, and it can be realized in only two steps:
The first step is to draw the nodes and approval sequence of the entire business flow by dragging and dropping.
The second step is to complete the configuration of permissions and attributes for each node. The attribute here is actually the content to be displayed by this node, which is a certain page in the system.
There is no need for traditional development methods to implement complex business processes through a large number of codes. It can be realized by simply drawing the business flow chart given by the product manager. Really realize what you draw is what you get.
The above is a complete demonstration of the smart urban management system case.
5️⃣Experience the feeling
With a whole set of operations, the smardaten platform gives me the biggest feeling that the overall function is very powerful and the operation is relatively simple. Compared with other products, there are not so many bells and whistles. There are also complete development templates, documents, and teaching videos. If you don’t worry about using it, all beginners can get started quickly. At the same time, it can also realize multi-person assistance configuration, which doubles the efficiency of development and delivery.
The work that can be completed in half an hour may take many programmers several days to complete. It is strongly recommended that friends who do not want to program get started and experience it by themselves, and go to their S3 community to quickly configure https://s3.smardaten in 20 minutes . com/ , put more energy on the implementation of business logic.
And smardaten is not only able to make large screens, but also focuses on "data-driven, enterprise-level, no-code". Integrated development of data domain, analysis domain, management domain, and operation domain accelerates the uncoded construction of enterprise-level complex applications. It is also possible to access, manage and control data throughout the process, and build a support base for digital applications. And powerful intelligent analysis tools, code-free construction of 2/3D visualization application scenarios, these charming functions are waiting for you to unlock...