您的位置:首页 > Web前端 > JavaScript

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/
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: