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 开发教程（录屏）适合入门的更多相关文章

Easyui + asp.net MVC 系列教程完成登录
Easyui + asp.net MVC 系列教程第09-17 节完成登录高清录制前面八节在这里 Easyui + asp.net mvc + sqlite 开发教程(录屏)适合入门在接下 ...
Easyui + asp.net MVC 系列教程第19-23 节完成注销登录限制过滤添加用户
前面视频文章地址 Easyui + asp.net MVC 系列教程第09-17 节完成登录高清录制 Easyui + asp.net mvc + sqlite 开发教程(录屏)适合入门 ...
Easyui + asp.net MVC 系列教程第09-17 节完成登录高清录制
前面八节在这里 Easyui + asp.net mvc + sqlite 开发教程(录屏)适合入门在接下来的几节里面我们完成登录功能打开页面首先进入登录页面只有登录成功了才能进入管理 ...
ASP.NET MVC 5 学习教程：快速入门
起飞网 ASP.NET MVC 5 学习教程目录: 添加控制器添加视图修改视图和布局页控制器传递数据给视图添加模型创建连接字符串通过控制器访问模型的数据生成的代码详解使用 SQL Se ...
ASP.NET MVC 5 学习教程：数据迁移之添加字段
原文 ASP.NET MVC 5 学习教程:数据迁移之添加字段起飞网 ASP.NET MVC 5 学习教程目录: 添加控制器添加视图修改视图和布局页控制器传递数据给视图添加模型创建连接字符 ...
ASP.NET MVC 5 学习教程：添加模型
原文 ASP.NET MVC 5 学习教程:添加模型起飞网 ASP.NET MVC 5 学习教程目录: 添加控制器添加视图修改视图和布局页控制器传递数据给视图添加模型创建连接字符串通过控 ...
ASP.NET MVC 5 学习教程：添加控制器
原文 ASP.NET MVC 5 学习教程:添加控制器起飞网 ASP.NET MVC 5 学习教程目录: 添加控制器添加视图修改视图和布局页控制器传递数据给视图添加模型创建连接字符串通过 ...
ASP.NET MVC企业开发的基本环境
ASP.NET MVC企业开发的基本环境[资源服务器概念] 学完了ASP.NET MVC4 IN ACTION 六波以后企业开发演习标签:AaronYang 茗洋 EasyUI1.3.4 ...
Asp.net Mvc模块化开发之分区扩展框架
对于一个企业级项目开发,模块化是非常重要的. 默认Mvc框架的AreaRegistration对模块化开发真的支持很好吗?真的有很多复杂系统在使用默认的分区开发的吗?我相信大部分asp.net的技术团 ...

随机推荐

【百度地图API】如何用圆形搜索获取中心点周围100米内全部关键点？如天安门附近所有的餐厅、加油站、宾馆、大厦等
原文:[百度地图API]如何用圆形搜索获取中心点周围100米内全部关键点?如天安门附近所有的餐厅.加油站.宾馆.大厦等摘要: 在LBS上有这样一个常用的功能,查找附近所有的关键点(POI点,比如标志 ...
Android Wear 开发入门——怎样创建一个手机与可穿戴设备关联的通知（Notification）
创建通知为了创建在手机与可穿戴设备中都能展现的通知,能够使用 NotificationCompat.Builder.通过该类创建的通知,系统会处理该通知是否展如今手机或者穿戴设备中. 导入必要的类库 ...
关于tcp封装http协议
如果tcp中没有上层协议,那么就是简单的数据包的传输,如果tcp中有上层协议,那么,当客户端把tcp包发给server的时候,server端的socket收到数据包后,从中分离出应用层协议,交给上层继 ...
cocos2d 游戏开发实战
文章转自:http://uliweb.clkg.org/tutorial/read/40 6 cocos2d 游戏开发实战 6.1 创建cocos2d项目 6.2 cocos2d v3 & ...
SVN记录使用过程中出现的错误（一）
由于使用SVN时间不长,故障各种奇怪的问题是不可避免的,这里记录,自己的方便还是菜鸟跟我一样的参考一个问题: dzt@dzt-All-Series:~/D/dzt/workarea/7301_mp/ ...
C语言库函数大全及应用实例三
原文:C语言库函数大全及应用实例三 [编程资料]C语言库函数大全及应用实例三函数名: ecvt 功能: 把一个浮点数转换为字符串用法: char ecvt(double value, int ...
提高mysql千万级数据SQL的查询优化30条总结
1.对查询进行优化,应尽量避免全表扫描,首先应考虑在 where 及 order by 涉及的列上建立索引. 2.应尽量避免在 where 子句中对字段进行 null 值判断,否则将导致引擎放弃使用索 ...
hdu oj1102 Constructing Roads（最小生成树）
Constructing Roads Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Other ...
转载：善待Redis中的数据
Redis是我们数据的保管者,我们可以随时存随时取,大的小的,重要的不重要的,它都毫无怨言的帮我们保存着,甚至有些时候,我们变得很懒,存东西进去的时候顺便还贴张纸:"过了一个星期就帮我扔了吧 ...
算法课上机实验(一个简单的GUI排序算法比较程序)
(在家里的电脑上Linux Deepin截的图,屏幕大一点的话,deepin用着还挺不错的说) 这个应该是大二的算法课程上机实验时做的一个小程序,也是我的第一个GUI小程序,实现什么的都记不清了,只记 ...

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

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

随机推荐

热门专题