javaWEB模块物流项目一

javaWEB模块物流项目一

内容安排：

1、运行项目，分析功能结构

Struts2 通配符映射，将所有页面放在WEB-INF下

2、项目改造为maven结构

项目使用STS

3、jQuery EasyUI 框架

常用各个布局插件、Ztree菜单技术

学习目标：maven 、svn 、eclipse 工具、把握前端开发框架EasyUI

1.BOS项目概述

1.1.项目背景

什么是BOS？

(Business Operation System) ，各个软件最核心业务系统

用友软件公司为宅急送公司开发ERP系统---- 核心系统

BOS一期工程C/S结构，二期工程B/S 结构

传统项目分类：OA 自动化办公系统、CRM 客户关系治理系统、ERP 综合治理平台

1.2.项目开发任务

项目完整开发流程：

需求分析（需求分析文档）----- 系统设计（页面原型设计jquery easyui 、数据库设计PowerDesigner ）------ 编码----- 测试----- 集成部署和运维

BOS系统专门庞大，十几天学习哪些功能

涉及三大核心业务模块：基础设置模块、取派模块、中转模块

基础设置模块：治理物流信息基础元素信息（快递员、配送区域、配送时刻、排班…）取派模块：客户要进行快递，系统进行业务受理、系统分单到快递员、快递员取件、打包、计费

中转模块：治理物资在配送路程中间数据

路由模块：治理车辆和线路

财务模块：计费

PDA模块：治理快递员无线电通信

报表模块：生成统计数据

用户权限治理：通用权限治理系统Apache Shiro

1.3.项目开发平台和技术

新建一个Maven工程mavenbos

1.4.导入原型页面

配置说明pom.xml 导入参照下发pom.xml 文档!

名目结构说明

css 样式表文件

images 系统需要图片

js 存放js 脚本Jquery easyui(页面设计) ztree(树形菜单)

json 临时数据菜单页面设计扩展名称.json

系统所有页面原型

页面存放WEB-INF 下扫瞄器不能够直截了当访问! 通过action 访问对应页面采纳通配符

打开struts.xml

lib 删除

导入项目需要配置文件导入: src/java/resource

action 要求资源路径page_*_* 没有class 默认执行ActionSupport (默认的结果集SUCCESS) 转发!

使用该配置后续的自定义拦截器能够对action 有效从而实现对静态页面实现权限操纵... web.xml 配置

1: spring容器配置文件加载

2: 前端操纵器配置

1.5.pom.xml 配置参照资源包下发ppm.xml

说明: 后续的dao 实现我们采纳spring-data 实现crud 操作!

测试访问主页!

1.6.前端框架之easyui学习(把握)

引入jquery easyui 完成页面原型布局设置! 打开下发的easyui 资源包解压

demo 案例演示代码(学习指导)

locale 国际化脚本(中文)

plugings easyui页面需要依靠脚本插件

src 源码

themes 主题样式(css 文件)

easyloader.js 插件加载器easyui所有插件由该脚本驱动加载

jquery.easyui.min.js 相同于easyloader.js+所有插件(举荐导入该脚本即可) jquery-1.8.0.js必须导入

bos系统页面导入的easyui 脚本说明

工程导入四个即可

jquery +eazyui.min.js +themes+国际化文件!

easyui 学习之页面原型设计一layout 学习!

layou1.jsp

页面导入2个css+3个js 完成

参照文档布局打开文档手册学习easyui 布局样式!

layout 组件north south east west center data-options="key:value"

1.7.a ccordion插件，实现折叠菜单以及和layout 整

合

参照文档(easyui)案例为主学习西部设置

成效

1.8.ztree 菜单制作(菜单制作说明) ztree解压名目优异的功能灵活配置

api 文档查询使用

css 样式文件

demo 例子

js ztree依靠脚本

bos系统引入Ztree树形菜单说明

导入ztree 脚本

1 js :

2:css 样式

3: 案例演示树形菜单学习: layout2.jsp 引入ztree脚本

打开文档案例制作属性菜单提供两种方式standardData 学习!

树形菜单! 需要ul 标签! 提供class 样式="ztree" 提供id body 提供ul标签即可

参照脚本: 导入相关ztree 相关脚本

simpleData.html 学习简单树的学习

成效:

脚本相关脚本说明

href="${pageContext.request.contextPath }/js/easyui/themes/default/easyui.css" />

href="${pageContext.request.contextPath }/js/easyui/themes/icon.css" />

1.9.l ayout插件，完成bos主页布局

引入树形菜单和Layout 布局的编写!