day60_BOS项目_12

1、项目复习

1.1、项目第一天

  • 1、项目概述
  • 2、搭建开发环境(数据库、web项目、svn)
  • 3、jQuery EasyUI
    • 详解如下:
    1、layout 页面布局
    2、accordion 折叠面板
        <div class="easyui-accordion" data-options="fit:true">
            <div title="面板一">test1</div>
            <div title="面板二">test2</div>
        </div>
    3、tabs 选项卡面板
        <div class="easyui-tabs" data-options="fit:true">
            <div title="面板一"></div>
            <div titlte="面板二"></div>
        </div>
  • 4、jQuery ztree 树形插件
  • 详解如下:
    1、使用标准json数据构造ztree
        var setting = {};
        // 构造json数据
        var zNodes = [ 
            // 每个json对象对应一个节点数据
            {name : '系统管理'}, 
            // 每个json对象对应一个节点数据
            {name : '用户管理', children : [{name : '用户添加'}, {name : '用户修改'}]}, 
            // 每个json对象对应一个节点数据
            {name : '权限管理'} 
        ];
        // 创建ztree
        $.fn.zTree.init($("#ztree1"), setting, zNodes);
    2、使用简单json数据构造ztree
        var setting2 = {
            data : {
                simpleData : {
                    // 启用简单json数据描述节点数据 
                    enable : true
                }
            }
        }; 
        // 构造json数据
        var zNodes2 = [ 
            // 每个json对象对应一个节点数据
            {id : '1', pId : '0', name : '系统管理'},
            // 每个json对象对应一个节点数据
            {id : '2', pId : '0', name : '用户管理'},
            {id : '21', pId : '2', name : '用户添加'},
            {id : '22', pId : '2', name : '用户修改'},
            // 每个json对象对应一个节点数据
            {id : '3', pId : '0', name : '权限管理'}
        ];
        // 创建ztree
        $.fn.zTree.init($("#ztree2"), setting2, zNodes2);
    3、发送ajax请求获取菜单数据构造ztree
        var setting3 = {
            data : {
                simpleData : {
                    // 启用简单json数据描述节点数据 
                    enable : true
                }
            }
        };
        // 发送ajax请求获取json数据构造ztree
        var url = "${pageContext.request.contextPath}/json/menu.json";
        $.post(url, {}, function(data) {
            // 创建ztree
            $.fn.zTree.init($("#ztree3"), setting3, data);
        }, 'json');
  • 5、PD使用,设计数据模型

1.2、项目第二天

  • 设计BaseDaoBaseAction

  • 设计BaseAction

  • 实现用户登录功能和退出功能
  • jQuery EasyUI 的 messager 消息提示控件
    • 1、alert 消息提示框
    • 2、show 消息提示框(在屏幕的右下角显示一个消息窗口)
    • 3、confirm 消息确认框
    • 4、prompt 带有输入功能的消息确认框
    • 5、progress 显示进度提示框
  • jQuery EasyUI 的 menubutton 菜单按钮 示例代码如下:
    <a data-options="iconCls:'icon-help',menu:'#mm'" class="easyui-menubutton">控制面板</a>
    <!-- 使用div制作下拉菜单选项 -->
    <div id="mm">
        <!-- 使用子div制作具体的一个选项 -->
        <div onclick="alert(111)" data-options="iconCls:'icon-edit'">修改密码</div>
        <div>联系管理员</div>
        <div class="menu-sep"></div>
        <div>退出系统</div>
    </div>
  • 自定义struts2拦截器,实现用户未登录时自动跳转到登录页面
  • 基于ajax实现修改密码功能
    • 1、window创建使用 --> easyui-window
    • 2、EasyUI的validatebox
    • 3、发送ajax提交修改后的密码

1.3、项目第三天

  • 整体分析基础设置部分需求
  • 实现取派员添加
    • 1、扩展手机号校验规则 --> 使用正则表达式校验手机号
    • 2、为保存按钮绑定事件
  • jQuery EasyUI 的 datagrid 数据网格控件 的使用方式
    • 1、将静态HTML代码渲染成datagrid样式
    • 2、由datagrid发送ajax请求获取服务端json数据,构造datagrid
    • 3、使用EasyUI提供的API(js代码)动态构造一个datagrid
  • 使用datagrid实现取派员分页查询
  • 取派员批量删除(逻辑删除)
  • 取派员修改功能
    • 1、使用datagrid行双击事件处理函数onDblClickRow,弹出修改窗口,并且回显数据(注意:页面上本来就有数据,直接回显即可,就不用去数据库查了) 示例代码如下:
    rowIndex:被双击行的索引,从 0 开始
    rowData:被双击行对应的记录(对应的数据)
    // 当用户双击一行时触发该事件
    function doDblClickRow(rowIndex, rowData) { // rowData => id:xxx,name:xxx,...
        // 打开修改取派员窗口
        $('#editStaffWindow').window("open");
        // 回显数据
        // $("input[name=name]").val(rowData.name); // 显示姓名
        $('#editStaffForm').form("load", rowData);  // 显示整个表格的数据
    }

1.4、项目第四天

  • 实现区域批量导入功能
    • 1、jQuery OCUpload(一键上传插件)
    • 2、apache POI 解析Excel文件内容
    • 3、使用 pinyin4J 生成简码和城市编码
  • 实现区域的分页查询,重构分页代码(将Action中的属性和方法统一提取到BaseAction中)
  • 实现分区的添加功能
    • 1、jQuery EasyUI 的combobox下拉框 使用(2种方式)

  • 解决区域分页查询的bug
  • 实现分区分页查询(没有过滤条件)
  • 实现分区组合条件分页查询
  • 分区数据导出功能
    • 1、查询所有数据
    • 2、使用POI创建一个Excel文件,并且写入数据
    • 3、文件下载

1.5、项目第五天

  • 定区添加功能
    • 1、使用combobox下拉框展示取派员
    • 2、使用datagrid数据表格展示分区数据
  • 定区分页查询
  • hessian入门 --> 远程调用技术
    • httpClient --> 模拟浏览器效果(淘淘商城大量使用)
    • dubbo --> 阿里巴巴,后期自学内容
  • 基于hessian实现定区关联客户

1.6、项目第六天

  • 业务受理分析(业务通知单、工单、工作单)
  • 实现业务受理、自动分单业务功能
  • 数据网格datagrid的编辑功能的使用
    • onAfterEdit:function(rowIndex,rowData,changes) { // 数据网格的事件:当前行结束编辑状态时触发 }
  • 基于数据网格datagrid编辑功能实现工作单快速录入功能

1.7、项目第七天

  • 权限概述(认证、授权)
  • 常见的权限控制的方式(URL、方法注解)
  • 权限数据模型(权限表、角色表、用户表、角色权限关系表、用户角色关系表)
  • apache hiro框架调用流程
    • shiro的程序运行流程:Application Code --> Subject --> Shiro SecurityManager --> Realm
  • 将shiro引入bos项目进行认证和授权
  • shiro提供的权限控制方式
    • 1、URL拦截
    • 2、方法注解
    • 3、页面标签(shiro标签库)
    • 4、代码级别(编码方式)

1.8、项目第八天

  • 权限管理(初始化权限(通过sql脚本)、查询、添加)
  • 角色管理(添加、查询)
  • 用户管理(添加、查询)
  • 修改自定义BOSRealm中的授权方法,通过查询数据库获得登录人的权限
  • 使用ehcache 缓存权限数据
  • 系统的左侧菜单根据当前登录用户的权限动态展示

1.9、项目第九天

  • 工作流概念
  • 安装eclipse插件 --> 流程设计器
  • activiti框架底层有数据库支持,对应23张表
  • 创建+了解23张表
    • 1、act_re_*
    • 2、act_ru_*
    • 3、act_id_*
    • 4、act_hi_*
    • 5、act_ge_*
  • 使用activiti的API操作流程
    • 1、部署流程定义
    • 2、查询流程定义
    • 3、查看png图片
    • 4、启动流程实例
    • 5、查询流程实例
    • 6、查询组任务
    • 7、拾取组任务
    • 8、查询个人任务
    • 9、办理个人任务

1.10、项目第十天

  • 流程变量(设置、获取)
  • 组任务(候选人、候选组)
    • 1、查询组任务
    • 2、拾取组任务
  • 排他网关的使用(常用)
  • spring 整合 activiti框架
  • 在bos中实现流程定义管理

1.11、项目第十一天

  • 流程实例管理(查询流程、查看流程实例运行状态(查询部署id、图片名称、查询坐标))
  • 数据同步(将用户和角色数据同步到activiti对应的用户表和组表中去)
  • 设计物流配送流程
  • 启动物流配送流程
  • 查询组任务、拾取组任务
  • 查询个人任务、办理个人任务

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Flutter入门到实战

开发工具总结(10)之Flutter从配置安装到填坑指南详解

版权声明:本文为博主原创文章,未经博主允许不得转载。https://www.jianshu.com/p/399c01657920

2451
来自专栏散尽浮华

Mongodb主从复制/ 副本集/分片集群介绍

前面的文章介绍了Mongodb的安装使用,在 MongoDB 中,有两种数据冗余方式,一种 是 Master-Slave 模式(主从复制),一种是 Replic...

1.8K11
来自专栏云原生架构实践

容器化系列 - 通过Grafana监测InfluxDB数据 on Docker

1775
来自专栏Rovo89

配置React开发环境教程

1302
来自专栏FreeBuf

闲话文件上传漏洞

文件上传漏洞是web安全中经常利用到的一种漏洞形式。这种类型的攻击从大的类型上来说,是攻击 数据与代码分离原则 的一种攻击。 一些web应用程序中允许上传图片,...

4577
来自专栏Android群英传

渐进式Web应用入门-ServiceWorker

1003
来自专栏互扯程序

跨域请求方案 终极版

现在是资源共享的时代,同样也是知识分享的时代,如果你觉得本文能学到知识,请把知识与别人分享。

4033
来自专栏Seebug漏洞平台

Bypass unsafe-inline mode CSP

[+] Author: evi1m0 [+] Team: n0tr00t security team [+] From: http://www.n0tr0...

3394
来自专栏北京马哥教育

Python操作OpenOffice

OpenOffice是一个免费的、开源的办公套装,集成了允许开发者用不同语言进行开发的API。Python-UNO让你可以在Python环境下使用OpenOff...

9308
来自专栏乐百川的学习频道

配置和美化OpenSuse Tumbleweed

在我的前一篇文章在虚拟机安装OpenSuse Tumbleweed中,介绍了如何在虚拟机中安装OpenSuse Tumbleweed。但是虚拟机上面并不过瘾,正...

3809

扫码关注云+社区

领取腾讯云代金券