ExtJS3 - 一个简洁完整的后台管理系统入门实例
2016-01-07 21:36
465 查看
该实例演示了ExtJS 3的一些基本用法,在此基础上可快速搭建实际项目,完成更复杂的业务功能。
该实例为典型的单页面应用(SPA),各功能模块封装成独立的JS文件,并按需加载(非一次性加载所有JS文件)。
目录结构:
项目特点:
1、基于ExtJS 3.4版本实现,采用默认的样式风格,中文语言;
2、演示了登录页和主页面之间的相互切换;
3、通过实现角色管理、用户管理、部门管理三个基础的功能模块,演示了Viewport、Container、Panel、Grid、Window、Form、Tree等常用组件的用法,以及border、column、form、fit、accordion、hbox等常用布局方式;
4、通过ColumnHeaderGroup 和 DatePickerPlus,演示了ExtJS插件的基本用法;
5、使用JSON,模拟从后台动态获取数据;
注意事项:
因为file协议不支持Ajax获取数据,所以请把该项目部署到Nginx、Apache或Tomcat等Web服务器,然后通过http协议访问。
下载地址:
Git下载:https://github.com/yyhsong/iExtJs3/
CSDN下载:http://download.csdn.net/detail/hwhsong/9395102/
后续:
在此项目的基础上,另外实现了一个基于ExtJs4.2的版本,没有实际业务功能实现,只是简要展示下ExtJs4中MVC的实现方式。
Git下载:https://github.com/yyhsong/iExtJs4/
该实例为典型的单页面应用(SPA),各功能模块封装成独立的JS文件,并按需加载(非一次性加载所有JS文件)。
目录结构:
项目特点:
1、基于ExtJS 3.4版本实现,采用默认的样式风格,中文语言;
2、演示了登录页和主页面之间的相互切换;
3、通过实现角色管理、用户管理、部门管理三个基础的功能模块,演示了Viewport、Container、Panel、Grid、Window、Form、Tree等常用组件的用法,以及border、column、form、fit、accordion、hbox等常用布局方式;
4、通过ColumnHeaderGroup 和 DatePickerPlus,演示了ExtJS插件的基本用法;
5、使用JSON,模拟从后台动态获取数据;
注意事项:
因为file协议不支持Ajax获取数据,所以请把该项目部署到Nginx、Apache或Tomcat等Web服务器,然后通过http协议访问。
下载地址:
Git下载:https://github.com/yyhsong/iExtJs3/
CSDN下载:http://download.csdn.net/detail/hwhsong/9395102/
后续:
在此项目的基础上,另外实现了一个基于ExtJs4.2的版本,没有实际业务功能实现,只是简要展示下ExtJs4中MVC的实现方式。
Git下载:https://github.com/yyhsong/iExtJs4/
相关文章推荐
- javascript构造函数
- JS 退出系统并跳转到登录界面的实现代码
- JSON-基础知识及实例应用
- Math.random()-实现浏览器验证码点击刷新的JS方法核心
- 转发和重定向
- JS刷新父窗口的几种方式
- javascript中如何声明一个正则表达式对象
- ECMAScript 基础
- javascript中加减乘除出错的解决办法
- 排序—选择排序(js实现)
- JS中math()函数相关问题
- 关于HTML(JSP)页面的缓存设置 -- cache-control
- HTML中锚点及href=#与href=javascriptvoid(0)的区别
- ajax传回的json对象要用javascript中的eval()函数处理的原因
- javascript中var的具体用法及含义
- .net js调用button的点击事件
- js刷新页面的方式总结
- js中将变量强制转换为int格式用parseInt()函数
- Web MVC模式实现
- 百度web-ife前端学院-task2 JavaScript基础学习笔记