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

ExtJs5新增了对MVVM模式的支持,该实例演示了其基本用法,在此基础上可快速搭建实际项目,完成更复杂的业务功能。

该实例为典型的单页面应用(SPA),各功能模块封装成独立的JS文件,并按功能模块加载(非一次性加载所有JS文件)。


目录结构:

ExtJS5 - 一个简洁完整的后台管理系统入门实例_第1张图片


项目特点:

1、基于ExtJS 5.1版本实现,采用Neptune样式风格,中文语言;

2、使用全新的MVVM模式架构,面向对象写法;

3、全系统只有一个index.html界面,登录框也封装成独立的视图组件;

4、通过实现角色管理、用户管理两个基础的功能模块,演示了Viewport、Container、Panel、TreePanel、Grid、Window、Form等常用组件的用法,以及border、column、form、fit、hbox等常用布局方式;

5、通过自定义一个Ext.button.Button的扩展类,演示了自定义扩展Ext类的基本方法;

6、使用JSON,模拟从后台动态获取数据;


注意事项:

因为file协议不支持Ajax获取数据,所以请把该项目部署到Nginx、Apache或Tomcat等Web服务器,然后通过http协议访问。


下载地址:

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



你可能感兴趣的:(ExtJS,前端框架入门)