精华内容
下载资源
问答
  • 网页设计文档

    2013-05-29 20:22:53
    网页设计文档
  • 网页设计文档教程

    2014-09-13 12:54:26
    课堂讲义教你轻松制作网页作业快点来下载啊
  • 专业网页设计网页设计技巧,创建优秀网页的6个好习惯
  • 自己做的动态网页设计文档,是一个关于留言板的设计,后面附带有代码
  • 熟练使用网页设计工具Frontpage、Dreamweaver MX,能够使用Dreamweaver MX设计网页的框架,导航条,设置文字,图片,超级链接,滚动文字,弹出窗口的属性,能够使用Dreamweaver MX设计出比较复杂的网页,建立小型...
  • 网页说明文档

    2012-12-02 14:57:17
    网页设计文档,这是一个网页设计文档,做的不太好,多多原谅
  • HTMLCSSjavasript网页制作网页设计网页文档编辑分析PPT教案.pptx
  • 实用文案 太原工业学院 课程设计说明书 课程名称 网络...析在策划好网站基本结构的基础上通过网页制作软件及相关图片处理 动画制作软件开发完整的网站页面 二基本要求 1 熟练使用常用网页制作工具设计网页 2 熟练掌握
  • IT 类网页设计开发的文本文档
  • 音乐博客Html网页课设设计,代码在另一个资源。
  • 包括所有的网页设计的帮助文件:css中文参考手册2.0.chm ,DHTML.CHM,HTML.CHM,jQueryDocXML.chm,JScript中文帮助.CHM,w3c标准.chm
  • 普通网页设计

    2013-08-16 22:20:04
    普通网页设计文档
  • 很有参考价值的游戏设计文档。。好不容易下载的。。
  • 网页设计课程大纲,通过这个你能够了解到网页设计的具体教学内容。网页设计课程大纲-Word文档很实用
  • ASP.NET征战三国网页游戏设计文档,希望大家喜欢哦 好不容易下载的哦
  • 15个2012年网页设计的趋势分析,为广大美工、设计师们提供最全面的2012网页设计趋势
  • 网页表单文档设计及技术实现

    千次阅读 2015-05-21 15:00:30
    在很多业务流程应用中,业务审批单的样式、内容多变,然而系统对业务表单数据并不敏感,因此,不使用对应的关系型数据表,而采用NoSQL技术来优化设计。基于上述原因,业务审批单采用网页表单文档设计

    在很多业务流程应用中,业务审批单的样式、内容多变,然而系统对业务表单数据并不敏感,因此,不使用对应的关系型数据表,而采用NoSQL技术来优化设计。因为NoSQL无需事先为要存储的数据建立字段,随时可以存储自定义的数据格式。按NoSQL的特性,可以灵活进行schema结构(列定义)的修改,理论上应该可以很好支持这些多样表单的持久化保存。基于上述原因,业务审批单采用网页表单文档设计。

    网页表单设计

    首先,我们看一看在HTML表单元素(对象)中使用自定义属性的示例:

    <input fieldid="name" fieldtype="char" size=50>名称</input><br>
    通过自定义属性“fieldtype”来定义数据类型。<br>
    <input fieldid="old" fieldtype="number" size=20 value="42">年龄</input><br>

    网页表单数据字段定义

    为了避免浏览器兼容性问题,通过自定义属性的方式来定义表单文档数据项,定义规则如下:

    属性名称作用说明备注
    fieldid数据字段名称避免与id冲突,单独命名
    fieldtype数据字段类型支持主流number、text、datetime等
    fieldsize字段长度主要是定义number、text等长度
    fieldname字段名称定义中文名称
    subtable子表的列数适用于嵌套多行子表结构,在table控件中定义
    subid子表的列名定义适用于嵌套多行子表结构

    对应JSON数据格式如下:

    {数据字段名称1:value1,数据字段名称2:value2,数据字段名称n
    :valuen}

    网页表单数据选择列表的数据定义

    待续…

    主从结构,动态增加数据行

    这里写图片描述
    如图所示,在HTML文档中,表单中一对多的从表(多行输入数据的table)定义如下:

    <button id="testtable" type="button" onclick="insertRow()">测试插入一行</button><br>
    
    <table id="dynamictable" fieldid="subdatas" subtable="3" border="1" cellspacing="0" width="400">
      <tr>
        <td>数据名称</td><td>数据类型</td><td>数值</td>
      </tr>
      <tr>
        <td><input type="text" subid="fieldid" subcol=0 name="fieldid" size=50></td>
        <td><input type="text" subid="fieldtype" subcol=1 name="fieldtype" size=20></td>
        <td><input type="text" subid="fieldvalue" subcol=2 name="fieldvalue" size=20></td>
      </tr>
    </table>

    使用JavaScript技术实现的动态添加一行的代码如下:

    //定义插入一行表格的函数
    function insertRow(){
      var dytb_id = 'dynamictable';
      var dy_row_num = document.getElementById(dytb_id).rows.length;
      //取table中第二行单元格集合
      var dy_row = document.getElementById(dytb_id).rows[1].cells;
      //在table末尾,追加一行
      var dytb=document.getElementById(dytb_id).insertRow(dy_row_num);
    
      for (i = 0;i<dy_row.length; i++){
        var dy_td = dytb.insertCell(i);
        dy_td.innerHTML = dy_row[i].innerHTML;   
      } 
    }

    通过上面示例,在表单文档设计中,需要定义规则如下:

    • 动态增加行首先定义表头,再定义出一行输入控件;
    • 增加行的识别定义,用以确认是从表多行数据;
    • 每个单元格的定义,与表单数据字段定义方式一样。

    网页表单解析

    虽然通过网页文档做为审批表单,但也需要支持简捷的数据识别和简易的统计查询,这里采用MongoDB数据库做为底层数据库支撑。

    解析目的及用处:

    • 解析文档中的数据字段及数值,并形成JSON数据;
    • 在文档中定义数据字段、业务规则,用以与流程衔接,需要解析定义;
    • 在文档中的定义,避开关系型数据复杂的管理,此模型可以追溯早期Lotus Notes/Domino数据库模型。

    文档解析方式为通过遍历方式解析表单,表单数据形式涉及到单表及主从结构。而且,需要表单快速开发工具支撑。

    网页表单定义解析

    网页表单定义解析主要用于获取表单数据模型,用以为数据统计分析模型提供服务,形成数据接口模型。

    网页表单业务数据解析

    演示界面如下图所示。
    这里写图片描述

    HTML文档定义如下:

    <body>
    <h1>表单元素遍历测试 JavaScript</h1>
    <p id="demo" >这是表单数据解析示例.</p>
    <div> 
    <input id="name" fieldtype="char">名称</input><br>
    通过自定义属性“fieldtype”来定义数据类型。<br><br>
    
    <button id="testtable" type="button" onclick="insertRow()">测试插入一行</button>&nbsp&nbsp
    <button id="test" type="button" onclick="getallelem()">测试解析表单数据</button><br><br>
    <input fieldid="title" fieldtype="text" value="测试申请单" size=100>标题</input><br>
    <input fieldid="old" fieldtype="number" value="42" size=100>年龄</input><br>
    多行子表单,字段属性定义为“subid”,表单按数据字段属性定义,标识出含有子表,属性为“subtable”单独定义列数,其他不变。
    <table id="dynamictable" fieldid="subdatas" subtable="3" border="1" cellspacing="0" width="400">
    <tr>
    <td>数据名称</td><td>数据类型</td><td>数值</td>
    </tr>
    <tr>
    <td><input type="text" subid="fieldid" subcol=0 name="fieldid" size=50></td>
    <td><input type="text" subid="fieldtype" subcol=1 name="fieldtype" size=20></td>
    <td><input type="text" subid="fieldvalue" subcol=2 name="fieldvalue" size=20></td>
    </tr>
    </table>
    <br><input fieldid="flag" fieldtype="text" value="end" size=100>结束标志</input><br>
    </div> 
    </body>

    提取表单数据到JSON格式字符串的JavaScript函数如下所示:

    function getallelem(){
        var elems = document.getElementsByTagName("*");
        var ret_json = "";  //定义返回JSON数据字符串
        var n = 0;          //JSON数据起点
        var m = 0;          //JSON嵌套子文档起点
        var subcolumns = 0;  //多行表单列数
        var subrows = 0;     //多行表单数据行数
        var row_num = 1;     //默认是一行数据
    
        for(var i=0;i<elems.length;i++){
            if (elems[i].hasAttribute("fieldid") && !(elems[i].hasAttribute("subtable"))){
                if (n == 0){
                    ret_json += "\"" +elems[i].getAttribute("fieldid") + "\":\"" + elems[i].value + "\"";
                }else{
                    ret_json += ",\"" + elems[i].getAttribute("fieldid") + "\":\"" + elems[i].value + "\"";
                }
                n++;
            }else{
                if (elems[i].hasAttribute("subtable")){
                    subcolumns = elems[i].getAttribute("subtable");
                    var tbl_id = elems[i].id;
                    //取表单数据行数
                    subrows = document.getElementById(tbl_id).rows.length - 1;
                    ret_json += "\",\"" + elems[i].getAttribute("fieldid") + "\":[{\"";
                    m = 0;
                }else{
                    if (elems[i].hasAttribute("subid") && (m < subcolumns)){
                        if (m == 0){
                            ret_json += elems[i].getAttribute("subid") + "\":\"" + elems[i].value + "\"";
                        }else{
                            ret_json += ",\"" + elems[i].getAttribute("subid") + "\":\"" + elems[i].value + "\"";
                        }
                        m++;
                    }else{
                        if (elems[i].hasAttribute("subid")){
                            ret_json += "},{\"" + elems[i].getAttribute("subid") + "\":\"" + elems[i].value + "\"";
                            m = 1;  
                            row_num++;  
                        }
                    }
                    if ((row_num == subrows) && (row_num>0) && (m == subcolumns)){
                        ret_json += "}]";
                        m=0,row_num=0;
                    }
                }
            }
        } 
        alert("{" + ret_json + "}");    
    }
    

    网页表单文档存储

    保存操作及事务处理

    在保存网页表单文档操作中,需要把文档存储到MongoDB、和关系型数据库,二者不在一个事务中。因此,可以使用Cordys平台自动流程模型进行事务管理。

    Created with Raphaël 2.1.2 函数 函数 HTML HTML 事务管理流程 事务管理流程 存储MongoDB环节 存储MongoDB环节 存储业务实例环节 存储业务实例环节 解析HTML文档() 生成JSON数据() 启动流程() 调用存储表单数据Webservice() 调用存储业务实例数据Webservice()

    保存操作及非事务管理方式

    Created with Raphaël 2.1.2 函数 函数 HTML HTML 非事务管理 非事务管理 存储MongoDB环节 存储MongoDB环节 存储业务实例环节 存储业务实例环节 解析HTML文档() 生成JSON数据() 保存文档操作() 调用存储表单数据Webservice() 调用存储业务实例数据Webservice() 回写保存完毕Webservice()

    由于作者水平有限,欢迎反馈交流。

    参考:
    JavaScript遍历HTML表单元素及表单定义 肖永威 2015.5
    Cordys BOP 4平台开发实战——MongoDB提供文档服务(1) 肖永威 2015.4

    展开全文
  • 网页设计.ppt

    2014-10-29 08:55:23
    网页设计文档,适合入门级
  • 技术文档网页设计
  • 制作的个人旅游信息的动态的网页 技术不足之处 望大家多多指教
  • 经典动态网页设计演示文稿(共11个文档
  • 经典动态网页设计演示文稿(共11个文档
  • 内涵多种网页设计代码,简单易懂,课用文本打开查看代码,有图片资源
  • 网页技术设计,学习网页制作的人可以看看,文本文档格式,不错。
  • JavaScript常用文档对象HTML文档对象及其常用元素对象动态改变网页内容和样式7.1 HTML文档对象结构HTML文档对象包括网页显示的...网页中各级文档对象的内容及网页样式而HTML元素中的事件项则是达到这一目的的必经之路7.
  • 网页制作文档

    2013-08-06 22:50:35
    网页制作基础课件,其中包含网页制作作业,课程设计等详细信息。

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 178,381
精华内容 71,352
关键字:

网页设计的文档