Many elements of the design model are UML diagrams used in the analysis model. The difference is that these diagrams are refined and detailed as part of the design and provide more implementation-specific details, highlighting the structure and style of the architecture, the components present within the architecture, and the interfaces between the components and the outside world.
1. Object-oriented design model
Design modeling tasks:
Architecture design
Package and subsystem design
Class design
Persistence design
(1) Component diagram
(2) Deployment diagram
(3) State machine diagram
2. Architecture design
(1) 4 1 Architecture view
Logical view, development view, process view, physical view, scene view
(2) Logical view design
The logical structure of the software is used to support functional requirements.
(3) Process view design
The process architecture of the software is aimed at non-functional requirements.
The tasks that make up a process are separate threads of control, and the software is divided into a set of independent tasks. (Deployment diagram)
(4) Development view design
The development architecture of the software, that is, how to decompose it into implementation units, is the basis of demand distribution and the basis of the development organizational structure.
As shown in Figure 7-7, in the horizontal splitting scheme, 6 packages are allocated to 6 development groups and are at different levels of the architecture. The development groups can allocate personnel according to technical levels.
The vertical segmentation scheme in the figure below distributes tasks among multiple development groups according to business logic. Each development group must have comprehensive development capabilities.
(5) Physical view design
The physical architecture of the software, targeting the availability, reliability, scalability, etc. of non-functional requirements. (Deployment diagram)
(6) Scene view design
A scenario is an instance of a use case, which organically links the four views. It is the driving force behind the discovery of architectural elements, taking on the role of verification and explanation.
3. Package design principles
Reuse-release equivalence: reuse granularity is equal to release granularity;
Common reuse: all classes in the package are reused together;
Common closure: All classes in the package are closed to changes of the same type;
Acyclic dependency: acyclic dependency structure between packages;
Stable dependencies: A package should depend on a package that is more stable than itself;
Stable abstraction: The most stable package is the most abstract, and the unstable package is the concrete package.
4. Class design
Single responsibility, Li replacement, dependency inversion, interface isolation, development-closure principle.
5. Persistence design
(1) Entity object modeling;
(2) Database design;
(3) Persistence framework.
6. Object-oriented design process
Identify design elements
Determine the architectural style and design the overall structure
Component-level design
7 , Subsystem design process
(1) Define the responsibilities of the subsystem, that is, the definition of the interface;
(2) Determine the elements in the subsystem through responsibility allocation, and realize the responsibilities by components and other elements;
(3) Design each element in the subsystem, that is, class design (static structure and dynamic structure);
(4) Determine the dependencies between subsystems.
8. Steps of component-level design
Update Use-case Realization
Design of subsystem: design interaction diagram and VOPC class diagram for each operation of each interface , similar to the design of the system, that is, the design of the Use case realization
class:
(1) Create a design class: map the analysis class to the design class;
(2) Define the operation: implement a single responsibility;
(3) Definition method: describe the internal implementation of the operation;
(4) Definition state: describe the impact of the object's state on behavior, and associate the object's attributes with the operation;
(5) Define attributes: including parameters in methods, object status, etc.;
(6) Define dependencies: existing relationships between classes, non-structural relationships;
(7) Define associations: details of associations ization, including aggregation and combination, guidance, multiplicity, and related classes;
(8) Form a specification book for design classes.
9. Sequence diagram
Extract various events from the use case event stream and determine the sending object and receiving object of the event interaction behavior. Use the sequence diagram to combine the event sequence and the event with Object relationships are expressed.
10. State machine diagram
The state diagram depicts the relationship between events and object states. When an object receives an event, the state change caused is called a "transition".
Use a state diagram to describe the behavior of a type of object, which determines the sequence of states induced by the sequence of events. Only those classes with significant interaction behavior are considered.
In the event tracking diagram, events are entered as directed edges (i.e. arrow lines) in the state diagram, and the edges are marked with event names. The interval between two events is a state.
The arrow line projected in the event tracking diagram is the behavior of the object represented by this vertical line when it reaches a certain state (often an event that causes the state transition of another type of object).
This article explains related content about object-oriented design. For more related recommendations, please pay attention to the php Chinese website.
Related recommendations:
php file contains directory configuration open_basedir usage and performance analysis
Linux uses the pwgen command to create a random Password
#php file contains directory configuration open_basedir usage and performance analysis
The above is the detailed content of Related explanations about object-oriented design. For more information, please follow other related articles on the PHP Chinese website!

HTML and React can be seamlessly integrated through JSX to build an efficient user interface. 1) Embed HTML elements using JSX, 2) Optimize rendering performance using virtual DOM, 3) Manage and render HTML structures through componentization. This integration method is not only intuitive, but also improves application performance.

React efficiently renders data through state and props, and handles user events through the synthesis event system. 1) Use useState to manage state, such as the counter example. 2) Event processing is implemented by adding functions in JSX, such as button clicks. 3) The key attribute is required to render the list, such as the TodoList component. 4) For form processing, useState and e.preventDefault(), such as Form components.

React interacts with the server through HTTP requests to obtain, send, update and delete data. 1) User operation triggers events, 2) Initiate HTTP requests, 3) Process server responses, 4) Update component status and re-render.

React is a JavaScript library for building user interfaces that improves efficiency through component development and virtual DOM. 1. Components and JSX: Use JSX syntax to define components to enhance code intuitiveness and quality. 2. Virtual DOM and Rendering: Optimize rendering performance through virtual DOM and diff algorithms. 3. State management and Hooks: Hooks such as useState and useEffect simplify state management and side effects handling. 4. Example of usage: From basic forms to advanced global state management, use the ContextAPI. 5. Common errors and debugging: Avoid improper state management and component update problems, and use ReactDevTools to debug. 6. Performance optimization and optimality

Reactisafrontendlibrary,focusedonbuildinguserinterfaces.ItmanagesUIstateandupdatesefficientlyusingavirtualDOM,andinteractswithbackendservicesviaAPIsfordatahandling,butdoesnotprocessorstoredataitself.

React can be embedded in HTML to enhance or completely rewrite traditional HTML pages. 1) The basic steps to using React include adding a root div in HTML and rendering the React component via ReactDOM.render(). 2) More advanced applications include using useState to manage state and implement complex UI interactions such as counters and to-do lists. 3) Optimization and best practices include code segmentation, lazy loading and using React.memo and useMemo to improve performance. Through these methods, developers can leverage the power of React to build dynamic and responsive user interfaces.

React is a JavaScript library for building modern front-end applications. 1. It uses componentized and virtual DOM to optimize performance. 2. Components use JSX to define, state and attributes to manage data. 3. Hooks simplify life cycle management. 4. Use ContextAPI to manage global status. 5. Common errors require debugging status updates and life cycles. 6. Optimization techniques include Memoization, code splitting and virtual scrolling.

React's future will focus on the ultimate in component development, performance optimization and deep integration with other technology stacks. 1) React will further simplify the creation and management of components and promote the ultimate in component development. 2) Performance optimization will become the focus, especially in large applications. 3) React will be deeply integrated with technologies such as GraphQL and TypeScript to improve the development experience.


Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

MantisBT
Mantis is an easy-to-deploy web-based defect tracking tool designed to aid in product defect tracking. It requires PHP, MySQL and a web server. Check out our demo and hosting services.

Dreamweaver Mac version
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

PhpStorm Mac version
The latest (2018.2.1) professional PHP integrated development tool

WebStorm Mac version
Useful JavaScript development tools