前端培训文档(3.2.1)

前端培训文档(3.2.1)


页面配置⭐️

<p>在对应的应用下 前端配置-页面列表模块。 <img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=126901e168f064ab52e4e52501583941&amp;amp;file=file.png" alt="" /> 页面的分类总共有两类:画布配置的页面和自定义的页面</p> <h2>画布页面新增方式</h2> <p>点击页面管理列表上<strong><em>新增页面</em></strong>就是新增画布页面 &lt;center&gt;<img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=0e5b5f5ef98cd66b7cb40dc61e8b48b8&amp;amp;file=file.png" alt="" />&lt;/center&gt;</p> <h2>画布页面详细配置</h2> <p><strong>默认进入会存在三个容器,可根据需要删除或者增加,然后调整容器布局及大小即可,然后选择目标模型并添加对应的组件</strong> <img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=a7fe1c25a32657ec7d7becb54a5f9116&amp;amp;file=file.png" alt="" /> <img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=ff4a2b56ad394237e5ec063474360d54&amp;amp;file=file.png" alt="" /></p> <h3>页面中容器设置</h3> <p><strong>选中外侧容器,可以对容器相关进行进行设置</strong> <img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=fae4a9def017df13353a9278d1730b9a&amp;amp;file=file.png" alt="" /></p> <h3>页面组件设置</h3> <p><strong>选中组件,可以对组件设置通信方式,此设置一般在界面至少有两个容器的时候使用,如点击第一个容器的某一行,加载第二个容器数据的场景</strong> <img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=4a53b7d83647023b7563199d27714718&amp;amp;file=file.png" alt="" /> <img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=260aac9b2be09a4244e6793ae44c2bbc&amp;amp;file=file.png" alt="" /></p> <h2>自定义页面新增方式1</h2> <p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=ff4e6a9bd0a7e867f49b446640a27be7&amp;amp;file=file.png" alt="" /></p> <h2>自定义页面新增方式2</h2> <p>点击页面管理列表上<strong><em>注册页面</em></strong>就是新增画布页面(注意:路由地址起始单词由 <em>/所在微前端/</em> 组成,如下图中箭头所示) &lt;center&gt;<img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=82ecab7f792d46258efc90d6d3f5f236&amp;amp;file=file.png" alt="" />&lt;/center&gt;</p>

页面列表

ITEM_HTML