页面建模

前端页面建模

1 先在view/xx.xml里面用WebDSL建模

<services>

   <service name="name1" type="entity"  entity-name="entity1">

      <method type="get" method="getList"></method>

  </service>

   <service name="name2" type="custom" namespace="space1">

      <method type="get" method="geTreeList"></method>

  </service>

 <service></service>

</services>

 

<datasources>

<datasource name="source1"></datasource>

<datasource name="tableData"></datasource>

</datasources>

 

<actions>

   <action name="createTask" service="service1" operation="get">

      <params>

         <param name="name1" value="${itmtree.selectNodeId}"></param>

   </params>

  <response status="success" type="action"  tartget="refreshTable"></response>

</action>

 <action name="refreshTable" operation="getList" serviece="service1">

  <param name="id" value="${tableName.row.id}"></param>

 

<response status="success" type="data-transfer" tartget="tableData"></response>

</action>

<action name="pre-step" type="instance-method" instance="steId"></action>

<actions>

<table id="table1" datasoure="tableData" action="refreshTable">

   <table-col  label="clo1"></table-col>

<table-col  label="clo2"></table-col>

</table>

 

<steps id="stepId">

   <step label="label1"></step>

<step label="label2"></step>

</steps>

  <layout show="${stepId.index===1}">

     //content1

</layout>

  <layout show="${stepId.index===2}">

     //content2

</layout>

<button text="next" onClick="next-step" show="${stepId.index!===3}"></button>

<button text="pre" onClick="pre-step" show="${stepId.index!===1}"></button>

<button text="OK" onClick="ok" show="${stepId.index!===3}"></button>

 

2 基于moqiu+freemarker 解析DSL，转化成angularjs模板

3 用angularjs开发组件，解析第二步中的模板