2、新建Controller,添加Views,並引用EasyUI框架
阿新 • • 發佈:2018-01-28
功能 fit htm order head 使用 代碼 image 框架
一、新建Home控制器
二、添加視圖,添加視圖後,按F5運行出現空白網頁
三、在視圖中添加html代碼
1 <head> 2 <meta name="viewport" content="width=device-width" /> 3 <title>Index</title> 4 @Styles.Render("~/Content/themes/css") 5 @Styles.Render("~/Content/themes/gray/css") 6 @Scripts.Render("~/bundles/jquery") 7 @Scripts.Render("~/bundles/jqueryeasyui") 8 </head> 9 <body class="easyui-layout"> 10 <div data-options="region:‘north‘,border:false" style="height: 40px; background-color: #F5F5F5; padding: 10px;"> 11 石榴木工作室 12 </div> 13 <div data-options="region:‘west‘,title:‘功能導航‘,split:true" style="width: 180px; padding-top: 2px; overflow:auto"> 14 <div class="easyui-panel" style="padding:5px" data-options="border:false"> 15 <ul class="easyui-tree" id="tree" data-options="border:false"> 16 <li> 17 <span>目錄</span> 18<ul> 19 <li>菜單一</li> 20 <li>菜單二</li> 21 <li>菜單三</li> 22 </ul> 23 </li> 24 </ul> 25 </div> 26 </div> 27 <div data-options="region:‘center‘"> 28 <div id="mainTab" class="easyui-tabs" data-options="fit:true"> 29 <div id="home" title="我的主頁" data-options="closable:false,fit:true" style="padding:3px"> 30 <iframe scrolling="auto" frameborder="0" src="" style="width: 100%; height: 100%;"></iframe> 31 </div> 32 </div> 33 </div> 34 </body>
以上使用了easyui的layout、panel、tree、tabs控件
2、新建Controller,添加Views,並引用EasyUI框架