ERP/MIS development Menu Designer and its dual Implementation of B/S and C/S (B/S open source)

Source: Internet
Author: User
Tags visual studio 2010

I have been engaged in the development of ERP/MIS. Today I will show you the design and usage of the menu designer, and view the B/S section.CodeOpen source.

The menu structure to be presented in Excel

The level-1 menu is sales, procurement, warehouse, and the sub-menu under it is, journals, reports, queries, settings, and batch posting.

Level 3 sub-menu, taking warehouse as an Example

The detailed functions of warehouse journals include warehouse receiving, warehouse picking, warehouse adjustment, and warehouse query details, including inventory balance, material inventory details, and incomplete Warehouse orders.

Use the Menu Designer to design the above menu structure. Open the EPN system and execute the menu definitions function. The interface effect is as follows:

, Tree processes is the top-level menu name, correspondingArticleSales, purchase, inventory.

Menu types defines the Level 2 menu, corresponding to transaction entries, reports, enquiries, setup

Functions and icons correspond to the level-3 menu, that is, the specific functions, such as the functions below the Warehouse's journals, warehouse receiving, warehouse picking and warehouse transferring.

 

How to design a database table structure to access this menu?

Using three tables to access the menu structure is also the most concise and intuitive method.

Treeprocess (menucode, menulevel, processcode, description, parent, imagefile, suincluded, closeicon, openicon)

Indicates the first menu,

Menutypes (menutype, description, menucode, suincluded, closeicon, openicon, depth) indicates the second-level menu, and depth records the primary key of its first-level menu.

Functionicons (responsetype, functioncode, description, menucode, suincluded, depth) to express the final function menu. Depth records the primary key of its first menu.

You can also use a table with depth = 1, 2, and 3 to indicate the menu level. Put all the fields in the preceding three tables into one table. For different depth values, read the values from different fields.

 

Implementation of menu C/S Interface

These three functions are implemented in a tree. The following figure shows how to place the menu in menustrip.

Put it in contextstrip.

The same menu appears repeatedly in multiple places. This also expresses the idea of ERP, which is flexible and easy to use. There are many ways to quickly find out what features you want to use. If you design a very complex software and it takes a lot of time for the user to find the desired function, you can identify that your interface design fails.

From Visual Studio 2003 to 2010 and then to, each upgrade, menu, and function navigation has almost never changed, but its functions become more and more useful. It takes some time to think about how to organize these functions and present them to users. We developed the plug-in structure (plug-in, addon) that can be used to organize development functions, I .e. plug-and-play, but these functions are organized on the interface for users, but it has always been a tough issue. I have observed how Visual Studio adds new features.

1. Right-click the contextmenu In the toolbar. the pop-up menu is longer and longer.

2. Place it in menustrip. Visual Studio carefully adds the menu here.

After Visual Studio 2005/2008 is installed with teamfoundationexplorer, a team menu is added,

Visual Studio 2008/2010 adds a data menu to support database operations. test only appears after the test template is installed,

Analyze analysis is also a new feature in Visual Studio 2010. Each menu mentioned above is sufficient to assume the full functionality of a software. Its functions are powerful, sometimes more powerful than that of a third-party application.ProgramMore functions are required.

 

Return to the ASP. NET Implementation of B/S, as shown below:

The Menu Control in componentart. Web. UI is used to display the menu.

A menu. xml file is used to express menu items. This file can be found in the app_data directory.

After the menu is designed in the Menu Designer, execute the export function to generate the menu. the XML file is directly stored in the app_data directory of the website. Refresh the file to achieve one-time design, C/S, and B/S reuse.

 

I have been working on a B/S framework and intend to open source it because the C/S framework is not open source (although I have been writing articles one after another, open the module and Its Implementation Code), and the B/S framework is not complicated. You can add a configurable menu with a tab control on multiple pages to load different functional pages.

Open your ownSource codeIt is a valuable good thing, but it will also happen when the project is open-source. Google is powerful enough. Sometimes you see the technology used in other people's code. Google once learned and used it. The gap lies in the details. Here are some examples to encourage you.

1. Although LINQ to SQL is out, LINQ is still a good technology, especially the ability to make your code concise and clear.

2 The Key to the B/S project is whether the UI layout is concise and beautiful. There is no need to look at the interface of extjs. If you are not sure about the details, you can find more la s on the internet, CSS-controlled demos, or directly modify these demos to practice the technology. CSS and web page layout cannot be expected to be helped by an artist. Even after a cut image is made into HTML, it will be messy. My experience is that for ASP. NET or web projects, the web page layout capability must pass through.

 

Go to epn.codeplex.com to download the B/S mode menu source code.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.