mvc+easyui+ Three floor news website Establishment (five homepage layout)

First set up the home controller and then the index view.

As with the previous login page, several files need to be introduced.

Then we find you download the Easyui folder inside the demo inside the layout of the full browser run after the right-click to see the code inside the body inside the code copy to the body inside the index view. Not found. You can copy the following code directly.

<bodyclass="Easyui-layout"> <div data-options="Region : ' North ', Border:false"style="height:60px;background: #B3DFDA;p adding:10px">north region</div> <div data-options="Region : ' West ', Split:true,title: ' West '"style="width:150px;padding:10px;">west content</div> <div data-options="Region : ' East ', Split:true,collapsed:true,title: ' East '"style="width:100px;padding:10px;">east region</div> <div data-options="Region : ' South ', Border:false"style="height:50px;background: #A9FACD;p adding:10px;">south region</div> <div data-options="Region : ' Center ', title: ' Center '"></div></body>

Run the code and you'll get the results.

It is generally not the right div, so you can delete the rightmost div.

The top layout of the page is based on what you have done and put a background image on it. Here I do not find the right picture to put the picture.

The right navigation menu area of the page uses the accordion layout format. Replace it with the following code

<div data-options= "region: ' West ', Split:true,title: ' West '" style= "width:150px;padding:10px;" >west content</div>

<div data-options="Region : ' West ', Split:true,title: ' West '"style="width:150px;padding:0px;"> <divclass="easyui-accordion"style="Width:auto;height:auto;"> <div title="News Management"data-options="iconcls: ' Icon-ok '"style="overflow:auto;padding:10px;"> <a href="javascript:void (0)" class="detailLink123"Url="/adminnewinfo/index"> News Management </a> </div> <div title="Comment Management"data-options="iconcls: ' Icon-ok '"style="overflow:auto;padding:10px;"> <a href="javascript:void (0)" class="detailLink123"Url="/commentinfo/index"> Reviews Management </a> </div> </div> </div>

At the bottom of the page are some copyright settings. So there's no need to write more.

The next section says tab

mvc+easyui+ Three floor news website Establishment (five homepage layout)