Design a company is a fast-growing small and medium-sized sales company, they intend to structure a website. The plan is two steps: Start with a promotional web site, then expand into an online store when the size of the company reaches a certain level.
In the first step, a company's main idea is to provide timely information about the company's products, services and other companies through the Web site; As new shelves continue to be available, they want to be able to modify the page directly through the company's marketing staff and publish the new message directly on the site. At the same time, they also want the page art style to be regularly improved and replaced.
The demand of a company actually represents the intention of most companies to enter into E-commerce, so this case has a certain universality.
To analyze such requirements, they need a Web content management system that can modify pages through the Web. This system will be able to hook up the online store system in the future, so we must pay attention to the scalability in choosing the technical architecture and system design. The mode of the system is shown in Figure 1.
Figure 1 Use case
This project is mainly the site managers require the ability to create pages, modify pages and delete pages. Careful analysis of requirements, page page is actually divided into two elements: the content of the Web page and the appearance of the Web page, the latter can also be called page templates. Page templates do not need to be changed every time you modify a page.
Therefore, the content and display template needs to be completely separated, this site content management system is actually divided into two parts: data content and display template. When the user obtains the page, the system automatically fuses the two parts together to output to the browser.
A page can be divided into several fixed areas, as shown in Figure 2.
Figure 2 Page Partition area
1. The title bar (header) is used to place the page header information. such as title, company name, and company logo or trademark picture.
2. The end of the page (Footer) to place the company's detailed address, copyright notice or other relevant information.
3. The menu bar (navlink) is the area where the menu is placed. Menus are an important part of the page, and the set of menus is defined as a navigation bar (NavLink). In Figure 4-2, the menu bar is located on the left side of the page, possibly on the right side of the page, and, of course, with the title bar and footer bar. This requires that flexibility be taken into account in architecture design to make the system scalable.
4. The content bar (body) is the content section of the entire Web site, this content may be the following types:
A plain text type: This is easiest to handle, and you can use HTML to arrange a certain format.
b text and picture type: You need to consider the arrangement of text and pictures, the picture is located above the text or text.
c) Functional: This content may be a series of news, forums or electronic shopping products list, such as the page is not static HTML can directly deal with, need and database connection, belong to dynamic page, functional content can be completed by specialized software.
In this project, you can only complete text-related content editing and modification functions. In terms of extensibility, you need to consider enabling dynamic insertion of functional content.
After the above use case requirements analysis, it can be used for architectural design and system detailed design.
