ExtJS3 - 一个简洁完整的后台管理系统入门实例

jopen 8年前

该实例演示了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协议访问。

另外,代码有些地方为了演示ExtJS的一些用法,可能并非最佳编程实践。


下载地址:

Git下载:https://github.com/yyhsong/iExtJs3

CSDN下载:http://download.csdn.net/detail/hwhsong/9395102

 

来自: http://blog.csdn.net/hwhsong/article/details/50479147