Easyui + asp.net mvc + sqlite 开发教程

最新推荐文章于 2021-01-12 22:52:10 发布

布道

最新推荐文章于 2021-01-12 22:52:10 发布

阅读量2.9k

点赞数

分类专栏： Net 文章标签： SQLite easyui

本文链接：https://blog.csdn.net/alex_xfboy/article/details/10007425

版权

Net 专栏收录该内容

55 篇文章 1 订阅

订阅专栏

第一节：

前言（技术简介）

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节

布道

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Easyui + asp.net mvc + sqlite 开发教程

第一节：前言（技术简介）EasyUI 是一套 js的前端框架利用它可以快速的开发出好看的前端系统 web 它是在jquery的框架基础上面现在越来越多的企业用它来开发web系统extjs (功能很强大但是非常复杂速度我感觉也没有 easyui快)easyui （比较适合初学者小巧而且速度感觉还是可以相对ext来说）ASP.NE
复制链接

扫一扫