文档章节

怎样使用CCBPM做一个项目管理系统(八) - 新增Html页面和功能实现

ccflow-黄志敏
 ccflow-黄志敏
发布于 2018/07/26 17:08
字数 453
阅读 70
收藏 1

上述七篇文章,我们讲解了系统搭建和流程数据与业务数据的交互。

本篇文章,我们讲解一下系统页面的展示和功能实现。

需求:

       通过流程新增的员工基本信息,在登录系统后可以查看详情和发起相应的流程。

新建Html页面

在web项目文件夹中,新建MyHome.htm页面,用于显示员工基础信息,并引用config.js文件。

在此级路径中新建一个处理程序,用于实现html和Handler的功能解析。

在新建的项目类库HttpHandler文件夹中,依照Html网页的路径新建一个处理类。

效果如下图所示

功能实现

页面加载时,需要展示当前登录人员的基本信息。

Html页面的js方法中,实现以下逻辑。

  $(function () {
            Handler_AjaxQueryData({ DoType: "Get_MyHome" }, function (data) {
                if (data.indexOf("err@") != -1) {
                    $.messager.alert("错误", data, "icon-error");
                    return;
                }
                var ccdata = eval("(" + data + ")");
                $("#sp_Name").html(ccdata[0].Name);
                $("#sp_Dept").html(ccdata[0].FK_DeptText);
                $("#sp_LoginNo").html(ccdata[0].LoginNo);
                $("#sp_BRLXFS").html(ccdata[0].BRLXFS);
                $("#sp_SFZH").html(ccdata[0].SFZH);
                $("#sp_Birthday").html(ccdata[0].Birthday);
                $("#sp_HJD").html(ccdata[0].HJD);
            }, this);
        });

JS方法中调用的Get_MyHome方法在HttpHandler/NewApp_pages.cs中实现。

  /// <summary>
        /// 获取个人档案
        /// </summary>
        /// <returns></returns>
        public string Get_MyHome()
        {
            Employee ee = new Employee();
            ee.RetrieveByAttr(EmployeeAttr.LoginNo, BP.Web.WebUser.No);

            return BP.Tools.Json.ToJson(ee.ToDataTableField());
        }

 

通过上述页面的搭建和功能实现,即满足了数据在前台的展示。

 

© 著作权归作者所有

共有 人打赏支持
ccflow-黄志敏

ccflow-黄志敏

粉丝 3
博文 23
码字总数 13776
作品 0
济南
程序员
私信 提问
新版本的驰骋工作流引擎ccbpm将有那些变化?

新版本的驰骋工作流引擎ccbpm将有那些变化? 各位ccbpm的爱好者: 经过ccbpm队员们几个月的辛苦的努力,ccbpm将有将脱胎换骨的变化,这些变化主要体现在后台上,总结如下几点,敬请各位同学的...

ccflow
2015/11/28
537
2
关于开源驰骋工作流引擎ccbpm对bpmn2.0的支持

各位ccbpmer : Ccbpm将要支持bpmn2.0了。 我们会保留现在的ccbpm设计模式,也支持bpmn2.0的规范,让ccbpm与国际接轨。包括.net版本ccflow与java版本jflow。在新版本中,我们将要支持导出导入...

ccflow
2015/09/18
220
0
使用原型设计工具 Axure RP创建一个web页面框架

前言 什么是原型呢? 原型设计是交互设计师与PD、PM、网站开发工程师沟通的最好工具。而该块的设计在原则上必须是交互设计师的产物,交互设计以用户为中心的理念会贯穿整个产品。利用交互设计...

红焖鲤鱼
2016/07/09
840
2
CCBPM工作流引擎的消息机制与设计

CCBPM工作流引擎的消息机制与设计 关键字:ccflow jflow 消息机制 流程引擎 自动发送短信 发送邮件 发送消息 流程引擎微信连接 消息接口 关于ccbpm: 我们把ccflow jflow两个版本的工作流引擎...

ccflow
2015/07/08
0
0
禅道 4.0正式版本暨专业版 2.0 版本发布

禅道开源项目管理软件4.0正式版本 禅道的朋友们,我们非常自豪的向您推荐禅道最新的4.0版本!相比较于去年9月3日发布的3.3版本而言,4.0版本在UI、安装升级、使用流程、操作体验方面都做了重...

炒蚕豆吃蹦豆
2013/03/04
6K
41

没有更多内容

加载失败,请刷新页面

加载更多

vue 对对象的属性进行修改时,不能渲染页面 vue.$set()

我在vue里的方法里给一个对象添加某个属性时,我console.log出来的是已经更改的object ,但是页面始终没有变化 原因如下: **受现代 JavaScript 的限制 (而且 Object.observe 也已经被废弃),...

Js_Mei
46分钟前
0
0
开始看《Java学习笔记》

虽然书买了很久,但一直没看。这其中也写过一些Java程序,但都是基于IDE的帮助和对C#的理解来写的,感觉不踏实。 林信良的书写得蛮好的,能够帮助打好基础,看得出作者是比较用心的。 第1章概...

max佩恩
昨天
12
0
Redux 三大原则

1.单一数据源 在传统的MVC架构中,我们可以根据需要创建无数个Model,而Model之间可以互相监听、触发事件甚至循环或嵌套触发事件,这些在Redux中都是不被允许的。 因为在Redux的思想里,一个...

wenxingjun
昨天
8
0
跟我学Spring Cloud(Finchley版)-12-微服务容错三板斧

至此,我们已实现服务发现、负载均衡,同时,使用Feign也实现了良好的远程调用——我们的代码是可读、可维护的。理论上,我们现在已经能构建一个不错的分布式应用了,但微服务之间是通过网络...

周立_ITMuch
昨天
4
0
XML

学习目标  能够说出XML的作用  能够编写XML文档声明  能够编写符合语法的XML  能够通过DTD约束编写XML文档  能够通过Schema约束编写XML文档  能够通过Dom4j解析XML文档 第1章 xm...

stars永恒
昨天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部