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. 了解了解你自己的话zookeeper（从那时起，纠正了一些说法在线）

    1,先看看官方的定义吧: ZooKeeper is a distributed, open-source coordination service for distributed applicatio ...

  2. 【Bootstrap】兼容IE8、谷歌和其他主流浏览器的观众IMAX风格的页面

    尽管说IE6除了苛刻要求的一部分,我们一直没能考虑,但WIN7内置的浏览器IE8还需要支持. 在本文中,基本这种方法的优点,我个人认为,这是准备少.我们不需要在网上找了很多照片,使材料,你只要准备好了 ...

  3. vb.net窗口继承（房重建知识汇总）

    在项目的开发,我们经常会遇到特殊的相界面似窗户,然后,我们将能够使用继承的窗口.透过窗户下面简单的例子来实现继承. 1.创建父窗口Form1 2.把须要重写的事件改为Overridable,将priv ...

  4. java程序连接MongoDB副本集测试

    三个节点有一个节点挂掉也不会影响应用程序客户端对整个副本集的读写! public class TestMongoDBReplSet { public static void main(String[] ...

  5. Linux httpd 跳转简单方法一

    直接在httpd.conf中添加以下代码即可: NameVirtualHost *:80 <VirtualHost *:80> ServerName localhost ##访问域名 Re ...

  6. 根据Unix哲学来编写你的HTML5 Websocket服务器来实现全双工通信

    websocketd代表WebSocket的守护进程 websocketd处理的是浏览器和服务器之间的WebSocket连接,它会启动你所指定的服务器端应用来对WebSockets进行处理,然后在浏览 ...

  7. 第5章1节《MonkeyRunner源码剖析》Monkey原理分析-启动运行: 官方简介(原创)

    天地会珠海分舵注:本来这一系列是准备出一本书的,详情请见早前博文“寻求合作伙伴编写<深入理解 MonkeyRunner>书籍“.但因为诸多原因,没有如愿.所以这里把草稿分享出来,所以错误在 ...

  8. 天体程序猿叹息——变化hosts对

    没有解释更新一SDK像贼,我真诚地希望在天上Android.ios我们已经禁止了.要玩不能玩才最寂寞 安装成功不寂寞hosts文件: 74.125.237.1 dl-ssl.google.com173 ...

  9. JS复选框选中

    Web前端之复选框选中属性   熟悉web前端开发的人都知道,判断复选框是否选中是经常做的事情,判断的方法很多,但是开发过程中常常忽略了这些方法的兼容性,而是实现效果就好了.博主之前用户不少方法,经常 ...

  10. solr与.net主从复制

    solr主从复制 solr与.net系列课程(七)solr主从复制    既然solr是解决大量数据全文索引的方案,由于高并发的问题,我们就要考虑solr的负载均衡了,solr提供非常简单的主从复制的 ...