jquery-easyui 后台成型模版demo

后台管理UI模板

一.EasyUI easyui是一种基于jQuery的用户界面插件集合. easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能. 使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面. easyui是个完美支持HTML5网页的完整框架. easyui节省您网页开发的时间和规模. easyui很简单但功能强大的. 优点:轻量.功能强大.免费.兼容性好.帮助详细.使用的人多生态好缺点:非响应式布局.某些系统看起来有点土(客户与老板的感

easyUI 后台经典框架DEMO下载

采用easyui 1.2.6 + jquery 1.7.2 设计有不明白的朋友加群或加我QQ (709047174) Jquery-EasyUi-demo点击我下载

DoNet开源项目-基于jQuery EasyUI的后台管理系统

博主在业余时间开发了一个简单的后台管理系统,其中用到了 jQuery EasyUI 框架,上次分享过系统布局,参考文章:jQuery EasyUI 后台管理系统布局分享,目前已完成系统的整体框架的搭建,再次分享给大家. 系统演示地址,账户名和密码均为:admin. GitHub Clone 地址系统源码百度网盘下载地址基础功能介绍: 菜单管理.用户管理.组别管理.角色管理.权限管理.错误日志特色功能介绍: 独创的EntitySql语法,极大的简化了Sql操作. 灵活的权限设计,任意页面

实践jQuery Easyui后本地化有感

这个星期在忙着easyui的例子中的大部分功能的本地化.一开始给我的感觉就是把jquery easyui中的每个demo的代码粘贴复制一遍. 可是,真正在做的过程中,我才发现,我错了. 在仿写easyui的demo时,不仅可以照着示例中的demo编写,还可以在其中添加自己的功能,自己的样式. 在写代码的过程中,不仅可以熟悉easyui的各个模块的实现属性是什么,而且也熟悉了html的编写风格.特别是,对于css的页面定位有了更深刻的理解. 例如: 特别是对于上图,有了一番不错的理解.知道了我们以

[转]开源框架完美组合之Spring.NET + NHibernate + ASP.NET MVC + jQuery + easyUI 中英文双语言小型企业网站Demo

热衷于开源框架探索的我发现ASP.NET MVC与jQuery easyUI的组合很给力.由于原先一直受Ext JS框架的licence所苦恼,于是痛下决心寻找一个完全免费的js框架——easyUI.它有完整的demo和强大AIP手册,使我在开发过程中得心应手.以下是这篇博文Demo程序的演示效果: 解决方案如图1所示图1 Domain:领域模型 Dao:持久层 Service:服务层 WebSite:表示层 Common:通用类首页如图2所示,可以选择中文和English. 图2 英文首页

开源框架完美组合之Spring.NET + NHibernate + ASP.NET MVC + jQuery + easyUI 中英文双语言小型企业网站Demo（转）

热衷于开源框架探索的我发现ASP.NET MVC与jQuery easyUI的组合很给力.由于原先一直受Ext JS框架的licence所苦恼,于是痛下决心寻找一个完全免费的js框架——easyUI.它有完整的demo和强大AIP手册,使我在开发过程中得心应手.以下是这篇博文Demo程序的演示效果: 解决方案如图1所示图1 Domain:领域模型 Dao:持久层 Service:服务层 WebSite:表示层 Common:通用类首页如图2所示,可以选择中文和English. 图2 英文首

jQuery easyui treegrid无法传参到后台bugger一记

$("#lTreegrid").treegrid("options").queryParams={id:123456,name:"Hai he"} // 或者 /* var params = $("#lTreegrid").treegrid("options").queryParams={id:123456,name:"逗B"}; $.extend(params,{id:123,name

JQuery EasyUI弹出对话框解决Asp.net服务器控件无法执行后台代码的方法(转）

原文:JQuery EasyUI弹出对话框解决Asp.net服务器控件无法执行后台代码的方法 jquery-easyui是一个基于jquery的图形界面插件,利用easyui可以创建很多好看的网页界面效果,easyui的相关地址是:http://jquery-easyui.wikidot.com/: easyui的中文文档地址是:http://www.easyui.net/,本人也利用easeyUI在做一些页面效果.由于我很喜欢那种弹出的对话框界面,因此在界面中应用了Dialog类来处理一些确认

jquery easyui+layer后台框架

最近使用jquery easyui搭建了一个后台框架,以方便以后使用上图先: 下载地址:CSDN下载

jQuery EasyUI 1.3.4 离线API、Demo

[原]jQuery EasyUI 1.3.4 离线API.Demo (最新) 说明本文下载包为 jQuery EasyUI 1.3.4 离线API.Demo. API 按照分类整理做成了离线版本,文档保证和官网完全一致: Demo 按照分类整理为合集. 1.3.3版本中新增 tooltip 新组件,由于1.3.3未作整理,故此说明: 官网提供一个 Theme Builder 地址,可以更丰富的自定义主题皮肤: 其他Bug修复和改进功能详见下载包中changlog.txt或官网. 预览图 D

Jquery EasyUI datagrid后台数据表格生成及分页详解

由于项目原因,网站后台需要对用户信息进行各种操作,有时还需要进行批量操作,所以首先需要将用户信息展示出来,查了不少资料.发现Jquery EasyUI确实是一个不错的选择,功能强大,文档也比较全面,而且容易上手.今天就把自己在项目中用到的功能做了一个总结.生成数据表格如下所示: 接下来上代码界面html及js代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <titl

ASP.NET页面使用JQuery EasyUI生成Dialog后台取值为空

原因: JQuery EasyUI生成Dialog后原来的文档结构发生了变化,原本在form里的内容被移动form外面,提交到后台后就没有办法取值了. 解决办法: 在生成Dialog后将它appendTo原来的form里: 代码: $().ready(function () { $("#dialog").dialog().parent().appendTo("#form1"); //$("#dialog").parent().appendTo(&

[原] jQuery EasyUI 1.3.4 离线API、Demo (最新)

说明本文下载包为 jQuery EasyUI 1.3.4 离线API.Demo. API 按照分类整理做成了离线版本,文档保证和官网完全一致: Demo 按照分类整理为合集. 1.3.3版本中新增 tooltip 新组件,由于1.3.3未作整理,故此说明: 官网提供一个 Theme Builder 地址,可以更丰富的自定义主题皮肤: 其他Bug修复和改进功能详见下载包中changlog.txt或官网. 预览图 Demo: API: 下载地址 jquery-easyui-1.3.4.zip 兄弟

第二百三十节，jQuery EasyUI，后台管理界面---后台管理

jQuery EasyUI,后台管理界面---后台管理一,admin.php,后台管理界面 <?php session_start(); if (!isset($_SESSION['admin'])) { //判断用户登录成功时创建的SESSION是否存在 header('location:login.php'); //如果不存在,跳转到登录页面 } ?> <!DOCTYPE html> <html> <head> <title>jQuery

第二百二十九节，jQuery EasyUI，后台管理界面---后台登录

jQuery EasyUI,后台管理界面---后台登录登录原理图一,login.php,登录界面 <!DOCTYPE html> <html> <head> <title>jQuery Easy UI</title> <meta charset="UTF-8" /> <link rel="stylesheet" type="text/css" href="

asp.net mvc+jquery easyui开发实战教程之网站后台管理系统开发4- 后台模板html页面创建

上一篇教程<asp.net mvc+jquery easyui开发实战教程之网站后台管理系统开发3-登录模块开发>完成了本项目的登录模块,登录后就需要进入后台管理首页了,需要准备一个后台模板,本文主要讲解如何创建这个后台模板,本文创建的后台模板不集成到项目内部,只是静态html页面.后台模板是系统开发必须的,一般小公司有个3套后台模板就够用了.本项目后台模板主要是jquery easyui插件创建的,不需要美工设计就可以创建出来,而且效果还可以,具体效果图如下: 这个版面的缺点是,只能适应2层

asp.net mvc+jquery easyui开发实战教程之网站后台管理系统开发2-Model层建立

上篇(asp.net mvc+jquery easyui开发实战教程之网站后台管理系统开发1-准备工作)文章讲解了开发过程中的准备工作,主要创建了项目数据库及项目,本文主要讲解项目M层的实现,M层这里讲的主要是通过Codefirst方式实现的. 一.M层简单介绍 1.M层很形象的将数据库里面的各个表格映射成了C#当中的类,比如上篇文章创建的用户表: ? 1 2 3 4 5 6 7 8 9 10 11 12 CREATE TABLE [dbo].[SYS_USER]( [ID]

asp.net mvc+jquery easyui开发实战教程之网站后台管理系统开发1-准备工作

/****** Object: 新闻表 Script Date: 2017/9/2 星期六 15:11:12 ******/ SET ANSI_NULLS ON GO SET QUOTED_IDENTIFIER ON GO CREATE TABLE [dbo].[SITE_ARTICLE]( [ID] [nvarchar]() NOT NULL,--ID [TITLE] [nvarchar]() NULL,--新闻标题 [COLID] [nvarchar]() NULL,--所属栏目ID [CO

JQuery EasyUI 结合ztrIee的后台页面开发

JQuery EasyUI 结合 zTree树形结构制作web页面.easyui用起来比较简单,很好的封装了jquery的部分功能,使用起来更加方便,但是从1.2.3版本以后,商业用途是需要付费的, zTree是国内的大牛们搞的一个jquery树形tree插件,感觉很好用,很强大,而且完全免费,API等做的也非常不错.推荐 easyui 是一个基于 jQuery 的框架,集成了各种用户界面插件. easyui 提供建立现代化的具有交互性的 javascript 应用的必要的功能. 使用 easy

ASP.NET MVC5+EF6+EasyUI 后台管理系统（7）-MVC与EasyUI DataGrid

系列目录本节知识点为了符合后面更新后的重构系统,文章于2016-11-1日重写 EasyUI读取MVC后台Json数据开始实现我们的系统似乎越来越有趣了首先从前端入手,开打View下面的Shared创建一个视图模版(母版页) <!DOCTYPE html> <html> <head> <title>Main</title> <script src="@Url.Content("~/Scripts/jquery.

Jquery EasyUI 开发实录

有好几年没有用过EasyUI了,最近在外包做的一个项目中新增功能时,又用到了,本以为和按照以前那样用就可以了,可当我真正用的时候,发现许多地方不一样了,就连官网的文档都更新了,最突出的就是不知道什么时候起多了一个data-options属性. 记得,在过去一直都是用js直接调用的,现在突然变成data-options了,而官网给的Demo实在是太过简单,连url参数都是直接写死的,这肯定无法满足开发需求.没办法,只好先从官网过一下文档,然后慢慢摸索.因为浪费了我许多宝贵的时间,所以打算记录一下备

jquery-easyui 后台成型模版demo

热门专题