java WEB模块物流项目一.docx
- 文档编号:8798053
- 上传时间:2023-02-01
- 格式:DOCX
- 页数:25
- 大小:1.06MB
java WEB模块物流项目一.docx
《java WEB模块物流项目一.docx》由会员分享,可在线阅读,更多相关《java WEB模块物流项目一.docx(25页珍藏版)》请在冰豆网上搜索。
javaWEB模块物流项目一
BOS物流管理系统第一天搭建环境
内容安排:
1、运行项目,分析功能结构
Struts2通配符映射,将所有页面放在WEB-INF下
2、项目改造为maven结构
项目使用STS
3、jQueryEasyUI框架
常用各个布局插件、Ztree菜单技术
学习目标:
maven、svn、eclipse工具、掌握前端开发框架EasyUI基础设置模块:
管理物流信息基础元素信息(快递员、配送区域、配送时间、排班…)
取派模块:
客户要进行快递,系统进行业务受理、系统分单到快递员、快递员取件、打包、计费
1.BOS项目概述
1.1.项目背景
什么是BOS?
(BusinessOperationSystem),各个软件最核心业务系统
用友软件公司为宅急送公司开发ERP系统----核心系统
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-->
src=${pageContext.request.contextPath}/js/jquery-1.8.3.js> --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样式--> 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请求获取系统菜单的生成 1: 页面加载立刻发送ajax请求json文件 2: 获取文件信息文件内容就是zNodes数据 如果数据来自外部文件按照标准写法key: value需要添加引号 ! 菜单数据来自外部文件: 效果3: 1.11.tabs插件,实现选项卡菜单 1.12.ztree和tabs选项卡合并(点击菜单生成选项卡) 导入相关脚本ztree_according.jsp页面折叠选项卡第一个引入ul标签完成属性菜单 添加点击事件setting查询根据文档添加点击事件文档ztree查询1: 2: 查询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纯 效果! 作业: 1: 项目bos导入(maven安装okpom.xml导入知道为什么所有业务页面存放在WEB-INF 下) 2: 原型设计 ) 握掌架框立独(ztree卡项选tabs单菜拉下according局布layout standardDataSimple.html(children)/simpleData.html(idpId) ztree点击添加选项卡整合(iframe)掌握 3: datagrid 1: 静态html生成datagrid(json) 2: js完成datagrid数据显示!
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- java WEB模块物流项目一 WEB 模块 物流 项目
![提示](https://static.bdocx.com/images/bang_tan.gif)