H3BPM 表单前端渲染逻辑

流程表单

表单的类型

• 默认表单
  MvcDefaultSheet.aspx
  顾名思义，默认表单就是H3自己去动态生成的表单，根据表单设计器对表单内容进行加载和渲染。

<%@ Page Title="" Language="C#" MasterPageFile="~/MvcSheet.master" AutoEventWireup="true" CodeBehind="MvcDefaultSheet.aspx.cs" Inherits="OThinker.H3.Portal.MvcDefaultSheet" %>
页面的MasterPageFile是MvcSheet.master

public partial class MvcDefaultSheet : MvcPage
默认表单，继承自MvcPage.cs

• 自定义表单
  自定义表单，客户自己去写的表单，部分存放于/Portal/Sheets目录下。

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="OM01.aspx.cs" Inherits="OThinker.H3.Portal.Sheets.DefaultEngine.SOM01" EnableEventValidation="false" MasterPageFile="~/MvcSheet.master" %>
自定义页面，页面的MasterPageFile是MvcSheet.master

 public partial class SOM01 : OThinker.H3.Controllers.MvcPage
代码文件，需要继承MvcPage

1. 默认表单和自定义表单的父类和母版页都是一样的。
2. 自定义表单本质上也是默认表单。
3. 默认表单的html是从数据库中读取并加载的。
4. 自定义表单是直接访问文件。在表单的渲染上没有区别，我们要分清楚加载和渲染两个过程。
   加载：页面被加载到浏览器中。
   渲染：触发页面的JS脚本，对页面的dom结构进行初始化等一系列操作。

表单的加载

默认表单的加载：
访问

表单的渲染

表单的移动端渲染

表单的事件