Struts2+Spring2.5+Hibernate3(JPA)+ExtJS3基本后台-2010-3-4修改 2010-11-1源码

本项目已经停止维护，请大家不要挖坟了。

我已经重新基于SpringMVC + OpenJPA + ExtJS3.3对本项目进行了重构，12月以前会将新项目公布

源码请下载11月1日上传的StrongWord.tar.gz（不包括库文件，需要的请下载之前的 lib1-3）.

 

基于SSH2、ExtJS的后台管理程序（目前完成部门、用户管理）

先上图，已在Firefox3.5、IE7、Chrome3中测试正常

 

 

1、本程序所有权归本人，转载请注明出处。

2、后台程序部分使用Struts2+Spring2.5+Hibernate3(JPA)，数据库为MySQL5

3、由于后台代码尚在完善阶段，暂时不提供java部分的代码

4、默认管理员：admin 密码：admin

5、webapps所在路径不能有中文名或空格，例如/workspace/tomcat 6/webapps，系统肯定报错

 

 

默认后台显示地址：http://localhost:8080/×××/ht/index.action

 

×××管理员登录界面，支持回车提交×××

 

 

×××部门管理界面：支持拖拽（包括跨部门拖拽）、双击修改、右键菜单×××

 

×××用户管理界面：双击修改、右键菜单×××

×××修改用户界面：支持移动用户所在位置（支持跨部门移动）×××

 

下载内容在楼下（正在上传，发现把spring2.5写成3.5丢人丢大发了 呵呵）

 

 

终于传完了，后台程序里面用到的东西挺多的懒得删了，为方便大家测试将所有的lib文件都包含进来了，大家将就用。

前台的ExtJS包含完整的代码，由于我是用的Struts2所以我吧json和部分js文件用ftl来实现，利用struts2来实现国际化。

 

 

这个程序是学习ExtJS的一个开始，很多东西还在慢慢摸索中，欢迎大家拍砖^_^

 

 

忘记传SQL文件了，抱歉，SQL帐号设置的方法

修改WEB-INF\classes\META-INF\persistence.xml

      <property name="hibernate.connection.provider_class" value="org.hibernate.connection.C3P0ConnectionProvider" />
      <property name="hibernate.connection.driver_class" value="com.mysql.jdbc.Driver" />
      <property name="hibernate.connection.url" value="jdbc:mysql://localhost:3306/strongword" />
      <property name="hibernate.connection.username" value="root" />
      <property name="hibernate.connection.password" value="wearenet" />

 

 

2009-12-22

    * 因为程序代码部分不停修改中，为方便大家下载我将压缩包分为库（lib.part1.rar、lib.part2.rar）、运行文件 （strongword.rar）、sql（sql.rar）三个部分，运行文件和sql文件可能会经常修改，库文件基本不会动了

    * 修复Bug：当某部门内人员记录为空时，修改、添加用户表单选择所在部门时，显示在×××之上 下拉框显示错误的问题。

 

2009-12-23

    * 修正一些BUG

    * 增加选项管理功能，所谓选项管理可以理解为字典管理，做这个目的是为了体现与部门管理、用户管理不同的管理界面和方式（选项排序、同名验证等还没加入）

    * 请大家重新下载运行文件部分(strongword.rar)，解压覆盖之前的即可

 

 

2009-12-24

    * 用户管理列表部分增加RowExpander

    * 请大家重新下载运行文件部分(strongword.rar)，解压覆盖之前的即可

 

2009-12-26

    * 重装电脑换成Ubuntu9.10 64位了，速度飞快哈哈，压缩格式也换成tar.gz

    * 这次主要增加了用户头像管理，本来想完成了再放上来，不过要赶到北京出差，放上来先吧

    * 目前完成了“添加用户”时的头像图片上传功能，“修改用户”暂时完成了JS的图片删除，后台功能还没做好

    * 默认上传目录在WEBAPP/uploadfile下，系统根据上传时间自动按月建目录并重命名文件

    * 上传的图片还未限制大小，但能够在保证图片不被拉长、压扁的情况，自动按照默认分辨率进行裁剪

    * 另外，现在的程序是Linux下编译，使用的浏览器是Firefox3.5，其他平台上的服务和浏览器使用情况大家就帮忙测试一下，有问题多多提醒

    * 请大家重新下载运行文件部分(strongword.tar.gz)，解压覆盖之前的即可

 

 

2009-12-27

    * 在飞机上实在无聊，刚好完成了用户头像管理的功能（修改、删除头像，删除用户自动删除头像），现在在北京了传上来

    * 下一步准备做新闻部分了，选项部分的管理暂时没有考虑好，等以后再说

 

 

2010-1-5

    * 没想到去了趟北京，病了差不多一个星期，深刻体会到身体好的重要了。偶是12年因为生病去医院看病了，一个小小的气候不适应居然造成扁桃体化脓、口腔溃疡。这个学习项目的更新就没以前那么频繁，学习的进度是要耽误了。

    * 选项管理部分，增加了先后顺序的拖动支持。！！注意！！如果之前有添加过选项的，请删除之前所有的记录后再添加选项，否则拖动会报错。

    * 增加了文章分类管理功能，完全衍生自部门管理，功能就不复述了

    * 初步增加了文章管理部分，这个部分大家就别测试了，还只是一个初步的框架，内容还在增加中

 

 

2010-1-7

    * 文章管理部分完成，并整理了导航图标，请重新下载StrongWord.tar.gz和StrongWord.sql.tar.gz（重新导入数据库）

    * 存在的BUG：1、经过测试发现在IE下修改文章时无法将文章内容加载到Fckeditor内；2、IE下添加、修改文章的更多设置内，文章上传时间与点击率无法对齐。万恶的IE阿

    * 受够了Fckeditor的气，下一步准备花些时间在Ext富编辑器的基础上扩展出图片、链接上传功能

 

 

2010-1-12

    * 准备彻底抛弃Fckeditor，将富编辑器改为Ext自带的htmledit

    * 增加了自动存盘功能（默认30秒自动保存一次）：新建文章时输入标题后开启自动存盘（其实就是新建一个文章），除点击“添加”按钮，其他操作关闭窗口时自动删除该新建的文章，点“添加”按钮则保存改文章；自动存盘的文章会在标题后方自动增加保存时间；打开修改文章窗口后延迟30秒开启自动存盘；

    * 自动存盘功能可能考虑的比较复杂，这个功能也是一直想做但限制与javascript没有仔细去做过。这次刚好利用Ext的任务实现了这个功能，可能比较粗浅，大家多提提建议

    * 自动存盘的功能也是为下一步扩展htmledit的图片、链接上传功能作准备，等完成这些功能了再作更新，可能时间比较长

 

 

2010-1-15

    * 由于Firefox中文字体的问题，本来集成了一个中文css，但发现虽然解决了Firefox字体问题，但是同时带来了其他浏览器很多不可预见的问题。那个郁闷阿，没办法将Firefox和其他浏览器的css分成了两个文件，同时解决了很多由于IE版本不同造成的很多样式不同的BUG

    * 在ExtJS的htmledit中扩展了图片上传功能，文章管理中有应用

    * 每篇文章都有独立的图片存储空间，打开图片上传界面后只显示本文章的图片，上传的图片自动改名位数字

    * 已知BUG：IE6中图片大小输入框有一个不能显示

    * 目前使用的图片浏览框是ExtJS3自带的，感觉写的不太适合图片上传功能，准备重写这段代码

    * 文件上传功能准备参考图片上传，等把图片上传扩展写好后再来做

 

 

2010-1-18

    * 更新ExtJS至3.1版本，解决几个个人认为是BUG的问题，具体BUG在其他博文中有研究

    * 重写图片浏览窗代码，将ExtJS自带的function定义方式改为extend方式，个人感觉执行效率有一定提升

    * 解决IE6中图片大小输入框有一个不能显示的BUG

    * 在文章新建、修改窗中增加保存按钮，取消文章自动存盘功能，改为点击插图图片按钮时提示保存

    * 已知BUG：在IE6、IE7中htmledit编辑器不能记录光标所在位置，插入的图片总是跑到文章最前位置，IE8、Firefox、Chrome测试正常，也请问一下哪位知道怎样解决这个问题，万分感谢

 

2010-1-20

    * 增加htmledit的文件（链接）上传按钮，扩展了文件上传浏览框

    * 修正了上一次更新造成的几个BUG

    * 已知BUG：在IE6、IE7中htmledit编辑器不能记录光标所在位置，插入的链接总是跑到文章最前位置，IE8、Firefox、Chrome测试正常，也请问一下哪位知道怎样解决这个问题，万分感谢

 

 

2010-1-28

    * 增加了MySQL的数据库状态检测功能，使用Spring的Quartz每5秒读取一次数据库信息

    * 使用FusionChartsFree作为图表显示控件实现了无刷新动态图标数据更新，图中图表文字模糊是因为Linux下Flash插件的问题，在windows下显示正常

    * 彻底转向ExtJS3.1去掉之前3.0的库文件

    * 已知BUG：在windows下数据状态显示异常，因为windows下的mysql参数中含有特殊字符，因为现在是在Linux下开发木办法调试，等把数据库管理的功能完成再找个windows的环境调试下看看

 

 

2010-1-31

    * 完成数据库管理功能模块，实现数据库的备份、恢复、删除备份文件、上传下载备份文件等功能

    * 使用前请先点击［选项设置］设置必要的参数，否则无法进行数据库的管理

    * 如果服务器是在windows平台下，在填写mysql和mysqldump地址的时候请加上英文的引号如［"c:\program files\mysql\bin\mysql.exe"］，同比Linux下为［/usr/bin/mysql］。原因就不说了，等系统管理功能完成后再修改此部分为自动判断，目前先这样吧

    * 在windows下进行了服务器和客户端的完整测试，修正了之前服务器在windows下跑时出错的问题

    * 自动备份功能目前仅留有接口，等下一步再来实现

 

2010-2-18

    * 新年快乐、虎年大吉

    * 修正了之前数据库管理中备份、恢复操作失败的BUG，自动识别操作系统，在windows平台下，在填写mysql和mysqldump地址的时候不需要再加英文的引号

    * 增加了“系统管理”和“网络监控”模块，如果不出意外这个学习项目将不在增加新的功能，除修改之前的BUG外也不会再更新，不过大家提意见我会尽量修改

    * 本来春节前就做好了“系统管理”部分，但始终觉得不满意，一直在修改，加之春节陪老婆陪BB也没能尽早完成。今天外面下大雨刚好花了一天时间将功能重新整理了一遍，还增加了“网络监控”的功能

    * 系统管理中显示的日志是因为开发过程中使用的是debug模式，一些struts2的“非错误”也写入了日志，正常运行的情况下只有登录、添加、修改和删除的操作被记录，日志功能使用的是spring+log4j实现

    * 系统和网络部分使用了sigar.jar，对应的JNI库文件我放到了/WEB-INF/lib目录中，大家可以根据WEB服务器所在的系统保留对应的库文件即可，其他可以放心删掉

    * 管理部分的三个模块服务器和前台界面做到了夸平台，我已经在Windows XP和Ubunut9.10的平台上跑了服务应用，比在两个系统上分别使用Firefox、Chrome，在XP下使用IE6进行了测试，感觉比较完美了

    * 和数据库管理模块一样，FusionChartsFree作为图表显示控件实现了无刷新动态图标数据更新，这部分的使用下一步想写几遍文章探讨一下

    * 这个学习项目持续了近两个月的时间，完全一个人从头到尾一行行代码写出来，感觉学到了非常多的东西，以前很多想到但一直没有做到的功能也都一步步实现，我想有了这个基础的平台一般的项目都可以应付，之后我会在其他博文中探讨一下这两个月来的一些经验

    * 最后。。。请大家重新下载库文件包 lib.part1.rar、lib.part2.rar、lib.part3.rar和程序文件包StrongWord.tar.gz

 

 

2010-3-4

    * 修复了部门和新闻分类管理操作上的一些bug

    * 写了一个基于SWT的小东西整理了一下代码文件的编码格式问题，大家有兴趣可以下载了看看http://simen-net.iteye.com/admin/blogs/603252

 

 

 

评论

28 楼 simen 2009-12-24  

赞同楼上```

27 楼 mr.a 2009-12-24  

我也用ext近一年了, 看了一些源码, 用了不少plugin, 我的看法是, ext没有新技术, 无非是js操作dom, css, 展现的东西也无非是html, 不像flex是编译的swf, 也就是说所有东西都是可知可改的, 如果用的好完全可以随心所欲的做想要的效果. 另外ext的结构和实现技巧很有借鉴意义

26 楼 simen_net 2009-12-23  

jdk-6u16-windows-i586-p.exe

25 楼 zhaolaiwei 2009-12-23  

LZ的JDK是什么版本？

24 楼 waterli 2009-12-23  

界面挺漂亮的，我也想弄成这样，只是Ext好像很庞大。

23 楼 simen_net 2009-12-23  

确实，Ext中的陷阱太多了，看似完整的API很多基本功能都无法实现。

但是作为一个学习的对象还是不错的

我写这个程序的主要目的就是为了学习，其实后台的JAVA程序部分是一个通用的平台，不仅支持ext还可以用于div+css，这也是为什么我用struts2来生成JS和FTL的目的。如果不需要ext，换一下ftl文件就是一个div+css的程序了。

22 楼 edzhh 2009-12-23  

ext谨慎使用

21 楼 wanlim0817 2009-12-23  

我觉得ZK这个框架也不错，大家有试过不？现在ZK5更为强大

20 楼 cnlw1985 2009-12-23  

用ext做开发已经快一年了，现在看着ext的界面就恶心，还有js

19 楼 leon1509 2009-12-23  

SSH现在已经过时了！不如用grails，代码写着很爽！

18 楼 simen_net 2009-12-22  

回复 wujiazhao88 ：

1、写这个程序的目的主要就是为了学习，所谓的快速开发貌似不能解决这个问题 嘿嘿
2、我还没有仔细研究这个东西，不知道能否完全实现我目前这个程序的完整功能，例如后台的JPA、事务管理、国际化，前台的拖动（这个部分我花了不少功夫，大部分的验证工作在客户端已经完成了，尽可能减少与服务器的交互动作）、下拉树与下拉菜单的联动等等···
3、我很乐意把我现在的代码作为自动生成的模板来使用，并且我在写这些代码的时候我也是这样做的。程序中的POJO和大部分的基础json、js以及js内的filed对象都是我自己用eclipse写了一个SWT的程序来自动生成的

17 楼 yadsun 2009-12-22  

最近在思考把一套基于eclipse plugin的C/S框架转成B/S的，看来就是ssh+ext了,抓紧时间学习ext...

16 楼 wujiazhao88 2009-12-22  

这东西用operamasks快速实现，囧。。还是感谢分享。。。

15 楼 lucky16 2009-12-22  

既然LZ还没有上Java源代码，那  要好久才可以修改完呢？

14 楼 fengpy2009 2009-12-22  

谢谢共享，参观一下喔

13 楼 simen_net 2009-12-22  

其实感觉速度慢的话，可以用以下firefox3.5以上版本或者chrome，那V8的javascript引擎可不是吹的，绝对比IE7快10倍

我现在考虑的话是保证用户IE正常使用的情况下建议安装使用firefox3.5或chrome浏览器

12 楼 binlaniua 2009-12-22  

html5 + css3

11 楼 ninggy 2009-12-22  

simen_net 写道

个人认为Ext和div+css适合应用的范围不同，没有可比性。

从我们使用的情况来看，Ext非常适合做管理系统的后台程序。尤其在类似防火墙、入侵防御等系统中的应用更是DIV+CSS无法比拟的。

主要原因是Ext的使用可以很大的减少与服务器交互的数据量，尽可能的减少此类系统WEB服务占用的系统资源。目前国内比较好的网络安全公司如天融信、启明星辰、绿盟已经在这上面做了很多的尝试，目前看效果还是不错的。

另外我觉得在手机平台上随着浏览器的支持Ext的应用可能更为广泛。

simen说的不错，受教了。呵呵

10 楼 ninggy 2009-12-22  

anky_end 写道

我的看法，等用上了。。
会怀念从前jsp的清爽的。。。

这个界面第一眼很爽，真用起来时候有种淡淡的延迟感挖

确实会有点延迟，但影响不是很大

9 楼 anky_end 2009-12-22  

我觉得如果要减少和web端的交互，ajax有很多种解决方案可以做到。

ext最终也是用js引擎生成html，并不像flex那样另起炉灶。

我认为其优点就是提供了一套完整的界面解决方案。至于用起来的感觉，就仁者见仁了。