zoukankan      html  css  js  c++  java
  • MVC方式使用EasyUI

    _Layout.cshtml

     1 <!DOCTYPE html>
     2 <html>
     3 <head>
     4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     5     <meta charset="utf-8" />
     6     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     7     <title>@ViewBag.Title - 我的 ASP.NET 应用程序</title>
     8     @Styles.Render("~/easyui/css")
     9 </head>
    10 <body>
    11     @RenderBody()
    12 
    13     @Scripts.Render("~/easyui/js")
    14     @RenderSection("scripts", required: false)
    15 </body>
    16 </html>
    View Code

    BundleConfig.cs

     1 using System.Web;
     2 using System.Web.Optimization;
     3 
     4 namespace WebApplication1
     5 {
     6     public class BundleConfig
     7     {
     8         public static void RegisterBundles(BundleCollection bundles)
     9         {
    10             bundles.Add(new ScriptBundle("~/easyui/js").Include(
    11              "~/easyui/jquery.min.js",
    12              "~/easyui/jquery.easyui.min.js",
    13              "~/easyui/locale/easyui-lang-zh_CN.js"));
    14 
    15             bundles.Add(new StyleBundle("~/easyui/css").Include(
    16                       "~/easyui/themes/bootstrap/easyui.css",
    17                       "~/easyui/themes/icon.css"));
    18 
    19         }
    20     }
    21 }
    View Code

    index.cshtml

     1 @{
     2     ViewBag.Title = "Home Page";
     3 }
     4 
     5 <h2>Basic PasswordBox</h2>
     6 <p>The passwordbox allows a user to enter passwords.</p>
     7 <div style="margin:20px 0;"></div>
     8 <div class="easyui-panel" style="400px;padding:50px 60px">
     9     <div style="margin-bottom:20px">
    10         <input class="easyui-textbox" prompt="Username" iconWidth="28" style="100%;height:34px;padding:10px;">
    11     </div>
    12     <div style="margin-bottom:20px">
    13         <input class="easyui-passwordbox" prompt="Password" iconWidth="28" style="100%;height:34px;padding:10px">
    14     </div>
    15 </div>
    View Code

  • 相关阅读:
    第十一周课程总结
    第十周课程总结
    第九周课程总结&实验报告(七)
    第八周课程总结&实验报告(六)
    第七周课程总结&实验报告(五)
    第六周课程总结&试验报告(四)
    课程总结
    第十四周课程总结&实验报告(简单记事本的实现)
    第十三周
    第十二周学习总结
  • 原文地址:https://www.cnblogs.com/liessay/p/11934849.html
Copyright © 2011-2022 走看看