ASP. NET MVC4+EF5+EasyUI+Unity2. Front end page framework construction and source code sharing of background management system injected by X

At the beginning, we have a series of solutions. Let's start to build a new system.

The user experience needs more and more attention. This time, we have left and right columns. On the left is the system menu, and on the right is a page collection composed of tabs pages. Each tab can be refreshed and closed separately, because they will be an iframe

If a worker wants to do well, he must sharpen his tools first. The following tools are required.

Visual Studio 2012

You can install mvc4 for VS2010 and develop with VS2010, but it seems that you will not be able to use EF5 0 will be ef4 Version 4, but it doesn't matter much.

The mvc4 will be mounted on the NET Framework4. 5 up.

OK!

Open the familiar vs and create an empty solution. I named it appsolution, and the class library namespace will start with app, such as app BLL,App. Web and other names. If you like cool friends, you can use your name

Such as joy BLL,Jason. BLL,zhangsan. Bll, whatever you want. Bll can also be used directly

We will create the project

1. MVC4. 0's app Admin Website Internet option, select razor view

Download easyui1.0 first 3.2： http://www.jeasyui.com/download/index.PHP

The maximum version is 1.3 4 we choose 1.3 2 because 1.3 Above 2 is jQuery 2.0

jquery2. 0 will not support IE8 If you have abandoned IE8, you can experience higher versions and smaller and faster JS libraries. (official he said so)

Delete unnecessary things, because we want some things and keep some. Copy easyUI to the corresponding directory. I like to separate scripts and styles.

1. JQuery easyui. Put min.js in the scripts directory

2. Put the theme themes under the content. I only keep the gray and blue themes here. Other themes have limited aesthetic. You can download new themes from the easyUI official website

3. Move the images folder to content

4. Delete the filters file

5. Put the materials in the content directory. I have prepared the picture materials for this project for you. If not enough, we can add them again

6. Set the accountcontroller of controllers cs,HomeController. CS delete

7. Delete the cshtml from the view view.

8. I deleted the script that is irrelevant or not compressed, because I don't think it is necessary to debug. In the future, when we encounter problems, we use other tools to assist debugging, such as httpanalyses software

All right, let's start building

Or create a new "empty" controller and add the index view

Index code

Here we see head@Styles.Render ("~ / content / CSS") these codes, which are the bundled compression technology of mvc4, compress and output CSS and JavaScript to the page. I've done it, so just look at it. You can also Google its principle composition. Many prawns in the blog Garden also give answers. Its file is app_ Bundleconfig. Under start cs

The script of index, the script of home view, integrates the right-click menu of tab page, and I have integrated it into the system. Before running, check the global Asax enable compression

In bundleconfig RegisterBundles(BundleTable.Bundles); Add before

//Enable compression bundletable EnableOptimizations = true; OK, let's see the effect!

If you want to enable gray themes, set @ styles Render("~/Content/themes/blue/css")

Change to @ styles Render ("~ / content / themes / gray / CSS")

In fact, there's nothing to say, just a simple framework for the system. If you don't use easyUI for less than a few hours, it's hard to build it, but don't worry, I've prepared the original code for you

Download the source code. Some students have problems running the app_ Bundleconfig. Under start CS change to

Author: ymnets source: http://ymnets.cnblogs.com/