MVC+EasyUi环境搭建

    什么是easyui?

    jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签。


    easyui的优势?

    easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能。

    使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面。

    easyui是个完美支持HTML5网页的完整框架。

    easyui节省您网页开发的时间和规模。

    easyui很简单但功能强大的。


    如何搭建easyui环境?

    一、首先,登录easyui官网,点我,选择如下图片的内容进行下载。

    

    二、创建MVC4应用,并选择空的MVC4工程

    

    


    三、搭建三层

        1、创建服务层类库

    

        2、创建数据层(EasyuiStudy.Data)

        3、创建公共层(EasyuiStudy.Common)

        4、创建实体层(EasyuiStudy.Model)

        注意:2/3/4步骤同1


        各层调用情况:

        1、web层调用server层、model层、common层

        2、server层调用data层、model层、common

        3、data层调用model层、common层


    四、解压下载的压缩包,导入文件

        1、在web层创建,contents文件夹,并在此文件加下创建easyui子文件夹,在解压文件中搜索以下文件导入

        

    2、在web层的controllers文件夹中添加控制器

    

   3、在web层的view文件夹下建立User文件夹

   4、在3中建立的User文件夹下添加视图,如下图

    

   5、在步骤4建立的视图中,引用web层中easyui文件夹中的文件(拖入即可,注意顺序),如下代码:

    

<span style="font-size:18px;"><strong><head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <link href="../Contents/Easyui/themes/default/easyui.css" rel="stylesheet" type="text/css" />
    <link href="../Contents/Easyui/themes/icon.css" rel="stylesheet" type="text/css" />
    <script src="../Contents/Easyui/jquery.min.js" type="text/javascript"></script>
    <script src="../Contents/Easyui/jquery.easyui.min.js" type="text/javascript"></script>
    <script src="../Contents/Easyui/easyui-lang-zh_CN.js" type="text/javascript"></script>
</head></strong></span>

    注意:在head标签中拖入的顺序为:

        a、themes—>default—>images—>easyui.css文件

        b、themes—>icon.css文件

        c、jquery文件

        d、easyui文件

        e、easyui-lang文件


    至此,环境搭建完毕,可在User文件夹的视图中添加代码进行测试。

        

        

        



  • 2
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 44
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 44
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值