158 lines
10 KiB
HTML
158 lines
10 KiB
HTML
|
<!doctype html>
|
|||
|
|
<html lang="en-US">
|
|||
|
|
|
|||
|
|
<head>
|
|||
|
|
<meta charset="utf-8" />
|
|||
|
|
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
|||
|
|
<meta name="generator" content="VuePress 2.0.0-rc.20" />
|
|||
|
|
<style>
|
|||
|
|
:root {
|
|||
|
|
--vp-c-bg: #fff;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
[data-theme='dark'] {
|
|||
|
|
--vp-c-bg: #1b1b1f;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
html,
|
|||
|
|
body {
|
|||
|
|
background-color: var(--vp-c-bg);
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
<script>
|
|||
|
|
const useChoice = localStorage.getItem('vuepress-color-scheme')
|
|||
|
|
const systemStatus =
|
|||
|
|
'matchMedia' in window
|
|||
|
|
? window.matchMedia('(prefers-color-scheme: dark)').matches
|
|||
|
|
: false
|
|||
|
|
|
|||
|
|
if (useChoice === 'light') {
|
|||
|
|
document.documentElement.dataset.theme = 'light'
|
|||
|
|
} else if (useChoice === 'dark' || systemStatus) {
|
|||
|
|
document.documentElement.dataset.theme = 'dark'
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
<title>关于全代码框架 | 全代码框架文档</title>
|
|||
|
|
<meta name="description" content="">
|
|||
|
|
<link rel="preload" href="assets/style-CQp7YV5d.css" as="style">
|
|||
|
|
<link rel="stylesheet" href="assets/style-CQp7YV5d.css">
|
|||
|
|
<link rel="modulepreload" href="assets/app-CDlLWk6N.js">
|
|||
|
|
<link rel="modulepreload" href="assets/index.html-ByXOdSON.js">
|
|||
|
|
<link rel="prefetch" href="assets/components.html-CbpbsXEn.js" as="script">
|
|||
|
|
<link rel="prefetch" href="assets/field_events.html-C6V_tkoR.js" as="script">
|
|||
|
|
<link rel="prefetch" href="assets/form_logic.html-CA8-U3gW.js" as="script">
|
|||
|
|
<link rel="prefetch" href="assets/index.html-xafVSSBu.js" as="script">
|
|||
|
|
<link rel="prefetch" href="assets/pass_value.html-CFBEHlue.js" as="script">
|
|||
|
|
<link rel="prefetch" href="assets/show_and_hide.html-Bai-A-AK.js" as="script">
|
|||
|
|
<link rel="prefetch" href="assets/index.html-BfpfzkA1.js" as="script">
|
|||
|
|
<link rel="prefetch" href="assets/custom_field.html-CEs-XIt2.js" as="script">
|
|||
|
|
<link rel="prefetch" href="assets/custom_page.html-DIr-Sgm-.js" as="script">
|
|||
|
|
<link rel="prefetch" href="assets/dialog.html-fkmzKy_f.js" as="script">
|
|||
|
|
<link rel="prefetch" href="assets/form.html-B4704WRj.js" as="script">
|
|||
|
|
<link rel="prefetch" href="assets/table.html-BrzZNtYJ.js" as="script">
|
|||
|
|
<link rel="prefetch" href="assets/add_field.html-Lpe0HY5a.js" as="script">
|
|||
|
|
<link rel="prefetch" href="assets/ajax.html-CDfrJfFy.js" as="script">
|
|||
|
|
<link rel="prefetch" href="assets/change_value.html-CS5TpMC0.js" as="script">
|
|||
|
|
<link rel="prefetch" href="assets/computed.html-9QOs6N7a.js" as="script">
|
|||
|
|
<link rel="prefetch" href="assets/teleport.html-BIP5te2y.js" as="script">
|
|||
|
|
<link rel="prefetch" href="assets/validation.html-B_JW048n.js" as="script">
|
|||
|
|
<link rel="prefetch" href="assets/404.html-urOlE4ef.js" as="script">
|
|||
|
|
</head>
|
|||
|
|
|
|||
|
|
<body>
|
|||
|
|
<div id="app"><!--[-->
|
|||
|
|
<div class="vp-theme-container external-link-icon" vp-container><!--[-->
|
|||
|
|
<header class="vp-navbar" vp-navbar>
|
|||
|
|
<div class="vp-toggle-sidebar-button" title="toggle sidebar" aria-expanded="false" role="button" tabindex="0">
|
|||
|
|
<div class="icon" aria-hidden="true"><span></span><span></span><span></span></div>
|
|||
|
|
</div><span><a class="route-link" href><!----><span class="vp-site-name"
|
|||
|
|
aria-hidden="true">全代码框架文档</span></a></span>
|
|||
|
|
<div class="vp-navbar-items-wrapper" style=""><!--[--><!--]-->
|
|||
|
|
<nav class="vp-navbar-items vp-hide-mobile" aria-label="site navigation"><!--[-->
|
|||
|
|
<div class="vp-navbar-item"><a class="route-link route-link-active auto-link" href
|
|||
|
|
aria-label="首页"><!--[--><!--[--><!--]--><!--]-->首页<!--[--><!--[--><!--]--><!--]--></a></div>
|
|||
|
|
<div class="vp-navbar-item"><a class="route-link auto-link" href="tutorial/"
|
|||
|
|
aria-label="快速上手"><!--[--><!--[--><!--]--><!--]-->快速上手<!--[--><!--[--><!--]--><!--]--></a></div>
|
|||
|
|
<div class="vp-navbar-item"><a class="route-link auto-link" href="front_components/"
|
|||
|
|
aria-label="前端组件"><!--[--><!--[--><!--]--><!--]-->前端组件<!--[--><!--[--><!--]--><!--]--></a></div>
|
|||
|
|
<div class="vp-navbar-item"><a class="route-link auto-link" href="front_dev/"
|
|||
|
|
aria-label="前端二开"><!--[--><!--[--><!--]--><!--]-->前端二开<!--[--><!--[--><!--]--><!--]--></a></div><!--]-->
|
|||
|
|
</nav><!--[--><!--]--><button type="button" class="vp-toggle-color-mode-button" title="toggle color mode"><svg
|
|||
|
|
class="light-icon" viewbox="0 0 32 32" style="">
|
|||
|
|
<path d="M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6z"
|
|||
|
|
fill="currentColor"></path>
|
|||
|
|
<path d="M5.394 6.813l1.414-1.415l3.506 3.506L8.9 10.318z" fill="currentColor"></path>
|
|||
|
|
<path d="M2 15.005h5v2H2z" fill="currentColor"></path>
|
|||
|
|
<path d="M5.394 25.197L8.9 21.691l1.414 1.415l-3.506 3.505z" fill="currentColor"></path>
|
|||
|
|
<path d="M15 25.005h2v5h-2z" fill="currentColor"></path>
|
|||
|
|
<path d="M21.687 23.106l1.414-1.415l3.506 3.506l-1.414 1.414z" fill="currentColor"></path>
|
|||
|
|
<path d="M25 15.005h5v2h-5z" fill="currentColor"></path>
|
|||
|
|
<path d="M21.687 8.904l3.506-3.506l1.414 1.415l-3.506 3.505z" fill="currentColor"></path>
|
|||
|
|
<path d="M15 2.005h2v5h-2z" fill="currentColor"></path>
|
|||
|
|
</svg><svg class="dark-icon" viewbox="0 0 32 32" style="display:none;">
|
|||
|
|
<path
|
|||
|
|
d="M13.502 5.414a15.075 15.075 0 0 0 11.594 18.194a11.113 11.113 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1.002 1.002 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.072 13.072 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3z"
|
|||
|
|
fill="currentColor"></path>
|
|||
|
|
</svg></button><!---->
|
|||
|
|
</div>
|
|||
|
|
</header><!--]-->
|
|||
|
|
<div class="vp-sidebar-mask"></div><!--[-->
|
|||
|
|
<aside class="vp-sidebar" vp-sidebar>
|
|||
|
|
<nav class="vp-navbar-items" aria-label="site navigation"><!--[-->
|
|||
|
|
<div class="vp-navbar-item"><a class="route-link route-link-active auto-link" href
|
|||
|
|
aria-label="首页"><!--[--><!--[--><!--]--><!--]-->首页<!--[--><!--[--><!--]--><!--]--></a></div>
|
|||
|
|
<div class="vp-navbar-item"><a class="route-link auto-link" href="tutorial/"
|
|||
|
|
aria-label="快速上手"><!--[--><!--[--><!--]--><!--]-->快速上手<!--[--><!--[--><!--]--><!--]--></a></div>
|
|||
|
|
<div class="vp-navbar-item"><a class="route-link auto-link" href="front_components/"
|
|||
|
|
aria-label="前端组件"><!--[--><!--[--><!--]--><!--]-->前端组件<!--[--><!--[--><!--]--><!--]--></a></div>
|
|||
|
|
<div class="vp-navbar-item"><a class="route-link auto-link" href="front_dev/"
|
|||
|
|
aria-label="前端二开"><!--[--><!--[--><!--]--><!--]-->前端二开<!--[--><!--[--><!--]--><!--]--></a></div><!--]-->
|
|||
|
|
</nav><!--[--><!--]-->
|
|||
|
|
<ul class="vp-sidebar-items"><!--[-->
|
|||
|
|
<li><a class="route-link route-link-active auto-link vp-sidebar-item vp-sidebar-heading active" href
|
|||
|
|
aria-label="关于全代码框架"><!--[--><!--[--><!--]--><!--]-->关于全代码框架<!--[--><!--[--><!--]--><!--]--></a><!---->
|
|||
|
|
</li>
|
|||
|
|
<li><a class="route-link auto-link vp-sidebar-item vp-sidebar-heading" href="structure.html"
|
|||
|
|
aria-label="框架架构"><!--[--><!--[--><!--]--><!--]-->框架架构<!--[--><!--[--><!--]--><!--]--></a><!----></li>
|
|||
|
|
<li><a class="route-link auto-link vp-sidebar-item vp-sidebar-heading" href="func_list.html"
|
|||
|
|
aria-label="功能清单"><!--[--><!--[--><!--]--><!--]-->功能清单<!--[--><!--[--><!--]--><!--]--></a><!----></li>
|
|||
|
|
<!--]-->
|
|||
|
|
</ul><!--[--><!--]-->
|
|||
|
|
</aside><!--]--><!--[-->
|
|||
|
|
<main class="vp-page"><!--[--><!--]-->
|
|||
|
|
<div vp-content><!--[--><!--]-->
|
|||
|
|
<div>
|
|||
|
|
<h1 id="关于全代码框架" tabindex="-1"><a class="header-anchor" href="#关于全代码框架"><span>关于全代码框架</span></a></h1>
|
|||
|
|
<h1 id="注意事项" tabindex="-1"><a class="header-anchor" href="#注意事项"><span>注意事项</span></a></h1>
|
|||
|
|
<p>由于表单拆分脚本的限制，为了方便后续的二开，在表单设计时需要遵守一些原则：</p>
|
|||
|
|
<ul>
|
|||
|
|
<li>避免在表单设计器里直接拖拽grid布局，系统提供了响应式布局（根据屏幕大小切换2/3列表单）的支持，无需手动绘制grid，如果需要grid或者flex布局，需要在表单拆分后进行。</li>
|
|||
|
|
<li>避免在表单设计器里使用嵌套布局，目前脚本只支持<strong>非嵌套</strong>的Card、Tab布局和SubForm（明细表/子表）拆分。</li>
|
|||
|
|
<li>在二开之前，不建议对config.ts文件进行格式化，否则可能会导致数据解析失败。因此，表单拆分应该在<strong>表单字段明确后立刻进行</strong>，越复杂的改动和配置拆分失败的概率越大。
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
<p>需要注意的是，表单拆分后依然使用config.ts文件，因此你可以生成新表单后，根据本文档对应章节提供的方法，手动补充缺失的字段，或者修改配置项。</p>
|
|||
|
|
</div><!--[--><!--]-->
|
|||
|
|
</div>
|
|||
|
|
<footer class="vp-page-meta"><!---->
|
|||
|
|
<div class="vp-meta-item git-info">
|
|||
|
|
<div class="vp-meta-item last-updated"><span class="meta-item-label">Last Updated:: </span><time
|
|||
|
|
class="meta-item-info" datetime="2025-04-01T09:03:43.000Z" data-allow-mismatch>4/1/25, 5:03 PM</time>
|
|||
|
|
</div>
|
|||
|
|
<div class="vp-meta-item contributors"><span class="meta-item-label">Contributors: </span><span
|
|||
|
|
class="meta-item-info"><!--[--><!--[--><span class="contributor"
|
|||
|
|
title="email: gaoyunqi@gdyd.com">gaoyunqi</span><!----><!--]--><!--]--></span></div>
|
|||
|
|
</div>
|
|||
|
|
</footer>
|
|||
|
|
<nav class="vp-page-nav" aria-label="page navigation"><!----><a class="route-link auto-link next"
|
|||
|
|
href="structure.html" aria-label="框架架构"><!--[-->
|
|||
|
|
<div class="hint">Next <span class="arrow right"></span></div>
|
|||
|
|
<div class="link"><span class="external-link">框架架构</span></div><!--]-->
|
|||
|
|
</a></nav><!--[--><!--]-->
|
|||
|
|
</main><!--]-->
|
|||
|
|
</div><!--[--><!----><!--]--><!--]-->
|
|||
|
|
</div>
|
|||
|
|
<script type="module" src="assets/app-CDlLWk6N.js" defer></script>
|
|||
|
|
</body>
|
|||
|
|
|
|||
|
|
</html>
|