Easyui入门视频教程第02集---ASP.NETMVC下搭建EasyUI环境

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› ASP.NET›ASP.NET编程经验

原作者: [db:作者] 来自: [db:来源] 收藏邀请

-----------------------

Easyui入门视频教程第09集---登录完善图标自定义

Easyui入门视频教程第08集---登录实现 ajax button的使用

Easyui入门视频教程第07集---Accordion的使用

Easyui入门视频教程第06集---Layout初始化和属性方法使用

Easyui入门视频教程第05集---Easyui复杂布局

Easyui入门视频教程第04集---Easyui布局

Easyui入门视频教程第03集---Easyui布局

Easyui入门视频教程第02集--- ASP.NET MVC下搭建 EasyUI环境

Easyui入门视频教程第01集---认识Easyui

-----------------------

第一步下载 easyui

http://www.jeasyui.com/download/v132.php

直接下载

http://www.jeasyui.com/download/downloads/jquery-easyui-1.3.2.zip

打开 vs2010 创建 MVC4 项目

如果你电脑没有安装 MVC4 的话可以打开官网下载

http://www.asp.net/mvc/mvc4

安装后在vs里面才有 MVC4 的项目创建

搭建三层项目

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<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-1.8.0.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>
<body>
    <div id="w" class="easyui-window" title="登录" data-options="modal:true,closed:false,iconCls:'icon-save'" style="width:500px;height:200px;padding:10px;">
                The window content.
        </div>
</body>
</html>