Easyui + asp.net mvc + sqlite 开发教程（录屏）适合入门

第一节：

前言（技术简介）

EasyUI 是一套 js的前端框架 利用它可以快速的开发出好看的 前端系统 web 它是在jquery的框架基础上面

现在越来越多的 企业用它来开发web系统

extjs (功能很强大 但是非常复杂 速度 我感觉也没有 easyui快)

easyui （比较适合初学者 小巧 而且 速度感觉还是可以 相对ext来说 ）

ASP.NET MVC

Sqlite 数据库

（一个小型的数据库 不用安装 很多单机软件 利用他来做数据保存）

工具 动软代码生成器 IDE(VS2010)

物理框架是 win7 64位

逻辑框架 三层 data business UI

MVC ASP.NET MVC

MVC 是在 .net 3.5 以后才有的一个东西

下载easyui

  外链资源： easyui下载 地址：http://www.jeasyui.com/download/downloads/jquery-easyui-1.3.2.zip

在asp.net MVC中添加 easyui

第二节：

创建一个home页的view

index.aspx 在里面添加easyui的应用支持（添加js 和css）

<script src="../../Content/Easyui/jquery-1.8.0.min.js" type="text/javascript"></script>

    <script src="../../Content/Easyui/jquery.easyui.min.js" type="text/javascript"></script>

    <script src="../../Content/Easyui/easyui-lang-zh_CN.js" type="text/javascript"></script>

    <link href="../../Content/Easyui/themes/default/easyui.css" rel="stylesheet" type="text/css" />

    <link href="../../Content/Easyui/themes/icon.css" rel="stylesheet" type="text/css" />

布局 我们使用 easyui的 layout

<body class="easyui-layout">

        <div data-options="region:'north',border:false" style="height:40px;background:#0099C8;padding:10px">logo</div>

        <div data-options="region:'west',split:true,title:'菜单栏'" style="width:150px;padding:10px;">

       <ul id="tt"></ul>

    </div>

        <div data-options="region:'south',border:false" style="height:20px;background:#ccc;padding:1px;">北盟学习社区 当前登录人： admin</div>

        <div data-options="region:'center',title:'Center'"></div>

    <script type="text/javascript">

        $('#tt').tree({

            url: '/Prim/Index',

            checkbox: true

        });

    </script>

</body>

这样 一个简单的布局 就搞定了

easyui 布局的时候 我们要修改layout panel的一些样式

但这里有一点要注意的 就是 五个region 其他都可以没有 但是 “'center',title:'” 这个 必须有

<div data-options="region:'north',border:false" style="height:40px;background:#0099C8;padding:10px">logo</div>

        <div data-options="region:'west',split:true,title:'菜单栏'" style="width:150px;padding:10px;">

       <ul id="tt"></ul>

    </div>

        <div data-options="region:'south',border:false" style="height:20px;background:#ccc;padding:1px;">北盟学习社区 当前登录人： admin</div>

        <div data-options="region:'center',title:'Center'"></div>
 $( '#tt').tree({
            onClick: function (node) {//菜单树 的点击事件
                //alert(node.attributes.url);  // alert node text property when clicked
                //接下来是添加一个tab
                $( '#tabs' ).tabs('add' , {
                    title: node.text,
                    iconCls: 'icon-ok' ,
                    content: 'asdfsdfsdfsdfsd' ,
                    closable: true
                });
            }
        });

视频下载地址：

  外链资源： Easyui+asp.net mvc实用教程 第01节 Easyui Mvc Sqlite介绍 和三层的搭建

  外链资源： 第02节 Easyui的引入和搭建 布局

  外链资源： Easyui+asp.net mvc实用教程第03节

[北盟学习bamn.cn][Easyui+asp.net mvc实用教程] 第08节 tab动态显示一个独立的页面

http://pan.baidu.com/share/link?shareid=3973583294&uk=540184145

[北盟学习bamn.cn][Easyui+asp.net mvc实用教程] 第07节 Easyui的Tab的使用 动态添加 tab 和easyui的事件 方法 属性的调用形式

http://pan.baidu.com/share/link?shareid=3981103915&uk=540184145

[北盟学习bamn.cn][Easyui+asp.net mvc实用教程] 第05节 Easyui的accordion的使用 修改图标

http://pan.baidu.com/share/link?shareid=3986162885&uk=540184145

[北盟学习bamn.cn][Easyui+asp.net mvc实用教程] 第04节 Easyui的tree控件的使用 html形式 json形式 和修改图标

http://pan.baidu.com/share/link?shareid=3992365026&uk=540184145

源码下载：http://www.bamn.cn/viewthread.php?tid=21&extra=page%3D1

第六集 视频下载

第06节 Easyui的Tab的使用 和菜单的点击事件 菜单添加URL

http://pan.baidu.com/share/link?shareid=733465464&uk=540184145

分类: C#辅助

Easyui + asp.net mvc + sqlite 开发教程（录屏）适合入门的更多相关文章

  1. Easyui + asp.net MVC 系列教程 完成登录

    Easyui + asp.net MVC 系列教程 第09-17 节 完成登录 高清录制 前面八节 在这里 Easyui + asp.net mvc + sqlite 开发教程(录屏)适合入门 在接下 ...

  2. Easyui + asp.net MVC 系列教程 第19-23 节 完成注销 登录限制过滤 添加用户

    前面视频 文章地址 Easyui + asp.net MVC 系列教程 第09-17 节 完成登录 高清录制  Easyui + asp.net mvc + sqlite 开发教程(录屏)适合入门  ...

  3. Easyui + asp.net MVC 系列教程 第09-17 节 完成登录 高清录制

    前面八节 在这里 Easyui + asp.net mvc + sqlite 开发教程(录屏)适合入门 在接下来的 几节里面 我们完成登录功能 打开页面 首先进入登录页面 只有登录成功了 才能进入管理 ...

  4. ASP.NET MVC 5 学习教程：快速入门

    起飞网 ASP.NET MVC 5 学习教程目录: 添加控制器 添加视图 修改视图和布局页 控制器传递数据给视图 添加模型 创建连接字符串 通过控制器访问模型的数据 生成的代码详解 使用 SQL Se ...

  5. ASP.NET MVC 5 学习教程：数据迁移之添加字段

    原文 ASP.NET MVC 5 学习教程:数据迁移之添加字段 起飞网 ASP.NET MVC 5 学习教程目录: 添加控制器 添加视图 修改视图和布局页 控制器传递数据给视图 添加模型 创建连接字符 ...

  6. ASP.NET MVC 5 学习教程：添加模型

    原文 ASP.NET MVC 5 学习教程:添加模型 起飞网 ASP.NET MVC 5 学习教程目录: 添加控制器 添加视图 修改视图和布局页 控制器传递数据给视图 添加模型 创建连接字符串 通过控 ...

  7. ASP.NET MVC 5 学习教程：添加控制器

    原文 ASP.NET MVC 5 学习教程:添加控制器 起飞网 ASP.NET MVC 5 学习教程目录: 添加控制器 添加视图 修改视图和布局页 控制器传递数据给视图 添加模型 创建连接字符串 通过 ...

  8. ASP.NET MVC企业开发的基本环境

    ASP.NET MVC企业开发的基本环境[资源服务器概念] 学完了ASP.NET MVC4 IN ACTION 六波以后 企业开发演习 标签:AaronYang  茗洋  EasyUI1.3.4   ...

  9. Asp.net Mvc模块化开发之分区扩展框架

    对于一个企业级项目开发,模块化是非常重要的. 默认Mvc框架的AreaRegistration对模块化开发真的支持很好吗?真的有很多复杂系统在使用默认的分区开发的吗?我相信大部分asp.net的技术团 ...

随机推荐

  1. 【高德地图API】从零开始学高德JS API（四）搜索服务——POI搜索|自动完成|输入提示|行政区域|交叉路口|自有数据检索

    原文:[高德地图API]从零开始学高德JS API(四)搜索服务——POI搜索|自动完成|输入提示|行政区域|交叉路口|自有数据检索 摘要:地图服务,大家能想到哪些?POI搜素,输入提示,地址解析,公 ...

  2. 算法 & 分析 (收集)

    算法一:快速排序算法 快速排序是由东尼·霍尔所发展的一种排序算法.在平均状况下,排序 n 个项目要Ο(n log n)次比较.在最坏状况下则需要Ο(n2)次比较,但这种状况并不常见.事实上,快速排序通 ...

  3. javascript继承—继承的实现原理(1)

    原文:javascript继承-继承的实现原理(1) 打算针对js的继承写一系列文章,详细的分析js里继承原理,实现方式,各种继承方式的优缺点,以及最优继承方案,还有多继承的问题等…. 面向对象的编程 ...

  4. Hadoop-2.4.1学习之Writable及事实上现

    Hadoop基于DataInput和DataOutput实现了简单.高效的序列化协议,而Writable接口定义了Hadoop序列化的方法,MapReduce框架中的不论什么键值类型都实现了该接口,比 ...

  5. Yii中CDbCriteria常用总结

    Yii的Active Recorder包装了很多. 特别是把SQL中 把where,order,limit,IN/not IN,like等常用短句都包含进CDbCriteria这个类中去,这样整个代码 ...

  6. 【剑指offer】二叉搜索树转双向链表

    转载请注明出处:http://blog.csdn.net/ns_code/article/details/26623795 题目描写叙述: 输入一棵二叉搜索树,将该二叉搜索树转换成一个排序的双向链表. ...

  7. Visual Studio 2013进行单元测试

    使用Visual Studio 2013进行单元测试--初级篇   1.打开VS2013 --> 新建一个项目.这里我们默认创建一个控制台项目.取名为UnitTestDemo 2.在解决方案里面 ...

  8. 安装SQL Server 2008 - 初学者系列 - 学习者系列文章

    本文介绍SQL Server 2008数据库的安装 1.从下列地址获取SQL Server 2008的副本 thunder://QUFlZDJrOi8vfGZpbGV8Y25fc3FsX3NlcnZl ...

  9. office编程必不可少

    原文:office编程必不可少 [转] 1. 微软官方实例: 段落.表格.图表 HOW TO:利用 Visual C# .NET 使 Word 自动新建文档 2. 学习资源 (1)Word in th ...

  10. Asp.Net MVC页面静态化功能实现一：利用IHttpModule，摒弃ResultFilter

    上一篇有提到利用IHttpModule和ResultFilter实现页面静态化功能.后来经过一些改动,将ResultFilter中要实现的功能全部转移到IHttpModule中来实现 Asp.Net ...