extjs踩坑记录

项目结构

  • 前端
    ExtJS 4.2.1
  • 后台
    Spring MVC 3.2.8 + Hibernate 4.1.7
  • 数据库
    SQL Server

模块

  • View层由ExtJS自己的MVC构成
    -- Model用来承载后端传输来的数据
    -- Store相当于代理,实际工作由后端的Controller完成
    -- View就是实际的视图(本项目中只有两个页面:登陆页面,主页面.类似于后台管理界面)
  • Model层和Controller层由Spring MVC 构成
    -- Controller 用来处理请求,这里只用来传输数据,不做视图转发


    环境项目结构

以我现在的了解,这个项目采用的是一个特殊的"MVC"结构,Spring MVC是核心组件,交互过程如下图

交互过程

交互过程

  1. 前台点击触发事件,通过store发送请求
  2. 根据请求地址,Spring MVC Controller开始处理请求,在这里进行查询参数设置(最终将这些参数附加到一个model上,通过它进行查询)、model对象的修改、添加、删除以及逻辑关系处理
  3. Controller使用Service层进行真正的数据操作,而Service又是对DAO层的一个封装,随意最终数据操作都是在DAO层完成。
  4. DAO层中进行sql语句查询,使用上面传来的model对象,抽取其中的参数设置查询参数并将查询到的结果封装成model组返回。(Hibernate在这里起作用)

需求

还是挺复杂的,我参加时已经要开始三期了,表都有近百张,整个项目的结构已经确定了,这次给我分配给我一个任务,业务逻辑是这样:

用户点击退货菜单,显示退货界面,新增行,点击材料编号,弹出材料查询界面,用户选定一条记录后,关闭弹出页面,自动填写其他字段。用户输入退货数量后,点击保存,完成退货操作。
用户点击退货报表,显示退货报表界面,可通过组合查询筛选结果。

这里最复杂的地方是材料查询页面,因为是退货,只有入库之后的材料才需要显示,而有些材料根本就没有入过库。所以需要设置查询,根据两个表的关系,做的查询语句的大概内容是:

select cl.no,cl.name........
from cailiao as cl
right join
(select rk.cailiaono as cailiaono,sum(rk.volume)
from ruku
group by rk.cailiaono) as rkcl
on cl.no=rkcl.cailiaono
where 1=1 and...查询参数
表关系.jpg

根据这个关系,在DAO、Service、Controller中添加相应的方法,这虽然逻辑复杂一点,但是确定之后就很好弄了,坑爹的在ExtJS上

血泪史

  • 前两天
    开发用的myeclipse,tmd对js的支持基本为0,就因为错别字折腾两天(尝试用过外部编辑器,尴尬的是在外部编辑后必须在myeclipse中打开才会更新)
  • 中间几天
    被复杂的页面结构搞晕,已经有点慌,开始乱写了,莫名其妙能跑了,结果一起检查发现逻辑搞错了,改吧!
  • 又是几天
    这下彻底慌了,乱上加乱,写到自己也不知道在写什么
  • 最后两天
    意识到错误,询问延期两天影响如何,承认错误。重写,两天后完成。

ExtJS 的坑

  1. 报错提示
    别人家的报错是这样的


    JQuery报错

ExtJS的报错是这样的,错误原因就是缺了个标点,这去哪找去(绝望),这报错信息一点用都没有

ExtJS报错
  1. 莫名其表的错误
    因为是根据之前的页面写的新页面,再三检查之后,根本没问题,这里就是会报错(不影响逻辑和执行)


    image.png
  2. 竟然没了。。看来最大的坑就是报错机制了,从中找不到任何有用的信息

这个项目的总体架构挺好,以我的认知,要是有单元测试就好了,现在的冗余代码特别多,但是不敢改,稍微一改就会有问题。


了解还太少,如有错误请指正

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,293评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,604评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,958评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,729评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,719评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,630评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,000评论 3 397
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,665评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,909评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,646评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,726评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,400评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,986评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,959评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,197评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,996评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,481评论 2 342

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,594评论 18 139
  • Spring Boot 参考指南 介绍 转载自:https://www.gitbook.com/book/qbgb...
    毛宇鹏阅读 46,732评论 6 342
  • (一)Struts、Spring、Hibernate、Mybatis框技术 1.Struts2.0有几种标签库 【...
    独云阅读 3,219评论 0 62
  • 咏泰山 泰山巍巍,云雾皑皑。所处之巅,群峰匍伏。徒手攀之,山高路险。徒步下之,亦踉亦...
    W心怡阅读 536评论 0 3
  • 一 五月初,我陪母亲去南昌看望妹妹和刚出世的侄女。母亲晕车很严重,一生没有...
    冬冬的茶阅读 376评论 0 0