java WEB模块物流项目一Word文档格式.docx

java WEB模块物流项目一Word文档格式.docx

《java WEB模块物流项目一Word文档格式.docx》由会员分享，可在线阅读，更多相关《java WEB模块物流项目一Word文档格式.docx（25页珍藏版）》请在冰豆网上搜索。

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

综合管理平台ERP客户关系管理系统、CRM、自动化办公系统OA：

传统项目分类

1.2.项目开发任务

项目完整开发流程：

需求分析（需求分析文档）-----系统设计（页面原型设计jqueryeasyui、数据库设计

PowerDesigner）------编码-----测试-----集成部署和运维

系统非常庞大，十几天学习哪些功能BOS．

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

中转模块：

管理货物在配送路程中间数据

路由模块：

管理车辆和线路

财务模块：

计费

PDA模块：

管理快递员无线电通信

报表模块：

生成统计数据

ApacheShiro通用权限管理系统用户权限管理：

1.3.项目开发平台和技术

新建一个Maven工程mavenbos

1.4.导入原型页面

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

目录结构说明

css样式表文件

images系统需要图片

js存放js脚本Jqueryeasyui（页面设计）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学习（掌握）

解压资源包easyui打开下发的!

页面原型布局设置完成jqueryeasyui引入．

demo案例演示代码（学习指导）

locale国际化脚本（中文）

plugingseasyui页面需要依赖脚本插件

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组件northsoutheastwestcenterdata-options=key:

value

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

西部设置案例为主学习（easyui）参照文档．

效果

1.8.ztree菜单制作（菜单制作说明）

ztree解压目录优异的功能灵活配置

api查询使用文档

样式文件css

demo例子依赖脚本ztreejs

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

脚本导入ztree

1js

样式2:

css

ztree脚本案例演示树形菜单学习3:

:

layout2.jsp引入提供两种方式制作属性菜单打开文档案例!

学习standardData

树形菜单!

需要ul标签!

提供class样式=ztree提供id

标签即可ul提供body

参照脚本:

导入相关ztree相关脚本

简单树的学习学习simpleData.html

效果

脚本相关脚本说明

<

--jquery-->

scripttype=ext/javascript

src=${pageContext.request.contextPath}/js/jquery-1.8.3.js>

/script>

--jqueryeasyui-->

src=${pageContext.request.contextPath}/js/easyui/jquery.easyui.min.js>

--easyui国际化js-->

src=${pageContext.request.contextPath}/js/easyui/locale/easyui-lang-zh_CN.js>

--主题css样式-->

linkrel=stylesheettype=ext/css

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

--图标css-->

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

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

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

1.10.jquery+ztree插件制作bos系统菜单

西部整合according

需要提供ul标签

xxx.json

引入到外部文件可以将菜单制作内容．

引入项目json文件通过ajax请求获取系统菜单的生成

页面加载立刻发送ajax请求json文件

2:

获取文件信息文件内容就是zNodes数据

如果数据来自外部文件按照标准写法key:

value需要添加引号

菜单数据来自外部文件:

效果3:

1.11.tabs插件，实现选项卡菜单

1.12.ztree和tabs选项卡合并（点击菜单生成选项卡）

导入相关脚本ztree_according.jsp页面折叠选项卡第一个引入ul标签完成属性菜单

添加点击事件setting查询根据文档添加点击事件文档ztree查询1:

查询easyui-tabs里面add方法添加一个选项卡!

目标选项卡添加id被jquery选择center区域添加tabs选项卡样式

点击事件中添加选项卡add填充父容器

tabs

如果不存在新建一个判断选项卡是否存在点击事件js

属性Page最终判断点击菜单是否含有．

iframe内嵌页面布局

1.13.datagrid数据表格插件（重点）

Datagrid数据表格，

是jqueryeasyui功能最强大，最重要的一个插件，简化开发

数据表格：

数据列表显示、分页、排序、编辑

需要table提供theadtbodytfoot

1.14.案例一：

datagrid加载HTML静态数据

属性field添加th还需要给标签tbodythead提供编写一个表格1:

pagination:

true显示分页栏

rownumbers:

true显示行号

checkbox:

true出现列中显示复选框

添加工具栏toolBars需要提供一个diva标签就是按钮!

需要编写js完成工具栏的加载

远程数据datagrid加载json案例二：

1.15.

文件提供一个当前文件jsp同级目录data.json

对象数据key一定要和每一个表头field:

属性值要一致

{id:

xxx,name:

xxx,sex:

xxx,age:

xxx}格式

测试．

1.16.案例三：

使用Javascript编写datagrid

页面提供带有idclasstable标签即可

参照文档提供table标签即可

完成js纯

效果!

作业:

项目bos导入（maven安装okpom.xml导入知道为什么所有业务页面存放在WEB-INF

下）

原型设计

）

握掌架框立独（ztree卡项选tabs单菜拉下according局布layout

standardDataSimple.html（children）/simpleData.html（idpId）

ztree点击添加选项卡整合（iframe）掌握

3:

datagrid

1:

静态html生成datagrid（json）

2:

js完成datagrid数据显示!