extjs6.0+ssm+mysql进销存系统总结

已经实现的效果图：





主要文件说明

• app.js 程序主入口。默认启动主界面，通过修改45行hasLogin = null启动登录界面（界面做的比较丑哈）。
  • appFolder：配置每个组件类define时寻找的根目录。
  • name：Extjs主程序名称。
  • view：配置主程序需要加载的view。
• AppHome.js 主界面基类。
  • xtype：个人理解是组件类的实例名称，其他view需要加载时，可以在item内填写该名称。
  • cotroller：与controller层中的alias名称关联，alias固定写“controller.xxx”，通过xxx名称与view绑定，处理view层控件的响应事件。
• AppHeader.js 主界面系统通知栏。
• AppWest.js 主界面导航栏。采用手风琴风格，加载多个业务菜单。
  • items：实现多个业务菜单切换。
• AppCenter.js 负责加载业务菜单的容器。
• SalesNoteView.js 销售单界面基类。
  • itemId：设置界面itemId，在导航栏中的stroe配置id。命名规则xtype+“_item_id”后缀，在AppHomeController.js通过该id切换tab页。（个人没特别搞懂id和xtype的区别。。。）
• SalesNoteViewToolbar.js 工具栏
  • items->handler：控件响应事件，在controller层中实现具体函数。
• SalesNoteViewForm.js 表单界面
  • items->name：表单内控件名称，controller层通过name获取控件数据。
• SalesNoteViewGrid.js 表格界面
  • store：与表格控件绑定的数据传输组件。
  • tbar：表格内工具栏。
  • plugins：表格插件。该sample引用了实现单元格可编辑的插件。
  • columns：表格中的数据列。
• AppHomeController.js 主界面controller
  • var com：配置center加载的业务菜单。
  • control：通过xtype配置控件响应事件。

以上是我个人对于Extjs的理解，有不准确的地方，欢迎大家指出来，谢谢大家~~