把自己开发的网站前端开发框架和大家分享下

最近给公司的网站做了一套前端框架。公司的网站更像企业管理软件或者说是控制台，因此很多操作可以标准化，我借鉴了jQuery以及jqgrid的原理开发了一套适合于我们公司网站的前端框架，目前开发完了70%，基本的功能都已经实现，这里和大家分享下。

　　源程序下载地址：

　　由于博客园的文件上传有大小限制，我将源文件的压缩包放到了技术群的共享里了，群号是：262413025,35079861（我后面会找个容易下载的地址的~~~）

　　编译好的war包地址：

 　　由于博客园的文件上传有大小限制，我将源文件的压缩包放到了技术群的共享里了，群号是：262413025,35079861（我后面会找个容易下载的地址的~~~）

　　war包放到tomcat和jboss下可以直接运行。

　　工程的服务端使用的语言是java，使用了struts2和spring，没有做数据库交互，工程部署好即可运行。项目通过maven进行管理，工程的目录如下图所示：

　　估计有很多童鞋maven不是很熟悉，这个没关系。下面我就讲讲eclipse里面maven是如何使用的，非常简单，如果eclipse下没有安装maven插件，按下面步骤进行操作：

　　首先如下图：

 

　　在eclipse的Help菜单下，点击Eclipse Marketplace..子菜单，弹出界面里在find文本框里填入maven，点击查询，如下图所示：

选择一个maven插件进行安装。安装完成后，将我的源代码压缩包进行解压。

在eclipse的file菜单下点击import..,找到如下图所示的：

点击next按钮，如下图：

选择我们的项目，maven项目只要有pom.xml就可以导入。

导入完成后，就要编译项目了，点击debug as..按钮，如下图所示

点击Debug Configurations..

弹出如下图所示：

方框有个Maven Build，选中它，点击左上角的新增按钮，这里添加两个运行参数，

如图1：

Name为UPMS-CI
在Goals:下写clean install

如图2：

在Name为UPMS-RUN下的Goals:下写jetty:run

UPMS-CI是编译项目
UPMS-RUN是运行项目的

项目启动起来后，在浏览器里输入：
http://localhost:8080/UPMS/

既可以访问网站了。

大家首先看到的是登录界面：

这里机构号，用户名，密码，验证码都是必须输入的，验证码必须正确，点击登录既可以登录到网站主页面里。

注意：如果登录时候信息输入错误，最后会有一个alert弹出来，这是正常的，这是我在测试校验框架的回调函数。主页面如下图所示：

我所写的前端框架核心内容都写在upms.js里面。

但是我的页面里并没有直接引入upms.js脚本，而是另外做了一个install_upms.js，这样的做的目的是为实现前端国际化，菜单里面写完成的都是已经开发好的功能，未完成的

后续时间里将会做完。

我个人觉得这套框架还是相当有技术含量，特长和大家分享下。

等框架开发完毕，我会把最终版本和大家分享下，以后还会做php版本的，到时在对里面所实现的功能进行讲解。