mirror of
https://github.com/MrXujiang/h5-Dooring.git
synced 2025-12-11 17:32:50 +00:00
🎨 更新数据库部署文档
This commit is contained in:
xujiang
parent
bcdb6c0ace
commit
3a9ae8931f
@ -8,13 +8,13 @@
|
||||
|
||||
<meta name="description" content="">
|
||||
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.7f190420.js" as="script"><link rel="preload" href="/doc/assets/js/18.e7ced042.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.2d5d3aaa.js"><link rel="prefetch" href="/doc/assets/js/11.db03b544.js"><link rel="prefetch" href="/doc/assets/js/12.d4cc4a96.js"><link rel="prefetch" href="/doc/assets/js/13.9e2d642e.js"><link rel="prefetch" href="/doc/assets/js/14.ea0f3745.js"><link rel="prefetch" href="/doc/assets/js/15.0bec3d88.js"><link rel="prefetch" href="/doc/assets/js/16.7a72453e.js"><link rel="prefetch" href="/doc/assets/js/17.c8b6849e.js"><link rel="prefetch" href="/doc/assets/js/19.90149f22.js"><link rel="prefetch" href="/doc/assets/js/2.917402d3.js"><link rel="prefetch" href="/doc/assets/js/20.4781e342.js"><link rel="prefetch" href="/doc/assets/js/21.f426ff47.js"><link rel="prefetch" href="/doc/assets/js/22.0e8b2b46.js"><link rel="prefetch" href="/doc/assets/js/23.83c4ae0b.js"><link rel="prefetch" href="/doc/assets/js/24.69d1e5e4.js"><link rel="prefetch" href="/doc/assets/js/25.e10c3e5e.js"><link rel="prefetch" href="/doc/assets/js/26.c1e8d4c6.js"><link rel="prefetch" href="/doc/assets/js/27.faa6f053.js"><link rel="prefetch" href="/doc/assets/js/28.f591635f.js"><link rel="prefetch" href="/doc/assets/js/3.d2d22c88.js"><link rel="prefetch" href="/doc/assets/js/4.f2ae7e99.js"><link rel="prefetch" href="/doc/assets/js/5.262c1769.js"><link rel="prefetch" href="/doc/assets/js/6.5f53f889.js"><link rel="prefetch" href="/doc/assets/js/7.6b0d225c.js"><link rel="prefetch" href="/doc/assets/js/8.e0652172.js"><link rel="prefetch" href="/doc/assets/js/9.5e6217e4.js">
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.4588b99c.js" as="script"><link rel="preload" href="/doc/assets/js/18.e7ced042.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.b0d462d3.js"><link rel="prefetch" href="/doc/assets/js/11.df257dc3.js"><link rel="prefetch" href="/doc/assets/js/12.584674f6.js"><link rel="prefetch" href="/doc/assets/js/13.1b1b5748.js"><link rel="prefetch" href="/doc/assets/js/14.ea0f3745.js"><link rel="prefetch" href="/doc/assets/js/15.4eb9c19c.js"><link rel="prefetch" href="/doc/assets/js/16.1b7e6603.js"><link rel="prefetch" href="/doc/assets/js/17.c8b6849e.js"><link rel="prefetch" href="/doc/assets/js/19.862b0c76.js"><link rel="prefetch" href="/doc/assets/js/2.917402d3.js"><link rel="prefetch" href="/doc/assets/js/20.4781e342.js"><link rel="prefetch" href="/doc/assets/js/21.f426ff47.js"><link rel="prefetch" href="/doc/assets/js/22.49b6f904.js"><link rel="prefetch" href="/doc/assets/js/23.64cb6fc9.js"><link rel="prefetch" href="/doc/assets/js/24.919a8675.js"><link rel="prefetch" href="/doc/assets/js/25.f099e2dd.js"><link rel="prefetch" href="/doc/assets/js/26.1d9c2285.js"><link rel="prefetch" href="/doc/assets/js/27.7c57ff72.js"><link rel="prefetch" href="/doc/assets/js/28.ead47ae7.js"><link rel="prefetch" href="/doc/assets/js/29.3a117db5.js"><link rel="prefetch" href="/doc/assets/js/3.d2d22c88.js"><link rel="prefetch" href="/doc/assets/js/4.eddebdfd.js"><link rel="prefetch" href="/doc/assets/js/5.262c1769.js"><link rel="prefetch" href="/doc/assets/js/6.5f53f889.js"><link rel="prefetch" href="/doc/assets/js/7.189d38be.js"><link rel="prefetch" href="/doc/assets/js/8.e0652172.js"><link rel="prefetch" href="/doc/assets/js/9.7e1cf4d5.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.690c58c3.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><div class="theme-default-content"><h1>404</h1> <blockquote>How did we get here?</blockquote> <a href="/doc/" class="router-link-active">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><div class="theme-default-content"><h1>404</h1> <blockquote>That's a Four-Oh-Four.</blockquote> <a href="/doc/" class="router-link-active">
|
||||
Take me home.
|
||||
</a></div></div><div class="global-ui"></div></div>
|
||||
<script src="/doc/assets/js/app.7f190420.js" defer></script><script src="/doc/assets/js/18.e7ced042.js" defer></script>
|
||||
<script src="/doc/assets/js/app.4588b99c.js" defer></script><script src="/doc/assets/js/18.e7ced042.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
359: function(t, r, a) {
|
||||
t.exports = a.p + 'assets/img/dynamic.15a5303a.png';
|
||||
},
|
||||
388: function(t, r, a) {
|
||||
387: function(t, r, a) {
|
||||
'use strict';
|
||||
a.r(r);
|
||||
var n = a(42),
|
||||
@ -4,7 +4,7 @@
|
||||
360: function(t, _, v) {
|
||||
t.exports = v.p + 'assets/img/deploy.d1b1d698.png';
|
||||
},
|
||||
390: function(t, _, v) {
|
||||
391: function(t, _, v) {
|
||||
'use strict';
|
||||
v.r(_);
|
||||
var a = v(42),
|
||||
@ -4,7 +4,7 @@
|
||||
361: function(t, v, _) {
|
||||
t.exports = _.p + 'assets/img/v6.deploy.43cbe0de.png';
|
||||
},
|
||||
392: function(t, v, _) {
|
||||
395: function(t, v, _) {
|
||||
'use strict';
|
||||
_.r(v);
|
||||
var e = _(42),
|
||||
@ -4,7 +4,7 @@
|
||||
364: function(t, e, s) {
|
||||
t.exports = s.p + 'assets/img/preview-machine.895a0711.png';
|
||||
},
|
||||
395: function(t, e, s) {
|
||||
397: function(t, e, s) {
|
||||
'use strict';
|
||||
s.r(e);
|
||||
var a = s(42),
|
||||
@ -4,7 +4,7 @@
|
||||
368: function(t, s, e) {
|
||||
t.exports = e.p + 'assets/img/framework.1c9c696b.png';
|
||||
},
|
||||
401: function(t, s, e) {
|
||||
402: function(t, s, e) {
|
||||
'use strict';
|
||||
e.r(s);
|
||||
var n = e(42),
|
||||
@ -4,7 +4,7 @@
|
||||
369: function(t, a, r) {
|
||||
t.exports = r.p + 'assets/img/home.f76105db.png';
|
||||
},
|
||||
402: function(t, a, r) {
|
||||
403: function(t, a, r) {
|
||||
'use strict';
|
||||
r.r(a);
|
||||
var e = r(42),
|
||||
@ -1,7 +1,7 @@
|
||||
(window.webpackJsonp = window.webpackJsonp || []).push([
|
||||
[19],
|
||||
{
|
||||
385: function(t, e, n) {
|
||||
384: function(t, e, n) {
|
||||
'use strict';
|
||||
n.r(e);
|
||||
var s = n(42),
|
||||
@ -1,7 +1,7 @@
|
||||
(window.webpackJsonp = window.webpackJsonp || []).push([
|
||||
[22],
|
||||
{
|
||||
387: function(t, s, a) {
|
||||
388: function(t, s, a) {
|
||||
'use strict';
|
||||
a.r(s);
|
||||
var n = a(42),
|
||||
@ -1,7 +1,7 @@
|
||||
(window.webpackJsonp = window.webpackJsonp || []).push([
|
||||
[23],
|
||||
{
|
||||
389: function(t, s, a) {
|
||||
390: function(t, s, a) {
|
||||
'use strict';
|
||||
a.r(s);
|
||||
var n = a(42),
|
||||
69
doc-dist/assets/js/24.919a8675.js
Normal file
69
doc-dist/assets/js/24.919a8675.js
Normal file
@ -0,0 +1,69 @@
|
||||
(window.webpackJsonp = window.webpackJsonp || []).push([
|
||||
[24],
|
||||
{
|
||||
389: function(v, _, l) {
|
||||
'use strict';
|
||||
l.r(_);
|
||||
var i = l(42),
|
||||
n = Object(i.a)(
|
||||
{},
|
||||
function() {
|
||||
var v = this,
|
||||
_ = v.$createElement,
|
||||
l = v._self._c || _;
|
||||
return l('ContentSlotsDistributor', { attrs: { 'slot-key': v.$parent.slotKey } }, [
|
||||
l('p', [
|
||||
v._v('服务端主要是我们的'),
|
||||
l('code', [v._v('server')]),
|
||||
v._v('工程, 数据主要存放在'),
|
||||
l('code', [v._v('server/public')]),
|
||||
v._v('下, 具体数据指代含义我们接下来会详细介绍.'),
|
||||
]),
|
||||
v._v(' '),
|
||||
l('ul', [
|
||||
l('li', [
|
||||
v._v(
|
||||
'bed 存放图片库中的分类图片, 私有化部署的用户可以直接在此处扩充图片(更好的建议是直接存到第三方图床)',
|
||||
),
|
||||
]),
|
||||
v._v(' '),
|
||||
l('li', [v._v('h5 用户保存的h5数据文件, 一个页面对应一个json文件')]),
|
||||
v._v(' '),
|
||||
l('li', [
|
||||
v._v('h5_tpl 平台保存的模版数据文件夹\n'),
|
||||
l('ul', [
|
||||
l('li', [v._v('xxx.json 模版页面文件')]),
|
||||
v._v(' '),
|
||||
l('li', [v._v('tpls.json 模版库中的模版列表数据, 可以手动清空')]),
|
||||
]),
|
||||
]),
|
||||
v._v(' '),
|
||||
l('li', [
|
||||
v._v('h5_vip 会员数据目录\n'),
|
||||
l('ul', [
|
||||
l('li', [v._v('form 会员制作的含表单页面的表单收集数据')]),
|
||||
v._v(' '),
|
||||
l('li', [v._v('view.json 用户浏览量数据')]),
|
||||
v._v(' '),
|
||||
l('li', [v._v('vip.json 会员列表数据')]),
|
||||
v._v(' '),
|
||||
l('li', [v._v('vipCard.json 会员订单数据(暂时无用, 可删除)')]),
|
||||
]),
|
||||
]),
|
||||
v._v(' '),
|
||||
l('li', [v._v('image.json 图片库, 主要用来渲染页面的图片库数据')]),
|
||||
v._v(' '),
|
||||
l('li', [v._v('city.json 省市3级联动数据, 为表单组件提供数据支持')]),
|
||||
]),
|
||||
]);
|
||||
},
|
||||
[],
|
||||
!1,
|
||||
null,
|
||||
null,
|
||||
null,
|
||||
);
|
||||
_.default = n.exports;
|
||||
},
|
||||
},
|
||||
]);
|
||||
@ -1,7 +1,7 @@
|
||||
(window.webpackJsonp = window.webpackJsonp || []).push([
|
||||
[24],
|
||||
[25],
|
||||
{
|
||||
391: function(t, s, a) {
|
||||
393: function(t, s, a) {
|
||||
'use strict';
|
||||
a.r(s);
|
||||
var n = a(42),
|
||||
@ -1,7 +1,7 @@
|
||||
(window.webpackJsonp = window.webpackJsonp || []).push([
|
||||
[25],
|
||||
[26],
|
||||
{
|
||||
396: function(t, s, a) {
|
||||
392: function(t, s, a) {
|
||||
'use strict';
|
||||
a.r(s);
|
||||
var n = a(42),
|
||||
@ -1,7 +1,7 @@
|
||||
(window.webpackJsonp = window.webpackJsonp || []).push([
|
||||
[26],
|
||||
[27],
|
||||
{
|
||||
393: function(n, e, s) {
|
||||
394: function(n, e, s) {
|
||||
'use strict';
|
||||
s.r(e);
|
||||
var t = s(42),
|
||||
@ -1,7 +1,7 @@
|
||||
(window.webpackJsonp = window.webpackJsonp || []).push([
|
||||
[27],
|
||||
[28],
|
||||
{
|
||||
399: function(t, s, a) {
|
||||
401: function(t, s, a) {
|
||||
'use strict';
|
||||
a.r(s);
|
||||
var n = a(42),
|
||||
@ -1,7 +1,7 @@
|
||||
(window.webpackJsonp = window.webpackJsonp || []).push([
|
||||
[28],
|
||||
[29],
|
||||
{
|
||||
397: function(t, n, e) {
|
||||
399: function(t, n, e) {
|
||||
'use strict';
|
||||
e.r(n);
|
||||
var o = e(42),
|
||||
@ -6,7 +6,7 @@
|
||||
'use strict';
|
||||
n(333);
|
||||
},
|
||||
403: function(t, e, n) {
|
||||
404: function(t, e, n) {
|
||||
'use strict';
|
||||
n.r(e);
|
||||
var i = {
|
||||
@ -7,7 +7,7 @@
|
||||
363: function(t, s, e) {
|
||||
t.exports = e.p + 'assets/img/preview-page.3ec86df5.png';
|
||||
},
|
||||
394: function(t, s, e) {
|
||||
396: function(t, s, e) {
|
||||
'use strict';
|
||||
e.r(s);
|
||||
var r = e(42),
|
||||
@ -4,7 +4,7 @@
|
||||
358: function(t, o, r) {
|
||||
t.exports = r.p + 'assets/img/logo.001d04e6.svg';
|
||||
},
|
||||
384: function(t, o, r) {
|
||||
385: function(t, o, r) {
|
||||
'use strict';
|
||||
r.r(o);
|
||||
var s = r(42),
|
||||
File diff suppressed because it is too large
Load Diff
@ -8,7 +8,7 @@
|
||||
|
||||
<meta name="description" content="">
|
||||
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.7f190420.js" as="script"><link rel="preload" href="/doc/assets/js/17.c8b6849e.js" as="script"><link rel="preload" href="/doc/assets/js/2.917402d3.js" as="script"><link rel="preload" href="/doc/assets/js/3.d2d22c88.js" as="script"><link rel="preload" href="/doc/assets/js/19.90149f22.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.2d5d3aaa.js"><link rel="prefetch" href="/doc/assets/js/11.db03b544.js"><link rel="prefetch" href="/doc/assets/js/12.d4cc4a96.js"><link rel="prefetch" href="/doc/assets/js/13.9e2d642e.js"><link rel="prefetch" href="/doc/assets/js/14.ea0f3745.js"><link rel="prefetch" href="/doc/assets/js/15.0bec3d88.js"><link rel="prefetch" href="/doc/assets/js/16.7a72453e.js"><link rel="prefetch" href="/doc/assets/js/18.e7ced042.js"><link rel="prefetch" href="/doc/assets/js/20.4781e342.js"><link rel="prefetch" href="/doc/assets/js/21.f426ff47.js"><link rel="prefetch" href="/doc/assets/js/22.0e8b2b46.js"><link rel="prefetch" href="/doc/assets/js/23.83c4ae0b.js"><link rel="prefetch" href="/doc/assets/js/24.69d1e5e4.js"><link rel="prefetch" href="/doc/assets/js/25.e10c3e5e.js"><link rel="prefetch" href="/doc/assets/js/26.c1e8d4c6.js"><link rel="prefetch" href="/doc/assets/js/27.faa6f053.js"><link rel="prefetch" href="/doc/assets/js/28.f591635f.js"><link rel="prefetch" href="/doc/assets/js/4.f2ae7e99.js"><link rel="prefetch" href="/doc/assets/js/5.262c1769.js"><link rel="prefetch" href="/doc/assets/js/6.5f53f889.js"><link rel="prefetch" href="/doc/assets/js/7.6b0d225c.js"><link rel="prefetch" href="/doc/assets/js/8.e0652172.js"><link rel="prefetch" href="/doc/assets/js/9.5e6217e4.js">
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.4588b99c.js" as="script"><link rel="preload" href="/doc/assets/js/17.c8b6849e.js" as="script"><link rel="preload" href="/doc/assets/js/2.917402d3.js" as="script"><link rel="preload" href="/doc/assets/js/3.d2d22c88.js" as="script"><link rel="preload" href="/doc/assets/js/19.862b0c76.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.b0d462d3.js"><link rel="prefetch" href="/doc/assets/js/11.df257dc3.js"><link rel="prefetch" href="/doc/assets/js/12.584674f6.js"><link rel="prefetch" href="/doc/assets/js/13.1b1b5748.js"><link rel="prefetch" href="/doc/assets/js/14.ea0f3745.js"><link rel="prefetch" href="/doc/assets/js/15.4eb9c19c.js"><link rel="prefetch" href="/doc/assets/js/16.1b7e6603.js"><link rel="prefetch" href="/doc/assets/js/18.e7ced042.js"><link rel="prefetch" href="/doc/assets/js/20.4781e342.js"><link rel="prefetch" href="/doc/assets/js/21.f426ff47.js"><link rel="prefetch" href="/doc/assets/js/22.49b6f904.js"><link rel="prefetch" href="/doc/assets/js/23.64cb6fc9.js"><link rel="prefetch" href="/doc/assets/js/24.919a8675.js"><link rel="prefetch" href="/doc/assets/js/25.f099e2dd.js"><link rel="prefetch" href="/doc/assets/js/26.1d9c2285.js"><link rel="prefetch" href="/doc/assets/js/27.7c57ff72.js"><link rel="prefetch" href="/doc/assets/js/28.ead47ae7.js"><link rel="prefetch" href="/doc/assets/js/29.3a117db5.js"><link rel="prefetch" href="/doc/assets/js/4.eddebdfd.js"><link rel="prefetch" href="/doc/assets/js/5.262c1769.js"><link rel="prefetch" href="/doc/assets/js/6.5f53f889.js"><link rel="prefetch" href="/doc/assets/js/7.189d38be.js"><link rel="prefetch" href="/doc/assets/js/8.e0652172.js"><link rel="prefetch" href="/doc/assets/js/9.7e1cf4d5.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.690c58c3.css">
|
||||
</head>
|
||||
<body>
|
||||
@ -28,11 +28,11 @@
|
||||
体验
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="https://github.com/MrXujiang/h5-Dooring" target="_blank" rel="noopener noreferrer" class="nav-link external">
|
||||
github
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/doc/zh/guide/" class="sidebar-link">基本介绍</a></li><li><a href="/doc/zh/guide/introduced.html" class="sidebar-link">doring如何工作</a></li><li><a href="/doc/zh/guide/startedQuickly.html" class="sidebar-link">快速上手</a></li><li><a href="/doc/zh/guide/directoryStructure.html" class="sidebar-link">目录结构</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>组件开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/componentDev/componentStructure.html" class="sidebar-link">组件结构</a></li><li><a href="/doc/zh/guide/componentDev/DSLAnalysis.html" class="sidebar-link">DSL设计</a></li><li><a href="/doc/zh/guide/componentDev/dynamicLoading.html" class="sidebar-link">动态加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>功能实现</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/functionRealization/templateLibrary.html" class="sidebar-link">模板库</a></li><li><a href="/doc/zh/guide/functionRealization/saveJson.html" class="sidebar-link">保存json</a></li><li><a href="/doc/zh/guide/functionRealization/pagePreview.html" class="sidebar-link">网页预览</a></li><li><a href="/doc/zh/guide/functionRealization/machinePreview.html" class="sidebar-link">真机预览</a></li><li><a href="/doc/zh/guide/functionRealization/revocation.html" class="sidebar-link">撤销/重做</a></li><li><a href="/doc/zh/guide/functionRealization/screenshot.html" class="sidebar-link">截图功能</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>私有化部署和二次开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/deployDev/deploy.html" class="sidebar-link">私有化部署</a></li><li><a href="/doc/zh/guide/deployDev/deploy_v6.html" class="sidebar-link">v6.dooring私有化部署(临时)</a></li><li><a href="/doc/zh/guide/deployDev/https.html" class="sidebar-link">支持https</a></li><li><a href="/doc/zh/guide/deployDev/oss.html" class="sidebar-link">接入第三方oss</a></li><li><a href="/doc/zh/guide/deployDev/api.html" class="sidebar-link">API接口文档</a></li></ul></section></li></ul> </aside> <main aria-labelledby="main-title" class="home"><header class="hero"><h1 id="main-title"><img src="/doc/assets/img/logo.001d04e6.svg" alt="hero"><span>一款所见即所得的H5编辑器</span></h1></header> <div class="features"><div class="container"><div class="feature"><div class="feature-index">1</div> <h2>简洁方便</h2> <p>任何人只需傻瓜式拖拽或进行简单编辑即可生成精美的H5页面</p></div><div class="feature"><div class="feature-index">2</div> <h2>插拔式体验</h2> <p>产品以GPL协议开源, 授权后可植入任何系统，并支持二次开发</p></div><div class="feature"><div class="feature-index">3</div> <h2>持续迭代，无限可能</h2> <p>目前正在持续迭代中，后续可根据需求开发功能更强大的可视化系统</p></div></div></div> <div class="theme-default-content custom content__default"></div> <div class="hero"><p class="action"><a href="/doc/zh/guide/" class="nav-link action-button">
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/doc/zh/guide/" class="sidebar-link">基本介绍</a></li><li><a href="/doc/zh/guide/introduced.html" class="sidebar-link">doring如何工作</a></li><li><a href="/doc/zh/guide/startedQuickly.html" class="sidebar-link">快速上手</a></li><li><a href="/doc/zh/guide/directoryStructure.html" class="sidebar-link">目录结构</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>组件开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/componentDev/componentStructure.html" class="sidebar-link">组件结构</a></li><li><a href="/doc/zh/guide/componentDev/DSLAnalysis.html" class="sidebar-link">DSL设计</a></li><li><a href="/doc/zh/guide/componentDev/dynamicLoading.html" class="sidebar-link">动态加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>功能实现</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/functionRealization/templateLibrary.html" class="sidebar-link">模板库</a></li><li><a href="/doc/zh/guide/functionRealization/saveJson.html" class="sidebar-link">保存json</a></li><li><a href="/doc/zh/guide/functionRealization/pagePreview.html" class="sidebar-link">网页预览</a></li><li><a href="/doc/zh/guide/functionRealization/machinePreview.html" class="sidebar-link">真机预览</a></li><li><a href="/doc/zh/guide/functionRealization/revocation.html" class="sidebar-link">撤销/重做</a></li><li><a href="/doc/zh/guide/functionRealization/screenshot.html" class="sidebar-link">截图功能</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>私有化部署和二次开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/deployDev/deploy.html" class="sidebar-link">私有化部署</a></li><li><a href="/doc/zh/guide/deployDev/deploy_v6.html" class="sidebar-link">v6.dooring私有化部署(临时)</a></li><li><a href="/doc/zh/guide/deployDev/dir.html" class="sidebar-link">服务端数据说明</a></li><li><a href="/doc/zh/guide/deployDev/https.html" class="sidebar-link">支持https</a></li><li><a href="/doc/zh/guide/deployDev/oss.html" class="sidebar-link">接入第三方oss</a></li><li><a href="/doc/zh/guide/deployDev/api.html" class="sidebar-link">API接口文档</a></li></ul></section></li></ul> </aside> <main aria-labelledby="main-title" class="home"><header class="hero"><h1 id="main-title"><img src="/doc/assets/img/logo.001d04e6.svg" alt="hero"><span>一款所见即所得的H5编辑器</span></h1></header> <div class="features"><div class="container"><div class="feature"><div class="feature-index">1</div> <h2>简洁方便</h2> <p>任何人只需傻瓜式拖拽或进行简单编辑即可生成精美的H5页面</p></div><div class="feature"><div class="feature-index">2</div> <h2>插拔式体验</h2> <p>产品以GPL协议开源, 授权后可植入任何系统，并支持二次开发</p></div><div class="feature"><div class="feature-index">3</div> <h2>持续迭代，无限可能</h2> <p>目前正在持续迭代中，后续可根据需求开发功能更强大的可视化系统</p></div></div></div> <div class="theme-default-content custom content__default"></div> <div class="hero"><p class="action"><a href="/doc/zh/guide/" class="nav-link action-button">
|
||||
快速上手 →
|
||||
</a></p></div> <div class="footer">
|
||||
GPL Licensed | Copyright © 2020-present H5-Dooring
|
||||
</div></main></div><div class="global-ui"></div></div>
|
||||
<script src="/doc/assets/js/app.7f190420.js" defer></script><script src="/doc/assets/js/17.c8b6849e.js" defer></script><script src="/doc/assets/js/2.917402d3.js" defer></script><script src="/doc/assets/js/3.d2d22c88.js" defer></script><script src="/doc/assets/js/19.90149f22.js" defer></script>
|
||||
<script src="/doc/assets/js/app.4588b99c.js" defer></script><script src="/doc/assets/js/17.c8b6849e.js" defer></script><script src="/doc/assets/js/2.917402d3.js" defer></script><script src="/doc/assets/js/3.d2d22c88.js" defer></script><script src="/doc/assets/js/19.862b0c76.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -8,7 +8,7 @@
|
||||
|
||||
<meta name="description" content="">
|
||||
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.7f190420.js" as="script"><link rel="preload" href="/doc/assets/js/17.c8b6849e.js" as="script"><link rel="preload" href="/doc/assets/js/2.917402d3.js" as="script"><link rel="preload" href="/doc/assets/js/20.4781e342.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.2d5d3aaa.js"><link rel="prefetch" href="/doc/assets/js/11.db03b544.js"><link rel="prefetch" href="/doc/assets/js/12.d4cc4a96.js"><link rel="prefetch" href="/doc/assets/js/13.9e2d642e.js"><link rel="prefetch" href="/doc/assets/js/14.ea0f3745.js"><link rel="prefetch" href="/doc/assets/js/15.0bec3d88.js"><link rel="prefetch" href="/doc/assets/js/16.7a72453e.js"><link rel="prefetch" href="/doc/assets/js/18.e7ced042.js"><link rel="prefetch" href="/doc/assets/js/19.90149f22.js"><link rel="prefetch" href="/doc/assets/js/21.f426ff47.js"><link rel="prefetch" href="/doc/assets/js/22.0e8b2b46.js"><link rel="prefetch" href="/doc/assets/js/23.83c4ae0b.js"><link rel="prefetch" href="/doc/assets/js/24.69d1e5e4.js"><link rel="prefetch" href="/doc/assets/js/25.e10c3e5e.js"><link rel="prefetch" href="/doc/assets/js/26.c1e8d4c6.js"><link rel="prefetch" href="/doc/assets/js/27.faa6f053.js"><link rel="prefetch" href="/doc/assets/js/28.f591635f.js"><link rel="prefetch" href="/doc/assets/js/3.d2d22c88.js"><link rel="prefetch" href="/doc/assets/js/4.f2ae7e99.js"><link rel="prefetch" href="/doc/assets/js/5.262c1769.js"><link rel="prefetch" href="/doc/assets/js/6.5f53f889.js"><link rel="prefetch" href="/doc/assets/js/7.6b0d225c.js"><link rel="prefetch" href="/doc/assets/js/8.e0652172.js"><link rel="prefetch" href="/doc/assets/js/9.5e6217e4.js">
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.4588b99c.js" as="script"><link rel="preload" href="/doc/assets/js/17.c8b6849e.js" as="script"><link rel="preload" href="/doc/assets/js/2.917402d3.js" as="script"><link rel="preload" href="/doc/assets/js/20.4781e342.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.b0d462d3.js"><link rel="prefetch" href="/doc/assets/js/11.df257dc3.js"><link rel="prefetch" href="/doc/assets/js/12.584674f6.js"><link rel="prefetch" href="/doc/assets/js/13.1b1b5748.js"><link rel="prefetch" href="/doc/assets/js/14.ea0f3745.js"><link rel="prefetch" href="/doc/assets/js/15.4eb9c19c.js"><link rel="prefetch" href="/doc/assets/js/16.1b7e6603.js"><link rel="prefetch" href="/doc/assets/js/18.e7ced042.js"><link rel="prefetch" href="/doc/assets/js/19.862b0c76.js"><link rel="prefetch" href="/doc/assets/js/21.f426ff47.js"><link rel="prefetch" href="/doc/assets/js/22.49b6f904.js"><link rel="prefetch" href="/doc/assets/js/23.64cb6fc9.js"><link rel="prefetch" href="/doc/assets/js/24.919a8675.js"><link rel="prefetch" href="/doc/assets/js/25.f099e2dd.js"><link rel="prefetch" href="/doc/assets/js/26.1d9c2285.js"><link rel="prefetch" href="/doc/assets/js/27.7c57ff72.js"><link rel="prefetch" href="/doc/assets/js/28.ead47ae7.js"><link rel="prefetch" href="/doc/assets/js/29.3a117db5.js"><link rel="prefetch" href="/doc/assets/js/3.d2d22c88.js"><link rel="prefetch" href="/doc/assets/js/4.eddebdfd.js"><link rel="prefetch" href="/doc/assets/js/5.262c1769.js"><link rel="prefetch" href="/doc/assets/js/6.5f53f889.js"><link rel="prefetch" href="/doc/assets/js/7.189d38be.js"><link rel="prefetch" href="/doc/assets/js/8.e0652172.js"><link rel="prefetch" href="/doc/assets/js/9.7e1cf4d5.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.690c58c3.css">
|
||||
</head>
|
||||
<body>
|
||||
@ -28,7 +28,7 @@
|
||||
体验
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="https://github.com/MrXujiang/h5-Dooring" target="_blank" rel="noopener noreferrer" class="nav-link external">
|
||||
github
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/doc/zh/guide/" aria-current="page" class="sidebar-link">基本介绍</a></li><li><a href="/doc/zh/guide/introduced.html" class="sidebar-link">doring如何工作</a></li><li><a href="/doc/zh/guide/startedQuickly.html" class="sidebar-link">快速上手</a></li><li><a href="/doc/zh/guide/directoryStructure.html" class="sidebar-link">目录结构</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>组件开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/componentDev/componentStructure.html" class="sidebar-link">组件结构</a></li><li><a href="/doc/zh/guide/componentDev/DSLAnalysis.html" class="sidebar-link">DSL设计</a></li><li><a href="/doc/zh/guide/componentDev/dynamicLoading.html" class="sidebar-link">动态加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>功能实现</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/functionRealization/templateLibrary.html" class="sidebar-link">模板库</a></li><li><a href="/doc/zh/guide/functionRealization/saveJson.html" class="sidebar-link">保存json</a></li><li><a href="/doc/zh/guide/functionRealization/pagePreview.html" class="sidebar-link">网页预览</a></li><li><a href="/doc/zh/guide/functionRealization/machinePreview.html" class="sidebar-link">真机预览</a></li><li><a href="/doc/zh/guide/functionRealization/revocation.html" class="sidebar-link">撤销/重做</a></li><li><a href="/doc/zh/guide/functionRealization/screenshot.html" class="sidebar-link">截图功能</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>私有化部署和二次开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/deployDev/deploy.html" class="sidebar-link">私有化部署</a></li><li><a href="/doc/zh/guide/deployDev/deploy_v6.html" class="sidebar-link">v6.dooring私有化部署(临时)</a></li><li><a href="/doc/zh/guide/deployDev/https.html" class="sidebar-link">支持https</a></li><li><a href="/doc/zh/guide/deployDev/oss.html" class="sidebar-link">接入第三方oss</a></li><li><a href="/doc/zh/guide/deployDev/api.html" class="sidebar-link">API接口文档</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><p>正在建设中...</p></div> <footer class="page-edit"><!----> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">1/17/2021, 11:22:04 PM</span></div></footer> <!----> </main></div><div class="global-ui"></div></div>
|
||||
<script src="/doc/assets/js/app.7f190420.js" defer></script><script src="/doc/assets/js/17.c8b6849e.js" defer></script><script src="/doc/assets/js/2.917402d3.js" defer></script><script src="/doc/assets/js/20.4781e342.js" defer></script>
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/doc/zh/guide/" aria-current="page" class="sidebar-link">基本介绍</a></li><li><a href="/doc/zh/guide/introduced.html" class="sidebar-link">doring如何工作</a></li><li><a href="/doc/zh/guide/startedQuickly.html" class="sidebar-link">快速上手</a></li><li><a href="/doc/zh/guide/directoryStructure.html" class="sidebar-link">目录结构</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>组件开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/componentDev/componentStructure.html" class="sidebar-link">组件结构</a></li><li><a href="/doc/zh/guide/componentDev/DSLAnalysis.html" class="sidebar-link">DSL设计</a></li><li><a href="/doc/zh/guide/componentDev/dynamicLoading.html" class="sidebar-link">动态加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>功能实现</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/functionRealization/templateLibrary.html" class="sidebar-link">模板库</a></li><li><a href="/doc/zh/guide/functionRealization/saveJson.html" class="sidebar-link">保存json</a></li><li><a href="/doc/zh/guide/functionRealization/pagePreview.html" class="sidebar-link">网页预览</a></li><li><a href="/doc/zh/guide/functionRealization/machinePreview.html" class="sidebar-link">真机预览</a></li><li><a href="/doc/zh/guide/functionRealization/revocation.html" class="sidebar-link">撤销/重做</a></li><li><a href="/doc/zh/guide/functionRealization/screenshot.html" class="sidebar-link">截图功能</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>私有化部署和二次开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/deployDev/deploy.html" class="sidebar-link">私有化部署</a></li><li><a href="/doc/zh/guide/deployDev/deploy_v6.html" class="sidebar-link">v6.dooring私有化部署(临时)</a></li><li><a href="/doc/zh/guide/deployDev/dir.html" class="sidebar-link">服务端数据说明</a></li><li><a href="/doc/zh/guide/deployDev/https.html" class="sidebar-link">支持https</a></li><li><a href="/doc/zh/guide/deployDev/oss.html" class="sidebar-link">接入第三方oss</a></li><li><a href="/doc/zh/guide/deployDev/api.html" class="sidebar-link">API接口文档</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><p>正在建设中...</p></div> <footer class="page-edit"><!----> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">1/17/2021, 11:22:04 PM</span></div></footer> <!----> </main></div><div class="global-ui"></div></div>
|
||||
<script src="/doc/assets/js/app.4588b99c.js" defer></script><script src="/doc/assets/js/17.c8b6849e.js" defer></script><script src="/doc/assets/js/2.917402d3.js" defer></script><script src="/doc/assets/js/20.4781e342.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -8,7 +8,7 @@
|
||||
|
||||
<meta name="description" content="">
|
||||
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.7f190420.js" as="script"><link rel="preload" href="/doc/assets/js/17.c8b6849e.js" as="script"><link rel="preload" href="/doc/assets/js/2.917402d3.js" as="script"><link rel="preload" href="/doc/assets/js/21.f426ff47.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.2d5d3aaa.js"><link rel="prefetch" href="/doc/assets/js/11.db03b544.js"><link rel="prefetch" href="/doc/assets/js/12.d4cc4a96.js"><link rel="prefetch" href="/doc/assets/js/13.9e2d642e.js"><link rel="prefetch" href="/doc/assets/js/14.ea0f3745.js"><link rel="prefetch" href="/doc/assets/js/15.0bec3d88.js"><link rel="prefetch" href="/doc/assets/js/16.7a72453e.js"><link rel="prefetch" href="/doc/assets/js/18.e7ced042.js"><link rel="prefetch" href="/doc/assets/js/19.90149f22.js"><link rel="prefetch" href="/doc/assets/js/20.4781e342.js"><link rel="prefetch" href="/doc/assets/js/22.0e8b2b46.js"><link rel="prefetch" href="/doc/assets/js/23.83c4ae0b.js"><link rel="prefetch" href="/doc/assets/js/24.69d1e5e4.js"><link rel="prefetch" href="/doc/assets/js/25.e10c3e5e.js"><link rel="prefetch" href="/doc/assets/js/26.c1e8d4c6.js"><link rel="prefetch" href="/doc/assets/js/27.faa6f053.js"><link rel="prefetch" href="/doc/assets/js/28.f591635f.js"><link rel="prefetch" href="/doc/assets/js/3.d2d22c88.js"><link rel="prefetch" href="/doc/assets/js/4.f2ae7e99.js"><link rel="prefetch" href="/doc/assets/js/5.262c1769.js"><link rel="prefetch" href="/doc/assets/js/6.5f53f889.js"><link rel="prefetch" href="/doc/assets/js/7.6b0d225c.js"><link rel="prefetch" href="/doc/assets/js/8.e0652172.js"><link rel="prefetch" href="/doc/assets/js/9.5e6217e4.js">
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.4588b99c.js" as="script"><link rel="preload" href="/doc/assets/js/17.c8b6849e.js" as="script"><link rel="preload" href="/doc/assets/js/2.917402d3.js" as="script"><link rel="preload" href="/doc/assets/js/21.f426ff47.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.b0d462d3.js"><link rel="prefetch" href="/doc/assets/js/11.df257dc3.js"><link rel="prefetch" href="/doc/assets/js/12.584674f6.js"><link rel="prefetch" href="/doc/assets/js/13.1b1b5748.js"><link rel="prefetch" href="/doc/assets/js/14.ea0f3745.js"><link rel="prefetch" href="/doc/assets/js/15.4eb9c19c.js"><link rel="prefetch" href="/doc/assets/js/16.1b7e6603.js"><link rel="prefetch" href="/doc/assets/js/18.e7ced042.js"><link rel="prefetch" href="/doc/assets/js/19.862b0c76.js"><link rel="prefetch" href="/doc/assets/js/20.4781e342.js"><link rel="prefetch" href="/doc/assets/js/22.49b6f904.js"><link rel="prefetch" href="/doc/assets/js/23.64cb6fc9.js"><link rel="prefetch" href="/doc/assets/js/24.919a8675.js"><link rel="prefetch" href="/doc/assets/js/25.f099e2dd.js"><link rel="prefetch" href="/doc/assets/js/26.1d9c2285.js"><link rel="prefetch" href="/doc/assets/js/27.7c57ff72.js"><link rel="prefetch" href="/doc/assets/js/28.ead47ae7.js"><link rel="prefetch" href="/doc/assets/js/29.3a117db5.js"><link rel="prefetch" href="/doc/assets/js/3.d2d22c88.js"><link rel="prefetch" href="/doc/assets/js/4.eddebdfd.js"><link rel="prefetch" href="/doc/assets/js/5.262c1769.js"><link rel="prefetch" href="/doc/assets/js/6.5f53f889.js"><link rel="prefetch" href="/doc/assets/js/7.189d38be.js"><link rel="prefetch" href="/doc/assets/js/8.e0652172.js"><link rel="prefetch" href="/doc/assets/js/9.7e1cf4d5.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.690c58c3.css">
|
||||
</head>
|
||||
<body>
|
||||
@ -28,7 +28,7 @@
|
||||
体验
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="https://github.com/MrXujiang/h5-Dooring" target="_blank" rel="noopener noreferrer" class="nav-link external">
|
||||
github
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/doc/zh/guide/" aria-current="page" class="sidebar-link">基本介绍</a></li><li><a href="/doc/zh/guide/introduced.html" class="sidebar-link">doring如何工作</a></li><li><a href="/doc/zh/guide/startedQuickly.html" class="sidebar-link">快速上手</a></li><li><a href="/doc/zh/guide/directoryStructure.html" class="sidebar-link">目录结构</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>组件开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/componentDev/componentStructure.html" class="sidebar-link">组件结构</a></li><li><a href="/doc/zh/guide/componentDev/DSLAnalysis.html" aria-current="page" class="active sidebar-link">DSL设计</a></li><li><a href="/doc/zh/guide/componentDev/dynamicLoading.html" class="sidebar-link">动态加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>功能实现</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/functionRealization/templateLibrary.html" class="sidebar-link">模板库</a></li><li><a href="/doc/zh/guide/functionRealization/saveJson.html" class="sidebar-link">保存json</a></li><li><a href="/doc/zh/guide/functionRealization/pagePreview.html" class="sidebar-link">网页预览</a></li><li><a href="/doc/zh/guide/functionRealization/machinePreview.html" class="sidebar-link">真机预览</a></li><li><a href="/doc/zh/guide/functionRealization/revocation.html" class="sidebar-link">撤销/重做</a></li><li><a href="/doc/zh/guide/functionRealization/screenshot.html" class="sidebar-link">截图功能</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>私有化部署和二次开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/deployDev/deploy.html" class="sidebar-link">私有化部署</a></li><li><a href="/doc/zh/guide/deployDev/deploy_v6.html" class="sidebar-link">v6.dooring私有化部署(临时)</a></li><li><a href="/doc/zh/guide/deployDev/https.html" class="sidebar-link">支持https</a></li><li><a href="/doc/zh/guide/deployDev/oss.html" class="sidebar-link">接入第三方oss</a></li><li><a href="/doc/zh/guide/deployDev/api.html" class="sidebar-link">API接口文档</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="dsl设计"><a href="#dsl设计" class="header-anchor">#</a> DSL设计</h1> <p>DSL层主要约定了Dooring组件的数据协议，包括组件的可编辑属性、编辑类型、初始值等，之所以定义一致的协议层，主要是方便后期的组件扩展，配置后移，有助于不同后端语言开发和数据存储，接下来我们看看header组件的schema。</p> <p>1.editData 可编辑的属性类型DSL</p> <p>2.config 可编辑组件的默认属性</p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token keyword">const</span> Header<span class="token operator">:</span> IHeaderSchema <span class="token operator">=</span> <span class="token punctuation">{</span>
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/doc/zh/guide/" aria-current="page" class="sidebar-link">基本介绍</a></li><li><a href="/doc/zh/guide/introduced.html" class="sidebar-link">doring如何工作</a></li><li><a href="/doc/zh/guide/startedQuickly.html" class="sidebar-link">快速上手</a></li><li><a href="/doc/zh/guide/directoryStructure.html" class="sidebar-link">目录结构</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>组件开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/componentDev/componentStructure.html" class="sidebar-link">组件结构</a></li><li><a href="/doc/zh/guide/componentDev/DSLAnalysis.html" aria-current="page" class="active sidebar-link">DSL设计</a></li><li><a href="/doc/zh/guide/componentDev/dynamicLoading.html" class="sidebar-link">动态加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>功能实现</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/functionRealization/templateLibrary.html" class="sidebar-link">模板库</a></li><li><a href="/doc/zh/guide/functionRealization/saveJson.html" class="sidebar-link">保存json</a></li><li><a href="/doc/zh/guide/functionRealization/pagePreview.html" class="sidebar-link">网页预览</a></li><li><a href="/doc/zh/guide/functionRealization/machinePreview.html" class="sidebar-link">真机预览</a></li><li><a href="/doc/zh/guide/functionRealization/revocation.html" class="sidebar-link">撤销/重做</a></li><li><a href="/doc/zh/guide/functionRealization/screenshot.html" class="sidebar-link">截图功能</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>私有化部署和二次开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/deployDev/deploy.html" class="sidebar-link">私有化部署</a></li><li><a href="/doc/zh/guide/deployDev/deploy_v6.html" class="sidebar-link">v6.dooring私有化部署(临时)</a></li><li><a href="/doc/zh/guide/deployDev/dir.html" class="sidebar-link">服务端数据说明</a></li><li><a href="/doc/zh/guide/deployDev/https.html" class="sidebar-link">支持https</a></li><li><a href="/doc/zh/guide/deployDev/oss.html" class="sidebar-link">接入第三方oss</a></li><li><a href="/doc/zh/guide/deployDev/api.html" class="sidebar-link">API接口文档</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="dsl设计"><a href="#dsl设计" class="header-anchor">#</a> DSL设计</h1> <p>DSL层主要约定了Dooring组件的数据协议，包括组件的可编辑属性、编辑类型、初始值等，之所以定义一致的协议层，主要是方便后期的组件扩展，配置后移，有助于不同后端语言开发和数据存储，接下来我们看看header组件的schema。</p> <p>1.editData 可编辑的属性类型DSL</p> <p>2.config 可编辑组件的默认属性</p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token keyword">const</span> Header<span class="token operator">:</span> IHeaderSchema <span class="token operator">=</span> <span class="token punctuation">{</span>
|
||||
editData<span class="token operator">:</span> <span class="token punctuation">[</span>
|
||||
<span class="token punctuation">{</span>
|
||||
key<span class="token operator">:</span> <span class="token string">'bgColor'</span><span class="token punctuation">,</span>
|
||||
@ -88,6 +88,6 @@
|
||||
</a>
|
||||
→
|
||||
</span></p></div> </main></div><div class="global-ui"></div></div>
|
||||
<script src="/doc/assets/js/app.7f190420.js" defer></script><script src="/doc/assets/js/17.c8b6849e.js" defer></script><script src="/doc/assets/js/2.917402d3.js" defer></script><script src="/doc/assets/js/21.f426ff47.js" defer></script>
|
||||
<script src="/doc/assets/js/app.4588b99c.js" defer></script><script src="/doc/assets/js/17.c8b6849e.js" defer></script><script src="/doc/assets/js/2.917402d3.js" defer></script><script src="/doc/assets/js/21.f426ff47.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -8,7 +8,7 @@
|
||||
|
||||
<meta name="description" content="">
|
||||
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.7f190420.js" as="script"><link rel="preload" href="/doc/assets/js/17.c8b6849e.js" as="script"><link rel="preload" href="/doc/assets/js/2.917402d3.js" as="script"><link rel="preload" href="/doc/assets/js/22.0e8b2b46.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.2d5d3aaa.js"><link rel="prefetch" href="/doc/assets/js/11.db03b544.js"><link rel="prefetch" href="/doc/assets/js/12.d4cc4a96.js"><link rel="prefetch" href="/doc/assets/js/13.9e2d642e.js"><link rel="prefetch" href="/doc/assets/js/14.ea0f3745.js"><link rel="prefetch" href="/doc/assets/js/15.0bec3d88.js"><link rel="prefetch" href="/doc/assets/js/16.7a72453e.js"><link rel="prefetch" href="/doc/assets/js/18.e7ced042.js"><link rel="prefetch" href="/doc/assets/js/19.90149f22.js"><link rel="prefetch" href="/doc/assets/js/20.4781e342.js"><link rel="prefetch" href="/doc/assets/js/21.f426ff47.js"><link rel="prefetch" href="/doc/assets/js/23.83c4ae0b.js"><link rel="prefetch" href="/doc/assets/js/24.69d1e5e4.js"><link rel="prefetch" href="/doc/assets/js/25.e10c3e5e.js"><link rel="prefetch" href="/doc/assets/js/26.c1e8d4c6.js"><link rel="prefetch" href="/doc/assets/js/27.faa6f053.js"><link rel="prefetch" href="/doc/assets/js/28.f591635f.js"><link rel="prefetch" href="/doc/assets/js/3.d2d22c88.js"><link rel="prefetch" href="/doc/assets/js/4.f2ae7e99.js"><link rel="prefetch" href="/doc/assets/js/5.262c1769.js"><link rel="prefetch" href="/doc/assets/js/6.5f53f889.js"><link rel="prefetch" href="/doc/assets/js/7.6b0d225c.js"><link rel="prefetch" href="/doc/assets/js/8.e0652172.js"><link rel="prefetch" href="/doc/assets/js/9.5e6217e4.js">
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.4588b99c.js" as="script"><link rel="preload" href="/doc/assets/js/17.c8b6849e.js" as="script"><link rel="preload" href="/doc/assets/js/2.917402d3.js" as="script"><link rel="preload" href="/doc/assets/js/22.49b6f904.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.b0d462d3.js"><link rel="prefetch" href="/doc/assets/js/11.df257dc3.js"><link rel="prefetch" href="/doc/assets/js/12.584674f6.js"><link rel="prefetch" href="/doc/assets/js/13.1b1b5748.js"><link rel="prefetch" href="/doc/assets/js/14.ea0f3745.js"><link rel="prefetch" href="/doc/assets/js/15.4eb9c19c.js"><link rel="prefetch" href="/doc/assets/js/16.1b7e6603.js"><link rel="prefetch" href="/doc/assets/js/18.e7ced042.js"><link rel="prefetch" href="/doc/assets/js/19.862b0c76.js"><link rel="prefetch" href="/doc/assets/js/20.4781e342.js"><link rel="prefetch" href="/doc/assets/js/21.f426ff47.js"><link rel="prefetch" href="/doc/assets/js/23.64cb6fc9.js"><link rel="prefetch" href="/doc/assets/js/24.919a8675.js"><link rel="prefetch" href="/doc/assets/js/25.f099e2dd.js"><link rel="prefetch" href="/doc/assets/js/26.1d9c2285.js"><link rel="prefetch" href="/doc/assets/js/27.7c57ff72.js"><link rel="prefetch" href="/doc/assets/js/28.ead47ae7.js"><link rel="prefetch" href="/doc/assets/js/29.3a117db5.js"><link rel="prefetch" href="/doc/assets/js/3.d2d22c88.js"><link rel="prefetch" href="/doc/assets/js/4.eddebdfd.js"><link rel="prefetch" href="/doc/assets/js/5.262c1769.js"><link rel="prefetch" href="/doc/assets/js/6.5f53f889.js"><link rel="prefetch" href="/doc/assets/js/7.189d38be.js"><link rel="prefetch" href="/doc/assets/js/8.e0652172.js"><link rel="prefetch" href="/doc/assets/js/9.7e1cf4d5.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.690c58c3.css">
|
||||
</head>
|
||||
<body>
|
||||
@ -28,7 +28,7 @@
|
||||
体验
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="https://github.com/MrXujiang/h5-Dooring" target="_blank" rel="noopener noreferrer" class="nav-link external">
|
||||
github
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/doc/zh/guide/" aria-current="page" class="sidebar-link">基本介绍</a></li><li><a href="/doc/zh/guide/introduced.html" class="sidebar-link">doring如何工作</a></li><li><a href="/doc/zh/guide/startedQuickly.html" class="sidebar-link">快速上手</a></li><li><a href="/doc/zh/guide/directoryStructure.html" class="sidebar-link">目录结构</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>组件开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/componentDev/componentStructure.html" aria-current="page" class="active sidebar-link">组件结构</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/doc/zh/guide/componentDev/componentStructure.html#组件设计" class="sidebar-link">组件设计</a></li><li class="sidebar-sub-header"><a href="/doc/zh/guide/componentDev/componentStructure.html#template设计" class="sidebar-link">template设计</a></li><li class="sidebar-sub-header"><a href="/doc/zh/guide/componentDev/componentStructure.html#schema设计" class="sidebar-link">schema设计</a></li></ul></li><li><a href="/doc/zh/guide/componentDev/DSLAnalysis.html" class="sidebar-link">DSL设计</a></li><li><a href="/doc/zh/guide/componentDev/dynamicLoading.html" class="sidebar-link">动态加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>功能实现</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/functionRealization/templateLibrary.html" class="sidebar-link">模板库</a></li><li><a href="/doc/zh/guide/functionRealization/saveJson.html" class="sidebar-link">保存json</a></li><li><a href="/doc/zh/guide/functionRealization/pagePreview.html" class="sidebar-link">网页预览</a></li><li><a href="/doc/zh/guide/functionRealization/machinePreview.html" class="sidebar-link">真机预览</a></li><li><a href="/doc/zh/guide/functionRealization/revocation.html" class="sidebar-link">撤销/重做</a></li><li><a href="/doc/zh/guide/functionRealization/screenshot.html" class="sidebar-link">截图功能</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>私有化部署和二次开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/deployDev/deploy.html" class="sidebar-link">私有化部署</a></li><li><a href="/doc/zh/guide/deployDev/deploy_v6.html" class="sidebar-link">v6.dooring私有化部署(临时)</a></li><li><a href="/doc/zh/guide/deployDev/https.html" class="sidebar-link">支持https</a></li><li><a href="/doc/zh/guide/deployDev/oss.html" class="sidebar-link">接入第三方oss</a></li><li><a href="/doc/zh/guide/deployDev/api.html" class="sidebar-link">API接口文档</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="组件结构"><a href="#组件结构" class="header-anchor">#</a> 组件结构</h1> <p>dooring的组件设计包含以下3个部分组件：</p> <p>1、component 组件主体</p> <p>2、schema 组件的DSL，结构协议层</p> <p>3、template 定义了组件的类型、外观、从属关系，后期考虑纳入schema</p> <p>接下来我会介绍一个基本的组件主体设计，以为template设计，在下一章会具体介绍schema部分。</p> <h2 id="组件设计"><a href="#组件设计" class="header-anchor">#</a> 组件设计</h2> <p>我们这里拿基本的header组件来举例，如下是header组件的代码：</p> <div class="language-jsx extra-class"><pre class="language-jsx"><code><span class="token keyword">interface</span> <span class="token class-name">HeaderPropTypes</span> <span class="token keyword">extends</span> <span class="token class-name">IHeaderConfig</span> <span class="token punctuation">{</span>
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/doc/zh/guide/" aria-current="page" class="sidebar-link">基本介绍</a></li><li><a href="/doc/zh/guide/introduced.html" class="sidebar-link">doring如何工作</a></li><li><a href="/doc/zh/guide/startedQuickly.html" class="sidebar-link">快速上手</a></li><li><a href="/doc/zh/guide/directoryStructure.html" class="sidebar-link">目录结构</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>组件开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/componentDev/componentStructure.html" aria-current="page" class="active sidebar-link">组件结构</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/doc/zh/guide/componentDev/componentStructure.html#组件设计" class="sidebar-link">组件设计</a></li><li class="sidebar-sub-header"><a href="/doc/zh/guide/componentDev/componentStructure.html#template设计" class="sidebar-link">template设计</a></li><li class="sidebar-sub-header"><a href="/doc/zh/guide/componentDev/componentStructure.html#schema设计" class="sidebar-link">schema设计</a></li></ul></li><li><a href="/doc/zh/guide/componentDev/DSLAnalysis.html" class="sidebar-link">DSL设计</a></li><li><a href="/doc/zh/guide/componentDev/dynamicLoading.html" class="sidebar-link">动态加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>功能实现</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/functionRealization/templateLibrary.html" class="sidebar-link">模板库</a></li><li><a href="/doc/zh/guide/functionRealization/saveJson.html" class="sidebar-link">保存json</a></li><li><a href="/doc/zh/guide/functionRealization/pagePreview.html" class="sidebar-link">网页预览</a></li><li><a href="/doc/zh/guide/functionRealization/machinePreview.html" class="sidebar-link">真机预览</a></li><li><a href="/doc/zh/guide/functionRealization/revocation.html" class="sidebar-link">撤销/重做</a></li><li><a href="/doc/zh/guide/functionRealization/screenshot.html" class="sidebar-link">截图功能</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>私有化部署和二次开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/deployDev/deploy.html" class="sidebar-link">私有化部署</a></li><li><a href="/doc/zh/guide/deployDev/deploy_v6.html" class="sidebar-link">v6.dooring私有化部署(临时)</a></li><li><a href="/doc/zh/guide/deployDev/dir.html" class="sidebar-link">服务端数据说明</a></li><li><a href="/doc/zh/guide/deployDev/https.html" class="sidebar-link">支持https</a></li><li><a href="/doc/zh/guide/deployDev/oss.html" class="sidebar-link">接入第三方oss</a></li><li><a href="/doc/zh/guide/deployDev/api.html" class="sidebar-link">API接口文档</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="组件结构"><a href="#组件结构" class="header-anchor">#</a> 组件结构</h1> <p>dooring的组件设计包含以下3个部分组件：</p> <p>1、component 组件主体</p> <p>2、schema 组件的DSL，结构协议层</p> <p>3、template 定义了组件的类型、外观、从属关系，后期考虑纳入schema</p> <p>接下来我会介绍一个基本的组件主体设计，以为template设计，在下一章会具体介绍schema部分。</p> <h2 id="组件设计"><a href="#组件设计" class="header-anchor">#</a> 组件设计</h2> <p>我们这里拿基本的header组件来举例，如下是header组件的代码：</p> <div class="language-jsx extra-class"><pre class="language-jsx"><code><span class="token keyword">interface</span> <span class="token class-name">HeaderPropTypes</span> <span class="token keyword">extends</span> <span class="token class-name">IHeaderConfig</span> <span class="token punctuation">{</span>
|
||||
isTpl<span class="token operator">:</span> boolean<span class="token punctuation">;</span>
|
||||
<span class="token punctuation">}</span>
|
||||
|
||||
@ -148,6 +148,6 @@
|
||||
</a>
|
||||
→
|
||||
</span></p></div> </main></div><div class="global-ui"></div></div>
|
||||
<script src="/doc/assets/js/app.7f190420.js" defer></script><script src="/doc/assets/js/17.c8b6849e.js" defer></script><script src="/doc/assets/js/2.917402d3.js" defer></script><script src="/doc/assets/js/22.0e8b2b46.js" defer></script>
|
||||
<script src="/doc/assets/js/app.4588b99c.js" defer></script><script src="/doc/assets/js/17.c8b6849e.js" defer></script><script src="/doc/assets/js/2.917402d3.js" defer></script><script src="/doc/assets/js/22.49b6f904.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -8,7 +8,7 @@
|
||||
|
||||
<meta name="description" content="">
|
||||
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.7f190420.js" as="script"><link rel="preload" href="/doc/assets/js/17.c8b6849e.js" as="script"><link rel="preload" href="/doc/assets/js/2.917402d3.js" as="script"><link rel="preload" href="/doc/assets/js/23.83c4ae0b.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.2d5d3aaa.js"><link rel="prefetch" href="/doc/assets/js/11.db03b544.js"><link rel="prefetch" href="/doc/assets/js/12.d4cc4a96.js"><link rel="prefetch" href="/doc/assets/js/13.9e2d642e.js"><link rel="prefetch" href="/doc/assets/js/14.ea0f3745.js"><link rel="prefetch" href="/doc/assets/js/15.0bec3d88.js"><link rel="prefetch" href="/doc/assets/js/16.7a72453e.js"><link rel="prefetch" href="/doc/assets/js/18.e7ced042.js"><link rel="prefetch" href="/doc/assets/js/19.90149f22.js"><link rel="prefetch" href="/doc/assets/js/20.4781e342.js"><link rel="prefetch" href="/doc/assets/js/21.f426ff47.js"><link rel="prefetch" href="/doc/assets/js/22.0e8b2b46.js"><link rel="prefetch" href="/doc/assets/js/24.69d1e5e4.js"><link rel="prefetch" href="/doc/assets/js/25.e10c3e5e.js"><link rel="prefetch" href="/doc/assets/js/26.c1e8d4c6.js"><link rel="prefetch" href="/doc/assets/js/27.faa6f053.js"><link rel="prefetch" href="/doc/assets/js/28.f591635f.js"><link rel="prefetch" href="/doc/assets/js/3.d2d22c88.js"><link rel="prefetch" href="/doc/assets/js/4.f2ae7e99.js"><link rel="prefetch" href="/doc/assets/js/5.262c1769.js"><link rel="prefetch" href="/doc/assets/js/6.5f53f889.js"><link rel="prefetch" href="/doc/assets/js/7.6b0d225c.js"><link rel="prefetch" href="/doc/assets/js/8.e0652172.js"><link rel="prefetch" href="/doc/assets/js/9.5e6217e4.js">
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.4588b99c.js" as="script"><link rel="preload" href="/doc/assets/js/17.c8b6849e.js" as="script"><link rel="preload" href="/doc/assets/js/2.917402d3.js" as="script"><link rel="preload" href="/doc/assets/js/23.64cb6fc9.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.b0d462d3.js"><link rel="prefetch" href="/doc/assets/js/11.df257dc3.js"><link rel="prefetch" href="/doc/assets/js/12.584674f6.js"><link rel="prefetch" href="/doc/assets/js/13.1b1b5748.js"><link rel="prefetch" href="/doc/assets/js/14.ea0f3745.js"><link rel="prefetch" href="/doc/assets/js/15.4eb9c19c.js"><link rel="prefetch" href="/doc/assets/js/16.1b7e6603.js"><link rel="prefetch" href="/doc/assets/js/18.e7ced042.js"><link rel="prefetch" href="/doc/assets/js/19.862b0c76.js"><link rel="prefetch" href="/doc/assets/js/20.4781e342.js"><link rel="prefetch" href="/doc/assets/js/21.f426ff47.js"><link rel="prefetch" href="/doc/assets/js/22.49b6f904.js"><link rel="prefetch" href="/doc/assets/js/24.919a8675.js"><link rel="prefetch" href="/doc/assets/js/25.f099e2dd.js"><link rel="prefetch" href="/doc/assets/js/26.1d9c2285.js"><link rel="prefetch" href="/doc/assets/js/27.7c57ff72.js"><link rel="prefetch" href="/doc/assets/js/28.ead47ae7.js"><link rel="prefetch" href="/doc/assets/js/29.3a117db5.js"><link rel="prefetch" href="/doc/assets/js/3.d2d22c88.js"><link rel="prefetch" href="/doc/assets/js/4.eddebdfd.js"><link rel="prefetch" href="/doc/assets/js/5.262c1769.js"><link rel="prefetch" href="/doc/assets/js/6.5f53f889.js"><link rel="prefetch" href="/doc/assets/js/7.189d38be.js"><link rel="prefetch" href="/doc/assets/js/8.e0652172.js"><link rel="prefetch" href="/doc/assets/js/9.7e1cf4d5.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.690c58c3.css">
|
||||
</head>
|
||||
<body>
|
||||
@ -28,7 +28,7 @@
|
||||
体验
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="https://github.com/MrXujiang/h5-Dooring" target="_blank" rel="noopener noreferrer" class="nav-link external">
|
||||
github
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/doc/zh/guide/" aria-current="page" class="sidebar-link">基本介绍</a></li><li><a href="/doc/zh/guide/introduced.html" class="sidebar-link">doring如何工作</a></li><li><a href="/doc/zh/guide/startedQuickly.html" class="sidebar-link">快速上手</a></li><li><a href="/doc/zh/guide/directoryStructure.html" class="sidebar-link">目录结构</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>组件开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/componentDev/componentStructure.html" class="sidebar-link">组件结构</a></li><li><a href="/doc/zh/guide/componentDev/DSLAnalysis.html" class="sidebar-link">DSL设计</a></li><li><a href="/doc/zh/guide/componentDev/dynamicLoading.html" class="sidebar-link">动态加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>功能实现</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/functionRealization/templateLibrary.html" class="sidebar-link">模板库</a></li><li><a href="/doc/zh/guide/functionRealization/saveJson.html" class="sidebar-link">保存json</a></li><li><a href="/doc/zh/guide/functionRealization/pagePreview.html" class="sidebar-link">网页预览</a></li><li><a href="/doc/zh/guide/functionRealization/machinePreview.html" class="sidebar-link">真机预览</a></li><li><a href="/doc/zh/guide/functionRealization/revocation.html" class="sidebar-link">撤销/重做</a></li><li><a href="/doc/zh/guide/functionRealization/screenshot.html" class="sidebar-link">截图功能</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>私有化部署和二次开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/deployDev/deploy.html" class="sidebar-link">私有化部署</a></li><li><a href="/doc/zh/guide/deployDev/deploy_v6.html" class="sidebar-link">v6.dooring私有化部署(临时)</a></li><li><a href="/doc/zh/guide/deployDev/https.html" class="sidebar-link">支持https</a></li><li><a href="/doc/zh/guide/deployDev/oss.html" class="sidebar-link">接入第三方oss</a></li><li><a href="/doc/zh/guide/deployDev/api.html" aria-current="page" class="active sidebar-link">API接口文档</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/doc/zh/guide/deployDev/api.html#用户相关" class="sidebar-link">用户相关</a></li><li class="sidebar-sub-header"><a href="/doc/zh/guide/deployDev/api.html#h5页面管理" class="sidebar-link">H5页面管理</a></li><li class="sidebar-sub-header"><a href="/doc/zh/guide/deployDev/api.html#h5表单数据管理" class="sidebar-link">H5表单数据管理</a></li><li class="sidebar-sub-header"><a href="/doc/zh/guide/deployDev/api.html#模版管理" class="sidebar-link">模版管理</a></li><li class="sidebar-sub-header"><a href="/doc/zh/guide/deployDev/api.html#文件上传" class="sidebar-link">文件上传</a></li><li class="sidebar-sub-header"><a href="/doc/zh/guide/deployDev/api.html#数据统计" class="sidebar-link">数据统计</a></li></ul></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><p><strong>H5-Dooring</strong>后端部分主要使用 <code>Nodejs</code> 开发, 为了满足更多定制化需求和服务的可移植性, 特意编写了API接口文档,
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/doc/zh/guide/" aria-current="page" class="sidebar-link">基本介绍</a></li><li><a href="/doc/zh/guide/introduced.html" class="sidebar-link">doring如何工作</a></li><li><a href="/doc/zh/guide/startedQuickly.html" class="sidebar-link">快速上手</a></li><li><a href="/doc/zh/guide/directoryStructure.html" class="sidebar-link">目录结构</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>组件开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/componentDev/componentStructure.html" class="sidebar-link">组件结构</a></li><li><a href="/doc/zh/guide/componentDev/DSLAnalysis.html" class="sidebar-link">DSL设计</a></li><li><a href="/doc/zh/guide/componentDev/dynamicLoading.html" class="sidebar-link">动态加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>功能实现</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/functionRealization/templateLibrary.html" class="sidebar-link">模板库</a></li><li><a href="/doc/zh/guide/functionRealization/saveJson.html" class="sidebar-link">保存json</a></li><li><a href="/doc/zh/guide/functionRealization/pagePreview.html" class="sidebar-link">网页预览</a></li><li><a href="/doc/zh/guide/functionRealization/machinePreview.html" class="sidebar-link">真机预览</a></li><li><a href="/doc/zh/guide/functionRealization/revocation.html" class="sidebar-link">撤销/重做</a></li><li><a href="/doc/zh/guide/functionRealization/screenshot.html" class="sidebar-link">截图功能</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>私有化部署和二次开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/deployDev/deploy.html" class="sidebar-link">私有化部署</a></li><li><a href="/doc/zh/guide/deployDev/deploy_v6.html" class="sidebar-link">v6.dooring私有化部署(临时)</a></li><li><a href="/doc/zh/guide/deployDev/dir.html" class="sidebar-link">服务端数据说明</a></li><li><a href="/doc/zh/guide/deployDev/https.html" class="sidebar-link">支持https</a></li><li><a href="/doc/zh/guide/deployDev/oss.html" class="sidebar-link">接入第三方oss</a></li><li><a href="/doc/zh/guide/deployDev/api.html" aria-current="page" class="active sidebar-link">API接口文档</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/doc/zh/guide/deployDev/api.html#用户相关" class="sidebar-link">用户相关</a></li><li class="sidebar-sub-header"><a href="/doc/zh/guide/deployDev/api.html#h5页面管理" class="sidebar-link">H5页面管理</a></li><li class="sidebar-sub-header"><a href="/doc/zh/guide/deployDev/api.html#h5表单数据管理" class="sidebar-link">H5表单数据管理</a></li><li class="sidebar-sub-header"><a href="/doc/zh/guide/deployDev/api.html#模版管理" class="sidebar-link">模版管理</a></li><li class="sidebar-sub-header"><a href="/doc/zh/guide/deployDev/api.html#文件上传" class="sidebar-link">文件上传</a></li><li class="sidebar-sub-header"><a href="/doc/zh/guide/deployDev/api.html#数据统计" class="sidebar-link">数据统计</a></li></ul></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><p><strong>H5-Dooring</strong>后端部分主要使用 <code>Nodejs</code> 开发, 为了满足更多定制化需求和服务的可移植性, 特意编写了API接口文档,
|
||||
方便大家使用不同的后端语言实现服务接入.</p> <ul><li>注意: 接口统一前缀为<code>/api/v0</code></li></ul> <h2 id="用户相关"><a href="#用户相关" class="header-anchor">#</a> 用户相关</h2> <h3 id="登录"><a href="#登录" class="header-anchor">#</a> 登录</h3> <p>用户登录接口</p> <ul><li><code>POST</code> /vip/check</li></ul> <table><thead><tr><th>参数名</th> <th style="text-align:center;">是否必选</th> <th style="text-align:center;">类型</th> <th style="text-align:right;">说明</th></tr></thead> <tbody><tr><td>n</td> <td style="text-align:center;">true</td> <td style="text-align:center;">string</td> <td style="text-align:right;">用户名</td></tr> <tr><td>co</td> <td style="text-align:center;">true</td> <td style="text-align:center;">string</td> <td style="text-align:right;">密码</td></tr></tbody></table> <p>返回示例</p> <div class="language-json extra-class"><pre class="language-json"><code><span class="token punctuation">{</span>
|
||||
<span class="token property">"result"</span><span class="token operator">:</span> <span class="token punctuation">{</span>
|
||||
<span class="token property">"n"</span><span class="token operator">:</span> <span class="token string">"test"</span><span class="token punctuation">,</span>
|
||||
@ -308,6 +308,6 @@
|
||||
<a href="/doc/zh/guide/deployDev/oss.html" class="prev">
|
||||
接入第三方oss
|
||||
</a></span> <!----></p></div> </main></div><div class="global-ui"></div></div>
|
||||
<script src="/doc/assets/js/app.7f190420.js" defer></script><script src="/doc/assets/js/17.c8b6849e.js" defer></script><script src="/doc/assets/js/2.917402d3.js" defer></script><script src="/doc/assets/js/23.83c4ae0b.js" defer></script>
|
||||
<script src="/doc/assets/js/app.4588b99c.js" defer></script><script src="/doc/assets/js/17.c8b6849e.js" defer></script><script src="/doc/assets/js/2.917402d3.js" defer></script><script src="/doc/assets/js/23.64cb6fc9.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
44
doc-dist/zh/guide/deployDev/dir.html
Normal file
44
doc-dist/zh/guide/deployDev/dir.html
Normal file
@ -0,0 +1,44 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>h5-dooring</title>
|
||||
<meta name="generator" content="VuePress 1.8.0">
|
||||
|
||||
<meta name="description" content="">
|
||||
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.4588b99c.js" as="script"><link rel="preload" href="/doc/assets/js/17.c8b6849e.js" as="script"><link rel="preload" href="/doc/assets/js/2.917402d3.js" as="script"><link rel="preload" href="/doc/assets/js/24.919a8675.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.b0d462d3.js"><link rel="prefetch" href="/doc/assets/js/11.df257dc3.js"><link rel="prefetch" href="/doc/assets/js/12.584674f6.js"><link rel="prefetch" href="/doc/assets/js/13.1b1b5748.js"><link rel="prefetch" href="/doc/assets/js/14.ea0f3745.js"><link rel="prefetch" href="/doc/assets/js/15.4eb9c19c.js"><link rel="prefetch" href="/doc/assets/js/16.1b7e6603.js"><link rel="prefetch" href="/doc/assets/js/18.e7ced042.js"><link rel="prefetch" href="/doc/assets/js/19.862b0c76.js"><link rel="prefetch" href="/doc/assets/js/20.4781e342.js"><link rel="prefetch" href="/doc/assets/js/21.f426ff47.js"><link rel="prefetch" href="/doc/assets/js/22.49b6f904.js"><link rel="prefetch" href="/doc/assets/js/23.64cb6fc9.js"><link rel="prefetch" href="/doc/assets/js/25.f099e2dd.js"><link rel="prefetch" href="/doc/assets/js/26.1d9c2285.js"><link rel="prefetch" href="/doc/assets/js/27.7c57ff72.js"><link rel="prefetch" href="/doc/assets/js/28.ead47ae7.js"><link rel="prefetch" href="/doc/assets/js/29.3a117db5.js"><link rel="prefetch" href="/doc/assets/js/3.d2d22c88.js"><link rel="prefetch" href="/doc/assets/js/4.eddebdfd.js"><link rel="prefetch" href="/doc/assets/js/5.262c1769.js"><link rel="prefetch" href="/doc/assets/js/6.5f53f889.js"><link rel="prefetch" href="/doc/assets/js/7.189d38be.js"><link rel="prefetch" href="/doc/assets/js/8.e0652172.js"><link rel="prefetch" href="/doc/assets/js/9.7e1cf4d5.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.690c58c3.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/doc/" class="home-link router-link-active"><!----> <span class="site-name">h5-dooring</span></a> <div class="links"><!----> <nav class="nav-links can-hide"><div class="nav-item"><a href="/doc/" class="nav-link">
|
||||
首页
|
||||
</a></div><div class="nav-item"><a href="/doc/zh/guide/" class="nav-link router-link-active">
|
||||
文档
|
||||
</a></div><div class="nav-item"><a href="http://h5.dooring.cn" target="_blank" rel="noopener noreferrer" class="nav-link external">
|
||||
体验
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="https://github.com/MrXujiang/h5-Dooring" target="_blank" rel="noopener noreferrer" class="nav-link external">
|
||||
github
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/doc/" class="nav-link">
|
||||
首页
|
||||
</a></div><div class="nav-item"><a href="/doc/zh/guide/" class="nav-link router-link-active">
|
||||
文档
|
||||
</a></div><div class="nav-item"><a href="http://h5.dooring.cn" target="_blank" rel="noopener noreferrer" class="nav-link external">
|
||||
体验
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="https://github.com/MrXujiang/h5-Dooring" target="_blank" rel="noopener noreferrer" class="nav-link external">
|
||||
github
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/doc/zh/guide/" aria-current="page" class="sidebar-link">基本介绍</a></li><li><a href="/doc/zh/guide/introduced.html" class="sidebar-link">doring如何工作</a></li><li><a href="/doc/zh/guide/startedQuickly.html" class="sidebar-link">快速上手</a></li><li><a href="/doc/zh/guide/directoryStructure.html" class="sidebar-link">目录结构</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>组件开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/componentDev/componentStructure.html" class="sidebar-link">组件结构</a></li><li><a href="/doc/zh/guide/componentDev/DSLAnalysis.html" class="sidebar-link">DSL设计</a></li><li><a href="/doc/zh/guide/componentDev/dynamicLoading.html" class="sidebar-link">动态加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>功能实现</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/functionRealization/templateLibrary.html" class="sidebar-link">模板库</a></li><li><a href="/doc/zh/guide/functionRealization/saveJson.html" class="sidebar-link">保存json</a></li><li><a href="/doc/zh/guide/functionRealization/pagePreview.html" class="sidebar-link">网页预览</a></li><li><a href="/doc/zh/guide/functionRealization/machinePreview.html" class="sidebar-link">真机预览</a></li><li><a href="/doc/zh/guide/functionRealization/revocation.html" class="sidebar-link">撤销/重做</a></li><li><a href="/doc/zh/guide/functionRealization/screenshot.html" class="sidebar-link">截图功能</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>私有化部署和二次开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/deployDev/deploy.html" class="sidebar-link">私有化部署</a></li><li><a href="/doc/zh/guide/deployDev/deploy_v6.html" class="sidebar-link">v6.dooring私有化部署(临时)</a></li><li><a href="/doc/zh/guide/deployDev/dir.html" aria-current="page" class="active sidebar-link">服务端数据说明</a></li><li><a href="/doc/zh/guide/deployDev/https.html" class="sidebar-link">支持https</a></li><li><a href="/doc/zh/guide/deployDev/oss.html" class="sidebar-link">接入第三方oss</a></li><li><a href="/doc/zh/guide/deployDev/api.html" class="sidebar-link">API接口文档</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><p>服务端主要是我们的<code>server</code>工程, 数据主要存放在<code>server/public</code>下, 具体数据指代含义我们接下来会详细介绍.</p> <ul><li>bed 存放图片库中的分类图片, 私有化部署的用户可以直接在此处扩充图片(更好的建议是直接存到第三方图床)</li> <li>h5 用户保存的h5数据文件, 一个页面对应一个json文件</li> <li>h5_tpl 平台保存的模版数据文件夹
|
||||
<ul><li>xxx.json 模版页面文件</li> <li>tpls.json 模版库中的模版列表数据, 可以手动清空</li></ul></li> <li>h5_vip 会员数据目录
|
||||
<ul><li>form 会员制作的含表单页面的表单收集数据</li> <li>view.json 用户浏览量数据</li> <li>vip.json 会员列表数据</li> <li>vipCard.json 会员订单数据(暂时无用, 可删除)</li></ul></li> <li>image.json 图片库, 主要用来渲染页面的图片库数据</li> <li>city.json 省市3级联动数据, 为表单组件提供数据支持</li></ul></div> <footer class="page-edit"><!----> <!----></footer> <div class="page-nav"><p class="inner"><span class="prev">
|
||||
←
|
||||
<a href="/doc/zh/guide/deployDev/deploy_v6.html" class="prev">
|
||||
v6.dooring私有化部署(临时)
|
||||
</a></span> <span class="next"><a href="/doc/zh/guide/deployDev/https.html">
|
||||
支持https
|
||||
</a>
|
||||
→
|
||||
</span></p></div> </main></div><div class="global-ui"></div></div>
|
||||
<script src="/doc/assets/js/app.4588b99c.js" defer></script><script src="/doc/assets/js/17.c8b6849e.js" defer></script><script src="/doc/assets/js/2.917402d3.js" defer></script><script src="/doc/assets/js/24.919a8675.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -8,7 +8,7 @@
|
||||
|
||||
<meta name="description" content="">
|
||||
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.7f190420.js" as="script"><link rel="preload" href="/doc/assets/js/17.c8b6849e.js" as="script"><link rel="preload" href="/doc/assets/js/2.917402d3.js" as="script"><link rel="preload" href="/doc/assets/js/24.69d1e5e4.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.2d5d3aaa.js"><link rel="prefetch" href="/doc/assets/js/11.db03b544.js"><link rel="prefetch" href="/doc/assets/js/12.d4cc4a96.js"><link rel="prefetch" href="/doc/assets/js/13.9e2d642e.js"><link rel="prefetch" href="/doc/assets/js/14.ea0f3745.js"><link rel="prefetch" href="/doc/assets/js/15.0bec3d88.js"><link rel="prefetch" href="/doc/assets/js/16.7a72453e.js"><link rel="prefetch" href="/doc/assets/js/18.e7ced042.js"><link rel="prefetch" href="/doc/assets/js/19.90149f22.js"><link rel="prefetch" href="/doc/assets/js/20.4781e342.js"><link rel="prefetch" href="/doc/assets/js/21.f426ff47.js"><link rel="prefetch" href="/doc/assets/js/22.0e8b2b46.js"><link rel="prefetch" href="/doc/assets/js/23.83c4ae0b.js"><link rel="prefetch" href="/doc/assets/js/25.e10c3e5e.js"><link rel="prefetch" href="/doc/assets/js/26.c1e8d4c6.js"><link rel="prefetch" href="/doc/assets/js/27.faa6f053.js"><link rel="prefetch" href="/doc/assets/js/28.f591635f.js"><link rel="prefetch" href="/doc/assets/js/3.d2d22c88.js"><link rel="prefetch" href="/doc/assets/js/4.f2ae7e99.js"><link rel="prefetch" href="/doc/assets/js/5.262c1769.js"><link rel="prefetch" href="/doc/assets/js/6.5f53f889.js"><link rel="prefetch" href="/doc/assets/js/7.6b0d225c.js"><link rel="prefetch" href="/doc/assets/js/8.e0652172.js"><link rel="prefetch" href="/doc/assets/js/9.5e6217e4.js">
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.4588b99c.js" as="script"><link rel="preload" href="/doc/assets/js/17.c8b6849e.js" as="script"><link rel="preload" href="/doc/assets/js/2.917402d3.js" as="script"><link rel="preload" href="/doc/assets/js/25.f099e2dd.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.b0d462d3.js"><link rel="prefetch" href="/doc/assets/js/11.df257dc3.js"><link rel="prefetch" href="/doc/assets/js/12.584674f6.js"><link rel="prefetch" href="/doc/assets/js/13.1b1b5748.js"><link rel="prefetch" href="/doc/assets/js/14.ea0f3745.js"><link rel="prefetch" href="/doc/assets/js/15.4eb9c19c.js"><link rel="prefetch" href="/doc/assets/js/16.1b7e6603.js"><link rel="prefetch" href="/doc/assets/js/18.e7ced042.js"><link rel="prefetch" href="/doc/assets/js/19.862b0c76.js"><link rel="prefetch" href="/doc/assets/js/20.4781e342.js"><link rel="prefetch" href="/doc/assets/js/21.f426ff47.js"><link rel="prefetch" href="/doc/assets/js/22.49b6f904.js"><link rel="prefetch" href="/doc/assets/js/23.64cb6fc9.js"><link rel="prefetch" href="/doc/assets/js/24.919a8675.js"><link rel="prefetch" href="/doc/assets/js/26.1d9c2285.js"><link rel="prefetch" href="/doc/assets/js/27.7c57ff72.js"><link rel="prefetch" href="/doc/assets/js/28.ead47ae7.js"><link rel="prefetch" href="/doc/assets/js/29.3a117db5.js"><link rel="prefetch" href="/doc/assets/js/3.d2d22c88.js"><link rel="prefetch" href="/doc/assets/js/4.eddebdfd.js"><link rel="prefetch" href="/doc/assets/js/5.262c1769.js"><link rel="prefetch" href="/doc/assets/js/6.5f53f889.js"><link rel="prefetch" href="/doc/assets/js/7.189d38be.js"><link rel="prefetch" href="/doc/assets/js/8.e0652172.js"><link rel="prefetch" href="/doc/assets/js/9.7e1cf4d5.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.690c58c3.css">
|
||||
</head>
|
||||
<body>
|
||||
@ -28,7 +28,7 @@
|
||||
体验
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="https://github.com/MrXujiang/h5-Dooring" target="_blank" rel="noopener noreferrer" class="nav-link external">
|
||||
github
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/doc/zh/guide/" aria-current="page" class="sidebar-link">基本介绍</a></li><li><a href="/doc/zh/guide/introduced.html" class="sidebar-link">doring如何工作</a></li><li><a href="/doc/zh/guide/startedQuickly.html" class="sidebar-link">快速上手</a></li><li><a href="/doc/zh/guide/directoryStructure.html" class="sidebar-link">目录结构</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>组件开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/componentDev/componentStructure.html" class="sidebar-link">组件结构</a></li><li><a href="/doc/zh/guide/componentDev/DSLAnalysis.html" class="sidebar-link">DSL设计</a></li><li><a href="/doc/zh/guide/componentDev/dynamicLoading.html" class="sidebar-link">动态加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>功能实现</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/functionRealization/templateLibrary.html" class="sidebar-link">模板库</a></li><li><a href="/doc/zh/guide/functionRealization/saveJson.html" class="sidebar-link">保存json</a></li><li><a href="/doc/zh/guide/functionRealization/pagePreview.html" class="sidebar-link">网页预览</a></li><li><a href="/doc/zh/guide/functionRealization/machinePreview.html" class="sidebar-link">真机预览</a></li><li><a href="/doc/zh/guide/functionRealization/revocation.html" class="sidebar-link">撤销/重做</a></li><li><a href="/doc/zh/guide/functionRealization/screenshot.html" class="sidebar-link">截图功能</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>私有化部署和二次开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/deployDev/deploy.html" class="sidebar-link">私有化部署</a></li><li><a href="/doc/zh/guide/deployDev/deploy_v6.html" class="sidebar-link">v6.dooring私有化部署(临时)</a></li><li><a href="/doc/zh/guide/deployDev/https.html" aria-current="page" class="active sidebar-link">支持https</a><ul class="sidebar-sub-headers"></ul></li><li><a href="/doc/zh/guide/deployDev/oss.html" class="sidebar-link">接入第三方oss</a></li><li><a href="/doc/zh/guide/deployDev/api.html" class="sidebar-link">API接口文档</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><p>目前<strong>H5-Dooring</strong>全面支持https部署, 具体方式方案如下.</p> <h3 id="前端工程"><a href="#前端工程" class="header-anchor">#</a> 前端工程</h3> <p>我们需要在前端工程中的<code>src/pages/document.ejs</code>中的<code>head</code>中添加如下代码:</p> <div class="language-html extra-class"><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>meta</span> <span class="token attr-name">http-equiv</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Content-Security-Policy<span class="token punctuation">"</span></span> <span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>upgrade-insecure-requests<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/doc/zh/guide/" aria-current="page" class="sidebar-link">基本介绍</a></li><li><a href="/doc/zh/guide/introduced.html" class="sidebar-link">doring如何工作</a></li><li><a href="/doc/zh/guide/startedQuickly.html" class="sidebar-link">快速上手</a></li><li><a href="/doc/zh/guide/directoryStructure.html" class="sidebar-link">目录结构</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>组件开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/componentDev/componentStructure.html" class="sidebar-link">组件结构</a></li><li><a href="/doc/zh/guide/componentDev/DSLAnalysis.html" class="sidebar-link">DSL设计</a></li><li><a href="/doc/zh/guide/componentDev/dynamicLoading.html" class="sidebar-link">动态加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>功能实现</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/functionRealization/templateLibrary.html" class="sidebar-link">模板库</a></li><li><a href="/doc/zh/guide/functionRealization/saveJson.html" class="sidebar-link">保存json</a></li><li><a href="/doc/zh/guide/functionRealization/pagePreview.html" class="sidebar-link">网页预览</a></li><li><a href="/doc/zh/guide/functionRealization/machinePreview.html" class="sidebar-link">真机预览</a></li><li><a href="/doc/zh/guide/functionRealization/revocation.html" class="sidebar-link">撤销/重做</a></li><li><a href="/doc/zh/guide/functionRealization/screenshot.html" class="sidebar-link">截图功能</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>私有化部署和二次开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/deployDev/deploy.html" class="sidebar-link">私有化部署</a></li><li><a href="/doc/zh/guide/deployDev/deploy_v6.html" class="sidebar-link">v6.dooring私有化部署(临时)</a></li><li><a href="/doc/zh/guide/deployDev/dir.html" class="sidebar-link">服务端数据说明</a></li><li><a href="/doc/zh/guide/deployDev/https.html" aria-current="page" class="active sidebar-link">支持https</a><ul class="sidebar-sub-headers"></ul></li><li><a href="/doc/zh/guide/deployDev/oss.html" class="sidebar-link">接入第三方oss</a></li><li><a href="/doc/zh/guide/deployDev/api.html" class="sidebar-link">API接口文档</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><p>目前<strong>H5-Dooring</strong>全面支持https部署, 具体方式方案如下.</p> <h3 id="前端工程"><a href="#前端工程" class="header-anchor">#</a> 前端工程</h3> <p>我们需要在前端工程中的<code>src/pages/document.ejs</code>中的<code>head</code>中添加如下代码:</p> <div class="language-html extra-class"><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>meta</span> <span class="token attr-name">http-equiv</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Content-Security-Policy<span class="token punctuation">"</span></span> <span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>upgrade-insecure-requests<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
</code></pre></div><p>目的是强制将页面中HTTP请求转换为HTTPS.</p> <h3 id="服务器工程"><a href="#服务器工程" class="header-anchor">#</a> 服务器工程</h3> <h4 id="_1-申请ssl证书"><a href="#_1-申请ssl证书" class="header-anchor">#</a> 1. 申请SSL证书</h4> <h4 id="_2-生成-server-csr-server-key"><a href="#_2-生成-server-csr-server-key" class="header-anchor">#</a> 2. 生成 server.csr+server.key</h4> <h4 id="_3-通过证书链生成-pem文件"><a href="#_3-通过证书链生成-pem文件" class="header-anchor">#</a> 3. 通过证书链生成.pem文件</h4> <h4 id="在server中的src-index-js按如下方式修改"><a href="#在server中的src-index-js按如下方式修改" class="header-anchor">#</a> 在<code>server</code>中的<code>src/index.js</code>按如下方式修改</h4> <div class="language-js extra-class"><pre class="language-js"><code><span class="token comment">// 忽略部分无影响代码</span>
|
||||
<span class="token keyword">import</span> https <span class="token keyword">from</span> <span class="token string">'https'</span><span class="token punctuation">;</span>
|
||||
|
||||
@ -59,13 +59,13 @@
|
||||
<span class="token function">start</span><span class="token punctuation">(</span><span class="token punctuation">)</span>
|
||||
</code></pre></div></div> <footer class="page-edit"><!----> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">1/31/2021, 1:25:02 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
|
||||
←
|
||||
<a href="/doc/zh/guide/deployDev/deploy_v6.html" class="prev">
|
||||
v6.dooring私有化部署(临时)
|
||||
<a href="/doc/zh/guide/deployDev/dir.html" class="prev">
|
||||
服务端数据说明
|
||||
</a></span> <span class="next"><a href="/doc/zh/guide/deployDev/oss.html">
|
||||
接入第三方oss
|
||||
</a>
|
||||
→
|
||||
</span></p></div> </main></div><div class="global-ui"></div></div>
|
||||
<script src="/doc/assets/js/app.7f190420.js" defer></script><script src="/doc/assets/js/17.c8b6849e.js" defer></script><script src="/doc/assets/js/2.917402d3.js" defer></script><script src="/doc/assets/js/24.69d1e5e4.js" defer></script>
|
||||
<script src="/doc/assets/js/app.4588b99c.js" defer></script><script src="/doc/assets/js/17.c8b6849e.js" defer></script><script src="/doc/assets/js/2.917402d3.js" defer></script><script src="/doc/assets/js/25.f099e2dd.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -8,7 +8,7 @@
|
||||
|
||||
<meta name="description" content="">
|
||||
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.7f190420.js" as="script"><link rel="preload" href="/doc/assets/js/17.c8b6849e.js" as="script"><link rel="preload" href="/doc/assets/js/2.917402d3.js" as="script"><link rel="preload" href="/doc/assets/js/25.e10c3e5e.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.2d5d3aaa.js"><link rel="prefetch" href="/doc/assets/js/11.db03b544.js"><link rel="prefetch" href="/doc/assets/js/12.d4cc4a96.js"><link rel="prefetch" href="/doc/assets/js/13.9e2d642e.js"><link rel="prefetch" href="/doc/assets/js/14.ea0f3745.js"><link rel="prefetch" href="/doc/assets/js/15.0bec3d88.js"><link rel="prefetch" href="/doc/assets/js/16.7a72453e.js"><link rel="prefetch" href="/doc/assets/js/18.e7ced042.js"><link rel="prefetch" href="/doc/assets/js/19.90149f22.js"><link rel="prefetch" href="/doc/assets/js/20.4781e342.js"><link rel="prefetch" href="/doc/assets/js/21.f426ff47.js"><link rel="prefetch" href="/doc/assets/js/22.0e8b2b46.js"><link rel="prefetch" href="/doc/assets/js/23.83c4ae0b.js"><link rel="prefetch" href="/doc/assets/js/24.69d1e5e4.js"><link rel="prefetch" href="/doc/assets/js/26.c1e8d4c6.js"><link rel="prefetch" href="/doc/assets/js/27.faa6f053.js"><link rel="prefetch" href="/doc/assets/js/28.f591635f.js"><link rel="prefetch" href="/doc/assets/js/3.d2d22c88.js"><link rel="prefetch" href="/doc/assets/js/4.f2ae7e99.js"><link rel="prefetch" href="/doc/assets/js/5.262c1769.js"><link rel="prefetch" href="/doc/assets/js/6.5f53f889.js"><link rel="prefetch" href="/doc/assets/js/7.6b0d225c.js"><link rel="prefetch" href="/doc/assets/js/8.e0652172.js"><link rel="prefetch" href="/doc/assets/js/9.5e6217e4.js">
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.4588b99c.js" as="script"><link rel="preload" href="/doc/assets/js/17.c8b6849e.js" as="script"><link rel="preload" href="/doc/assets/js/2.917402d3.js" as="script"><link rel="preload" href="/doc/assets/js/26.1d9c2285.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.b0d462d3.js"><link rel="prefetch" href="/doc/assets/js/11.df257dc3.js"><link rel="prefetch" href="/doc/assets/js/12.584674f6.js"><link rel="prefetch" href="/doc/assets/js/13.1b1b5748.js"><link rel="prefetch" href="/doc/assets/js/14.ea0f3745.js"><link rel="prefetch" href="/doc/assets/js/15.4eb9c19c.js"><link rel="prefetch" href="/doc/assets/js/16.1b7e6603.js"><link rel="prefetch" href="/doc/assets/js/18.e7ced042.js"><link rel="prefetch" href="/doc/assets/js/19.862b0c76.js"><link rel="prefetch" href="/doc/assets/js/20.4781e342.js"><link rel="prefetch" href="/doc/assets/js/21.f426ff47.js"><link rel="prefetch" href="/doc/assets/js/22.49b6f904.js"><link rel="prefetch" href="/doc/assets/js/23.64cb6fc9.js"><link rel="prefetch" href="/doc/assets/js/24.919a8675.js"><link rel="prefetch" href="/doc/assets/js/25.f099e2dd.js"><link rel="prefetch" href="/doc/assets/js/27.7c57ff72.js"><link rel="prefetch" href="/doc/assets/js/28.ead47ae7.js"><link rel="prefetch" href="/doc/assets/js/29.3a117db5.js"><link rel="prefetch" href="/doc/assets/js/3.d2d22c88.js"><link rel="prefetch" href="/doc/assets/js/4.eddebdfd.js"><link rel="prefetch" href="/doc/assets/js/5.262c1769.js"><link rel="prefetch" href="/doc/assets/js/6.5f53f889.js"><link rel="prefetch" href="/doc/assets/js/7.189d38be.js"><link rel="prefetch" href="/doc/assets/js/8.e0652172.js"><link rel="prefetch" href="/doc/assets/js/9.7e1cf4d5.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.690c58c3.css">
|
||||
</head>
|
||||
<body>
|
||||
@ -28,7 +28,7 @@
|
||||
体验
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="https://github.com/MrXujiang/h5-Dooring" target="_blank" rel="noopener noreferrer" class="nav-link external">
|
||||
github
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/doc/zh/guide/" aria-current="page" class="sidebar-link">基本介绍</a></li><li><a href="/doc/zh/guide/introduced.html" class="sidebar-link">doring如何工作</a></li><li><a href="/doc/zh/guide/startedQuickly.html" class="sidebar-link">快速上手</a></li><li><a href="/doc/zh/guide/directoryStructure.html" class="sidebar-link">目录结构</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>组件开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/componentDev/componentStructure.html" class="sidebar-link">组件结构</a></li><li><a href="/doc/zh/guide/componentDev/DSLAnalysis.html" class="sidebar-link">DSL设计</a></li><li><a href="/doc/zh/guide/componentDev/dynamicLoading.html" class="sidebar-link">动态加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>功能实现</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/functionRealization/templateLibrary.html" class="sidebar-link">模板库</a></li><li><a href="/doc/zh/guide/functionRealization/saveJson.html" class="sidebar-link">保存json</a></li><li><a href="/doc/zh/guide/functionRealization/pagePreview.html" class="sidebar-link">网页预览</a></li><li><a href="/doc/zh/guide/functionRealization/machinePreview.html" class="sidebar-link">真机预览</a></li><li><a href="/doc/zh/guide/functionRealization/revocation.html" class="sidebar-link">撤销/重做</a></li><li><a href="/doc/zh/guide/functionRealization/screenshot.html" class="sidebar-link">截图功能</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>私有化部署和二次开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/deployDev/deploy.html" class="sidebar-link">私有化部署</a></li><li><a href="/doc/zh/guide/deployDev/deploy_v6.html" class="sidebar-link">v6.dooring私有化部署(临时)</a></li><li><a href="/doc/zh/guide/deployDev/https.html" class="sidebar-link">支持https</a></li><li><a href="/doc/zh/guide/deployDev/oss.html" aria-current="page" class="active sidebar-link">接入第三方oss</a><ul class="sidebar-sub-headers"></ul></li><li><a href="/doc/zh/guide/deployDev/api.html" class="sidebar-link">API接口文档</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><p><strong>H5-Dooring</strong>全面支持第三方对象存储服务, 我们以七牛云对象存储为例.</p> <h3 id="前端上传文件到oss"><a href="#前端上传文件到oss" class="header-anchor">#</a> 前端上传文件到oss</h3> <p>首先我们需要在第三方对象储存服务中配置对应的服务和域名. 其次安装对应的sdk, 如七牛云sdk:</p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token keyword">import</span> <span class="token operator">*</span> <span class="token keyword">as</span> qiniu <span class="token keyword">from</span> <span class="token string">'qiniu-js'</span><span class="token punctuation">;</span>
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/doc/zh/guide/" aria-current="page" class="sidebar-link">基本介绍</a></li><li><a href="/doc/zh/guide/introduced.html" class="sidebar-link">doring如何工作</a></li><li><a href="/doc/zh/guide/startedQuickly.html" class="sidebar-link">快速上手</a></li><li><a href="/doc/zh/guide/directoryStructure.html" class="sidebar-link">目录结构</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>组件开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/componentDev/componentStructure.html" class="sidebar-link">组件结构</a></li><li><a href="/doc/zh/guide/componentDev/DSLAnalysis.html" class="sidebar-link">DSL设计</a></li><li><a href="/doc/zh/guide/componentDev/dynamicLoading.html" class="sidebar-link">动态加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>功能实现</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/functionRealization/templateLibrary.html" class="sidebar-link">模板库</a></li><li><a href="/doc/zh/guide/functionRealization/saveJson.html" class="sidebar-link">保存json</a></li><li><a href="/doc/zh/guide/functionRealization/pagePreview.html" class="sidebar-link">网页预览</a></li><li><a href="/doc/zh/guide/functionRealization/machinePreview.html" class="sidebar-link">真机预览</a></li><li><a href="/doc/zh/guide/functionRealization/revocation.html" class="sidebar-link">撤销/重做</a></li><li><a href="/doc/zh/guide/functionRealization/screenshot.html" class="sidebar-link">截图功能</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>私有化部署和二次开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/deployDev/deploy.html" class="sidebar-link">私有化部署</a></li><li><a href="/doc/zh/guide/deployDev/deploy_v6.html" class="sidebar-link">v6.dooring私有化部署(临时)</a></li><li><a href="/doc/zh/guide/deployDev/dir.html" class="sidebar-link">服务端数据说明</a></li><li><a href="/doc/zh/guide/deployDev/https.html" class="sidebar-link">支持https</a></li><li><a href="/doc/zh/guide/deployDev/oss.html" aria-current="page" class="active sidebar-link">接入第三方oss</a><ul class="sidebar-sub-headers"></ul></li><li><a href="/doc/zh/guide/deployDev/api.html" class="sidebar-link">API接口文档</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><p><strong>H5-Dooring</strong>全面支持第三方对象存储服务, 我们以七牛云对象存储为例.</p> <h3 id="前端上传文件到oss"><a href="#前端上传文件到oss" class="header-anchor">#</a> 前端上传文件到oss</h3> <p>首先我们需要在第三方对象储存服务中配置对应的服务和域名. 其次安装对应的sdk, 如七牛云sdk:</p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token keyword">import</span> <span class="token operator">*</span> <span class="token keyword">as</span> qiniu <span class="token keyword">from</span> <span class="token string">'qiniu-js'</span><span class="token punctuation">;</span>
|
||||
</code></pre></div><p>其次我们修改<code>h5_plus</code>工程的<code>Upload</code>组件, 详细地址为<code>src/core/FormComponents/Upload</code>.</p> <p>修改内容如下:</p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token keyword">const</span> fileName <span class="token operator">=</span> file<span class="token punctuation">.</span>name
|
||||
<span class="token keyword">const</span> suffix <span class="token operator">=</span> <span class="token string">'自定义文件后缀'</span>
|
||||
<span class="token keyword">const</span> putExtra <span class="token operator">=</span> <span class="token punctuation">{</span>
|
||||
@ -58,6 +58,6 @@ observe<span class="token punctuation">.</span><span class="token function">subs
|
||||
</a>
|
||||
→
|
||||
</span></p></div> </main></div><div class="global-ui"></div></div>
|
||||
<script src="/doc/assets/js/app.7f190420.js" defer></script><script src="/doc/assets/js/17.c8b6849e.js" defer></script><script src="/doc/assets/js/2.917402d3.js" defer></script><script src="/doc/assets/js/25.e10c3e5e.js" defer></script>
|
||||
<script src="/doc/assets/js/app.4588b99c.js" defer></script><script src="/doc/assets/js/17.c8b6849e.js" defer></script><script src="/doc/assets/js/2.917402d3.js" defer></script><script src="/doc/assets/js/26.1d9c2285.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -8,7 +8,7 @@
|
||||
|
||||
<meta name="description" content="">
|
||||
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.7f190420.js" as="script"><link rel="preload" href="/doc/assets/js/17.c8b6849e.js" as="script"><link rel="preload" href="/doc/assets/js/2.917402d3.js" as="script"><link rel="preload" href="/doc/assets/js/26.c1e8d4c6.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.2d5d3aaa.js"><link rel="prefetch" href="/doc/assets/js/11.db03b544.js"><link rel="prefetch" href="/doc/assets/js/12.d4cc4a96.js"><link rel="prefetch" href="/doc/assets/js/13.9e2d642e.js"><link rel="prefetch" href="/doc/assets/js/14.ea0f3745.js"><link rel="prefetch" href="/doc/assets/js/15.0bec3d88.js"><link rel="prefetch" href="/doc/assets/js/16.7a72453e.js"><link rel="prefetch" href="/doc/assets/js/18.e7ced042.js"><link rel="prefetch" href="/doc/assets/js/19.90149f22.js"><link rel="prefetch" href="/doc/assets/js/20.4781e342.js"><link rel="prefetch" href="/doc/assets/js/21.f426ff47.js"><link rel="prefetch" href="/doc/assets/js/22.0e8b2b46.js"><link rel="prefetch" href="/doc/assets/js/23.83c4ae0b.js"><link rel="prefetch" href="/doc/assets/js/24.69d1e5e4.js"><link rel="prefetch" href="/doc/assets/js/25.e10c3e5e.js"><link rel="prefetch" href="/doc/assets/js/27.faa6f053.js"><link rel="prefetch" href="/doc/assets/js/28.f591635f.js"><link rel="prefetch" href="/doc/assets/js/3.d2d22c88.js"><link rel="prefetch" href="/doc/assets/js/4.f2ae7e99.js"><link rel="prefetch" href="/doc/assets/js/5.262c1769.js"><link rel="prefetch" href="/doc/assets/js/6.5f53f889.js"><link rel="prefetch" href="/doc/assets/js/7.6b0d225c.js"><link rel="prefetch" href="/doc/assets/js/8.e0652172.js"><link rel="prefetch" href="/doc/assets/js/9.5e6217e4.js">
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.4588b99c.js" as="script"><link rel="preload" href="/doc/assets/js/17.c8b6849e.js" as="script"><link rel="preload" href="/doc/assets/js/2.917402d3.js" as="script"><link rel="preload" href="/doc/assets/js/27.7c57ff72.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.b0d462d3.js"><link rel="prefetch" href="/doc/assets/js/11.df257dc3.js"><link rel="prefetch" href="/doc/assets/js/12.584674f6.js"><link rel="prefetch" href="/doc/assets/js/13.1b1b5748.js"><link rel="prefetch" href="/doc/assets/js/14.ea0f3745.js"><link rel="prefetch" href="/doc/assets/js/15.4eb9c19c.js"><link rel="prefetch" href="/doc/assets/js/16.1b7e6603.js"><link rel="prefetch" href="/doc/assets/js/18.e7ced042.js"><link rel="prefetch" href="/doc/assets/js/19.862b0c76.js"><link rel="prefetch" href="/doc/assets/js/20.4781e342.js"><link rel="prefetch" href="/doc/assets/js/21.f426ff47.js"><link rel="prefetch" href="/doc/assets/js/22.49b6f904.js"><link rel="prefetch" href="/doc/assets/js/23.64cb6fc9.js"><link rel="prefetch" href="/doc/assets/js/24.919a8675.js"><link rel="prefetch" href="/doc/assets/js/25.f099e2dd.js"><link rel="prefetch" href="/doc/assets/js/26.1d9c2285.js"><link rel="prefetch" href="/doc/assets/js/28.ead47ae7.js"><link rel="prefetch" href="/doc/assets/js/29.3a117db5.js"><link rel="prefetch" href="/doc/assets/js/3.d2d22c88.js"><link rel="prefetch" href="/doc/assets/js/4.eddebdfd.js"><link rel="prefetch" href="/doc/assets/js/5.262c1769.js"><link rel="prefetch" href="/doc/assets/js/6.5f53f889.js"><link rel="prefetch" href="/doc/assets/js/7.189d38be.js"><link rel="prefetch" href="/doc/assets/js/8.e0652172.js"><link rel="prefetch" href="/doc/assets/js/9.7e1cf4d5.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.690c58c3.css">
|
||||
</head>
|
||||
<body>
|
||||
@ -28,7 +28,7 @@
|
||||
体验
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="https://github.com/MrXujiang/h5-Dooring" target="_blank" rel="noopener noreferrer" class="nav-link external">
|
||||
github
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/doc/zh/guide/" aria-current="page" class="sidebar-link">基本介绍</a></li><li><a href="/doc/zh/guide/introduced.html" class="sidebar-link">doring如何工作</a></li><li><a href="/doc/zh/guide/startedQuickly.html" class="sidebar-link">快速上手</a></li><li><a href="/doc/zh/guide/directoryStructure.html" aria-current="page" class="active sidebar-link">目录结构</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>组件开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/componentDev/componentStructure.html" class="sidebar-link">组件结构</a></li><li><a href="/doc/zh/guide/componentDev/DSLAnalysis.html" class="sidebar-link">DSL设计</a></li><li><a href="/doc/zh/guide/componentDev/dynamicLoading.html" class="sidebar-link">动态加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>功能实现</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/functionRealization/templateLibrary.html" class="sidebar-link">模板库</a></li><li><a href="/doc/zh/guide/functionRealization/saveJson.html" class="sidebar-link">保存json</a></li><li><a href="/doc/zh/guide/functionRealization/pagePreview.html" class="sidebar-link">网页预览</a></li><li><a href="/doc/zh/guide/functionRealization/machinePreview.html" class="sidebar-link">真机预览</a></li><li><a href="/doc/zh/guide/functionRealization/revocation.html" class="sidebar-link">撤销/重做</a></li><li><a href="/doc/zh/guide/functionRealization/screenshot.html" class="sidebar-link">截图功能</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>私有化部署和二次开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/deployDev/deploy.html" class="sidebar-link">私有化部署</a></li><li><a href="/doc/zh/guide/deployDev/deploy_v6.html" class="sidebar-link">v6.dooring私有化部署(临时)</a></li><li><a href="/doc/zh/guide/deployDev/https.html" class="sidebar-link">支持https</a></li><li><a href="/doc/zh/guide/deployDev/oss.html" class="sidebar-link">接入第三方oss</a></li><li><a href="/doc/zh/guide/deployDev/api.html" class="sidebar-link">API接口文档</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><div class="language- extra-class"><pre class="language-text"><code>src
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/doc/zh/guide/" aria-current="page" class="sidebar-link">基本介绍</a></li><li><a href="/doc/zh/guide/introduced.html" class="sidebar-link">doring如何工作</a></li><li><a href="/doc/zh/guide/startedQuickly.html" class="sidebar-link">快速上手</a></li><li><a href="/doc/zh/guide/directoryStructure.html" aria-current="page" class="active sidebar-link">目录结构</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>组件开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/componentDev/componentStructure.html" class="sidebar-link">组件结构</a></li><li><a href="/doc/zh/guide/componentDev/DSLAnalysis.html" class="sidebar-link">DSL设计</a></li><li><a href="/doc/zh/guide/componentDev/dynamicLoading.html" class="sidebar-link">动态加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>功能实现</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/functionRealization/templateLibrary.html" class="sidebar-link">模板库</a></li><li><a href="/doc/zh/guide/functionRealization/saveJson.html" class="sidebar-link">保存json</a></li><li><a href="/doc/zh/guide/functionRealization/pagePreview.html" class="sidebar-link">网页预览</a></li><li><a href="/doc/zh/guide/functionRealization/machinePreview.html" class="sidebar-link">真机预览</a></li><li><a href="/doc/zh/guide/functionRealization/revocation.html" class="sidebar-link">撤销/重做</a></li><li><a href="/doc/zh/guide/functionRealization/screenshot.html" class="sidebar-link">截图功能</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>私有化部署和二次开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/deployDev/deploy.html" class="sidebar-link">私有化部署</a></li><li><a href="/doc/zh/guide/deployDev/deploy_v6.html" class="sidebar-link">v6.dooring私有化部署(临时)</a></li><li><a href="/doc/zh/guide/deployDev/dir.html" class="sidebar-link">服务端数据说明</a></li><li><a href="/doc/zh/guide/deployDev/https.html" class="sidebar-link">支持https</a></li><li><a href="/doc/zh/guide/deployDev/oss.html" class="sidebar-link">接入第三方oss</a></li><li><a href="/doc/zh/guide/deployDev/api.html" class="sidebar-link">API接口文档</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><div class="language- extra-class"><pre class="language-text"><code>src
|
||||
├─ assets
|
||||
│ ├─ header.png
|
||||
│ ├─ form.png
|
||||
@ -322,6 +322,6 @@
|
||||
</a>
|
||||
→
|
||||
</span></p></div> </main></div><div class="global-ui"></div></div>
|
||||
<script src="/doc/assets/js/app.7f190420.js" defer></script><script src="/doc/assets/js/17.c8b6849e.js" defer></script><script src="/doc/assets/js/2.917402d3.js" defer></script><script src="/doc/assets/js/26.c1e8d4c6.js" defer></script>
|
||||
<script src="/doc/assets/js/app.4588b99c.js" defer></script><script src="/doc/assets/js/17.c8b6849e.js" defer></script><script src="/doc/assets/js/2.917402d3.js" defer></script><script src="/doc/assets/js/27.7c57ff72.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -8,7 +8,7 @@
|
||||
|
||||
<meta name="description" content="">
|
||||
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.7f190420.js" as="script"><link rel="preload" href="/doc/assets/js/17.c8b6849e.js" as="script"><link rel="preload" href="/doc/assets/js/2.917402d3.js" as="script"><link rel="preload" href="/doc/assets/js/13.9e2d642e.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.2d5d3aaa.js"><link rel="prefetch" href="/doc/assets/js/11.db03b544.js"><link rel="prefetch" href="/doc/assets/js/12.d4cc4a96.js"><link rel="prefetch" href="/doc/assets/js/14.ea0f3745.js"><link rel="prefetch" href="/doc/assets/js/15.0bec3d88.js"><link rel="prefetch" href="/doc/assets/js/16.7a72453e.js"><link rel="prefetch" href="/doc/assets/js/18.e7ced042.js"><link rel="prefetch" href="/doc/assets/js/19.90149f22.js"><link rel="prefetch" href="/doc/assets/js/20.4781e342.js"><link rel="prefetch" href="/doc/assets/js/21.f426ff47.js"><link rel="prefetch" href="/doc/assets/js/22.0e8b2b46.js"><link rel="prefetch" href="/doc/assets/js/23.83c4ae0b.js"><link rel="prefetch" href="/doc/assets/js/24.69d1e5e4.js"><link rel="prefetch" href="/doc/assets/js/25.e10c3e5e.js"><link rel="prefetch" href="/doc/assets/js/26.c1e8d4c6.js"><link rel="prefetch" href="/doc/assets/js/27.faa6f053.js"><link rel="prefetch" href="/doc/assets/js/28.f591635f.js"><link rel="prefetch" href="/doc/assets/js/3.d2d22c88.js"><link rel="prefetch" href="/doc/assets/js/4.f2ae7e99.js"><link rel="prefetch" href="/doc/assets/js/5.262c1769.js"><link rel="prefetch" href="/doc/assets/js/6.5f53f889.js"><link rel="prefetch" href="/doc/assets/js/7.6b0d225c.js"><link rel="prefetch" href="/doc/assets/js/8.e0652172.js"><link rel="prefetch" href="/doc/assets/js/9.5e6217e4.js">
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.4588b99c.js" as="script"><link rel="preload" href="/doc/assets/js/17.c8b6849e.js" as="script"><link rel="preload" href="/doc/assets/js/2.917402d3.js" as="script"><link rel="preload" href="/doc/assets/js/13.1b1b5748.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.b0d462d3.js"><link rel="prefetch" href="/doc/assets/js/11.df257dc3.js"><link rel="prefetch" href="/doc/assets/js/12.584674f6.js"><link rel="prefetch" href="/doc/assets/js/14.ea0f3745.js"><link rel="prefetch" href="/doc/assets/js/15.4eb9c19c.js"><link rel="prefetch" href="/doc/assets/js/16.1b7e6603.js"><link rel="prefetch" href="/doc/assets/js/18.e7ced042.js"><link rel="prefetch" href="/doc/assets/js/19.862b0c76.js"><link rel="prefetch" href="/doc/assets/js/20.4781e342.js"><link rel="prefetch" href="/doc/assets/js/21.f426ff47.js"><link rel="prefetch" href="/doc/assets/js/22.49b6f904.js"><link rel="prefetch" href="/doc/assets/js/23.64cb6fc9.js"><link rel="prefetch" href="/doc/assets/js/24.919a8675.js"><link rel="prefetch" href="/doc/assets/js/25.f099e2dd.js"><link rel="prefetch" href="/doc/assets/js/26.1d9c2285.js"><link rel="prefetch" href="/doc/assets/js/27.7c57ff72.js"><link rel="prefetch" href="/doc/assets/js/28.ead47ae7.js"><link rel="prefetch" href="/doc/assets/js/29.3a117db5.js"><link rel="prefetch" href="/doc/assets/js/3.d2d22c88.js"><link rel="prefetch" href="/doc/assets/js/4.eddebdfd.js"><link rel="prefetch" href="/doc/assets/js/5.262c1769.js"><link rel="prefetch" href="/doc/assets/js/6.5f53f889.js"><link rel="prefetch" href="/doc/assets/js/7.189d38be.js"><link rel="prefetch" href="/doc/assets/js/8.e0652172.js"><link rel="prefetch" href="/doc/assets/js/9.7e1cf4d5.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.690c58c3.css">
|
||||
</head>
|
||||
<body>
|
||||
@ -28,7 +28,7 @@
|
||||
体验
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="https://github.com/MrXujiang/h5-Dooring" target="_blank" rel="noopener noreferrer" class="nav-link external">
|
||||
github
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/doc/zh/guide/" aria-current="page" class="sidebar-link">基本介绍</a></li><li><a href="/doc/zh/guide/introduced.html" class="sidebar-link">doring如何工作</a></li><li><a href="/doc/zh/guide/startedQuickly.html" class="sidebar-link">快速上手</a></li><li><a href="/doc/zh/guide/directoryStructure.html" class="sidebar-link">目录结构</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>组件开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/componentDev/componentStructure.html" class="sidebar-link">组件结构</a></li><li><a href="/doc/zh/guide/componentDev/DSLAnalysis.html" class="sidebar-link">DSL设计</a></li><li><a href="/doc/zh/guide/componentDev/dynamicLoading.html" class="sidebar-link">动态加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>功能实现</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/functionRealization/templateLibrary.html" class="sidebar-link">模板库</a></li><li><a href="/doc/zh/guide/functionRealization/saveJson.html" class="sidebar-link">保存json</a></li><li><a href="/doc/zh/guide/functionRealization/pagePreview.html" class="sidebar-link">网页预览</a></li><li><a href="/doc/zh/guide/functionRealization/machinePreview.html" aria-current="page" class="active sidebar-link">真机预览</a></li><li><a href="/doc/zh/guide/functionRealization/revocation.html" class="sidebar-link">撤销/重做</a></li><li><a href="/doc/zh/guide/functionRealization/screenshot.html" class="sidebar-link">截图功能</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>私有化部署和二次开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/deployDev/deploy.html" class="sidebar-link">私有化部署</a></li><li><a href="/doc/zh/guide/deployDev/deploy_v6.html" class="sidebar-link">v6.dooring私有化部署(临时)</a></li><li><a href="/doc/zh/guide/deployDev/https.html" class="sidebar-link">支持https</a></li><li><a href="/doc/zh/guide/deployDev/oss.html" class="sidebar-link">接入第三方oss</a></li><li><a href="/doc/zh/guide/deployDev/api.html" class="sidebar-link">API接口文档</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="真机预览"><a href="#真机预览" class="header-anchor">#</a> 真机预览</h1> <p>真机预览和网页预览的流程类似，工作流程如下：</p> <img src="/doc/assets/img/preview-machine.895a0711.png" alt="foo"> <p>由于不同机型预览的效果有些许不同，最终效果以实际看到的为主。</p></div> <footer class="page-edit"><!----> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">1/17/2021, 9:57:34 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/doc/zh/guide/" aria-current="page" class="sidebar-link">基本介绍</a></li><li><a href="/doc/zh/guide/introduced.html" class="sidebar-link">doring如何工作</a></li><li><a href="/doc/zh/guide/startedQuickly.html" class="sidebar-link">快速上手</a></li><li><a href="/doc/zh/guide/directoryStructure.html" class="sidebar-link">目录结构</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>组件开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/componentDev/componentStructure.html" class="sidebar-link">组件结构</a></li><li><a href="/doc/zh/guide/componentDev/DSLAnalysis.html" class="sidebar-link">DSL设计</a></li><li><a href="/doc/zh/guide/componentDev/dynamicLoading.html" class="sidebar-link">动态加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>功能实现</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/functionRealization/templateLibrary.html" class="sidebar-link">模板库</a></li><li><a href="/doc/zh/guide/functionRealization/saveJson.html" class="sidebar-link">保存json</a></li><li><a href="/doc/zh/guide/functionRealization/pagePreview.html" class="sidebar-link">网页预览</a></li><li><a href="/doc/zh/guide/functionRealization/machinePreview.html" aria-current="page" class="active sidebar-link">真机预览</a></li><li><a href="/doc/zh/guide/functionRealization/revocation.html" class="sidebar-link">撤销/重做</a></li><li><a href="/doc/zh/guide/functionRealization/screenshot.html" class="sidebar-link">截图功能</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>私有化部署和二次开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/deployDev/deploy.html" class="sidebar-link">私有化部署</a></li><li><a href="/doc/zh/guide/deployDev/deploy_v6.html" class="sidebar-link">v6.dooring私有化部署(临时)</a></li><li><a href="/doc/zh/guide/deployDev/dir.html" class="sidebar-link">服务端数据说明</a></li><li><a href="/doc/zh/guide/deployDev/https.html" class="sidebar-link">支持https</a></li><li><a href="/doc/zh/guide/deployDev/oss.html" class="sidebar-link">接入第三方oss</a></li><li><a href="/doc/zh/guide/deployDev/api.html" class="sidebar-link">API接口文档</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="真机预览"><a href="#真机预览" class="header-anchor">#</a> 真机预览</h1> <p>真机预览和网页预览的流程类似，工作流程如下：</p> <img src="/doc/assets/img/preview-machine.895a0711.png" alt="foo"> <p>由于不同机型预览的效果有些许不同，最终效果以实际看到的为主。</p></div> <footer class="page-edit"><!----> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">1/17/2021, 9:57:34 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
|
||||
←
|
||||
<a href="/doc/zh/guide/functionRealization/pagePreview.html" class="prev">
|
||||
网页预览
|
||||
@ -37,6 +37,6 @@
|
||||
</a>
|
||||
→
|
||||
</span></p></div> </main></div><div class="global-ui"></div></div>
|
||||
<script src="/doc/assets/js/app.7f190420.js" defer></script><script src="/doc/assets/js/17.c8b6849e.js" defer></script><script src="/doc/assets/js/2.917402d3.js" defer></script><script src="/doc/assets/js/13.9e2d642e.js" defer></script>
|
||||
<script src="/doc/assets/js/app.4588b99c.js" defer></script><script src="/doc/assets/js/17.c8b6849e.js" defer></script><script src="/doc/assets/js/2.917402d3.js" defer></script><script src="/doc/assets/js/13.1b1b5748.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -8,7 +8,7 @@
|
||||
|
||||
<meta name="description" content="">
|
||||
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.7f190420.js" as="script"><link rel="preload" href="/doc/assets/js/17.c8b6849e.js" as="script"><link rel="preload" href="/doc/assets/js/2.917402d3.js" as="script"><link rel="preload" href="/doc/assets/js/7.6b0d225c.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.2d5d3aaa.js"><link rel="prefetch" href="/doc/assets/js/11.db03b544.js"><link rel="prefetch" href="/doc/assets/js/12.d4cc4a96.js"><link rel="prefetch" href="/doc/assets/js/13.9e2d642e.js"><link rel="prefetch" href="/doc/assets/js/14.ea0f3745.js"><link rel="prefetch" href="/doc/assets/js/15.0bec3d88.js"><link rel="prefetch" href="/doc/assets/js/16.7a72453e.js"><link rel="prefetch" href="/doc/assets/js/18.e7ced042.js"><link rel="prefetch" href="/doc/assets/js/19.90149f22.js"><link rel="prefetch" href="/doc/assets/js/20.4781e342.js"><link rel="prefetch" href="/doc/assets/js/21.f426ff47.js"><link rel="prefetch" href="/doc/assets/js/22.0e8b2b46.js"><link rel="prefetch" href="/doc/assets/js/23.83c4ae0b.js"><link rel="prefetch" href="/doc/assets/js/24.69d1e5e4.js"><link rel="prefetch" href="/doc/assets/js/25.e10c3e5e.js"><link rel="prefetch" href="/doc/assets/js/26.c1e8d4c6.js"><link rel="prefetch" href="/doc/assets/js/27.faa6f053.js"><link rel="prefetch" href="/doc/assets/js/28.f591635f.js"><link rel="prefetch" href="/doc/assets/js/3.d2d22c88.js"><link rel="prefetch" href="/doc/assets/js/4.f2ae7e99.js"><link rel="prefetch" href="/doc/assets/js/5.262c1769.js"><link rel="prefetch" href="/doc/assets/js/6.5f53f889.js"><link rel="prefetch" href="/doc/assets/js/8.e0652172.js"><link rel="prefetch" href="/doc/assets/js/9.5e6217e4.js">
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.4588b99c.js" as="script"><link rel="preload" href="/doc/assets/js/17.c8b6849e.js" as="script"><link rel="preload" href="/doc/assets/js/2.917402d3.js" as="script"><link rel="preload" href="/doc/assets/js/7.189d38be.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.b0d462d3.js"><link rel="prefetch" href="/doc/assets/js/11.df257dc3.js"><link rel="prefetch" href="/doc/assets/js/12.584674f6.js"><link rel="prefetch" href="/doc/assets/js/13.1b1b5748.js"><link rel="prefetch" href="/doc/assets/js/14.ea0f3745.js"><link rel="prefetch" href="/doc/assets/js/15.4eb9c19c.js"><link rel="prefetch" href="/doc/assets/js/16.1b7e6603.js"><link rel="prefetch" href="/doc/assets/js/18.e7ced042.js"><link rel="prefetch" href="/doc/assets/js/19.862b0c76.js"><link rel="prefetch" href="/doc/assets/js/20.4781e342.js"><link rel="prefetch" href="/doc/assets/js/21.f426ff47.js"><link rel="prefetch" href="/doc/assets/js/22.49b6f904.js"><link rel="prefetch" href="/doc/assets/js/23.64cb6fc9.js"><link rel="prefetch" href="/doc/assets/js/24.919a8675.js"><link rel="prefetch" href="/doc/assets/js/25.f099e2dd.js"><link rel="prefetch" href="/doc/assets/js/26.1d9c2285.js"><link rel="prefetch" href="/doc/assets/js/27.7c57ff72.js"><link rel="prefetch" href="/doc/assets/js/28.ead47ae7.js"><link rel="prefetch" href="/doc/assets/js/29.3a117db5.js"><link rel="prefetch" href="/doc/assets/js/3.d2d22c88.js"><link rel="prefetch" href="/doc/assets/js/4.eddebdfd.js"><link rel="prefetch" href="/doc/assets/js/5.262c1769.js"><link rel="prefetch" href="/doc/assets/js/6.5f53f889.js"><link rel="prefetch" href="/doc/assets/js/8.e0652172.js"><link rel="prefetch" href="/doc/assets/js/9.7e1cf4d5.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.690c58c3.css">
|
||||
</head>
|
||||
<body>
|
||||
@ -28,7 +28,7 @@
|
||||
体验
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="https://github.com/MrXujiang/h5-Dooring" target="_blank" rel="noopener noreferrer" class="nav-link external">
|
||||
github
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/doc/zh/guide/" aria-current="page" class="sidebar-link">基本介绍</a></li><li><a href="/doc/zh/guide/introduced.html" class="sidebar-link">doring如何工作</a></li><li><a href="/doc/zh/guide/startedQuickly.html" class="sidebar-link">快速上手</a></li><li><a href="/doc/zh/guide/directoryStructure.html" class="sidebar-link">目录结构</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>组件开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/componentDev/componentStructure.html" class="sidebar-link">组件结构</a></li><li><a href="/doc/zh/guide/componentDev/DSLAnalysis.html" class="sidebar-link">DSL设计</a></li><li><a href="/doc/zh/guide/componentDev/dynamicLoading.html" class="sidebar-link">动态加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>功能实现</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/functionRealization/templateLibrary.html" class="sidebar-link">模板库</a></li><li><a href="/doc/zh/guide/functionRealization/saveJson.html" class="sidebar-link">保存json</a></li><li><a href="/doc/zh/guide/functionRealization/pagePreview.html" aria-current="page" class="active sidebar-link">网页预览</a></li><li><a href="/doc/zh/guide/functionRealization/machinePreview.html" class="sidebar-link">真机预览</a></li><li><a href="/doc/zh/guide/functionRealization/revocation.html" class="sidebar-link">撤销/重做</a></li><li><a href="/doc/zh/guide/functionRealization/screenshot.html" class="sidebar-link">截图功能</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>私有化部署和二次开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/deployDev/deploy.html" class="sidebar-link">私有化部署</a></li><li><a href="/doc/zh/guide/deployDev/deploy_v6.html" class="sidebar-link">v6.dooring私有化部署(临时)</a></li><li><a href="/doc/zh/guide/deployDev/https.html" class="sidebar-link">支持https</a></li><li><a href="/doc/zh/guide/deployDev/oss.html" class="sidebar-link">接入第三方oss</a></li><li><a href="/doc/zh/guide/deployDev/api.html" class="sidebar-link">API接口文档</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="网页预览"><a href="#网页预览" class="header-anchor">#</a> 网页预览</h1> <p>我们看看网页预览的工作流程：</p> <img src="/doc/assets/img/preview-flow.b37c7798.png" alt="foo"> <p>前端预览界面：</p> <img src="/doc/assets/img/preview-page.3ec86df5.png" alt="foo"></div> <footer class="page-edit"><!----> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">1/17/2021, 9:57:34 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/doc/zh/guide/" aria-current="page" class="sidebar-link">基本介绍</a></li><li><a href="/doc/zh/guide/introduced.html" class="sidebar-link">doring如何工作</a></li><li><a href="/doc/zh/guide/startedQuickly.html" class="sidebar-link">快速上手</a></li><li><a href="/doc/zh/guide/directoryStructure.html" class="sidebar-link">目录结构</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>组件开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/componentDev/componentStructure.html" class="sidebar-link">组件结构</a></li><li><a href="/doc/zh/guide/componentDev/DSLAnalysis.html" class="sidebar-link">DSL设计</a></li><li><a href="/doc/zh/guide/componentDev/dynamicLoading.html" class="sidebar-link">动态加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>功能实现</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/functionRealization/templateLibrary.html" class="sidebar-link">模板库</a></li><li><a href="/doc/zh/guide/functionRealization/saveJson.html" class="sidebar-link">保存json</a></li><li><a href="/doc/zh/guide/functionRealization/pagePreview.html" aria-current="page" class="active sidebar-link">网页预览</a></li><li><a href="/doc/zh/guide/functionRealization/machinePreview.html" class="sidebar-link">真机预览</a></li><li><a href="/doc/zh/guide/functionRealization/revocation.html" class="sidebar-link">撤销/重做</a></li><li><a href="/doc/zh/guide/functionRealization/screenshot.html" class="sidebar-link">截图功能</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>私有化部署和二次开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/deployDev/deploy.html" class="sidebar-link">私有化部署</a></li><li><a href="/doc/zh/guide/deployDev/deploy_v6.html" class="sidebar-link">v6.dooring私有化部署(临时)</a></li><li><a href="/doc/zh/guide/deployDev/dir.html" class="sidebar-link">服务端数据说明</a></li><li><a href="/doc/zh/guide/deployDev/https.html" class="sidebar-link">支持https</a></li><li><a href="/doc/zh/guide/deployDev/oss.html" class="sidebar-link">接入第三方oss</a></li><li><a href="/doc/zh/guide/deployDev/api.html" class="sidebar-link">API接口文档</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="网页预览"><a href="#网页预览" class="header-anchor">#</a> 网页预览</h1> <p>我们看看网页预览的工作流程：</p> <img src="/doc/assets/img/preview-flow.b37c7798.png" alt="foo"> <p>前端预览界面：</p> <img src="/doc/assets/img/preview-page.3ec86df5.png" alt="foo"></div> <footer class="page-edit"><!----> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">1/17/2021, 9:57:34 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
|
||||
←
|
||||
<a href="/doc/zh/guide/functionRealization/saveJson.html" class="prev">
|
||||
保存json
|
||||
@ -37,6 +37,6 @@
|
||||
</a>
|
||||
→
|
||||
</span></p></div> </main></div><div class="global-ui"></div></div>
|
||||
<script src="/doc/assets/js/app.7f190420.js" defer></script><script src="/doc/assets/js/17.c8b6849e.js" defer></script><script src="/doc/assets/js/2.917402d3.js" defer></script><script src="/doc/assets/js/7.6b0d225c.js" defer></script>
|
||||
<script src="/doc/assets/js/app.4588b99c.js" defer></script><script src="/doc/assets/js/17.c8b6849e.js" defer></script><script src="/doc/assets/js/2.917402d3.js" defer></script><script src="/doc/assets/js/7.189d38be.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -8,7 +8,7 @@
|
||||
|
||||
<meta name="description" content="">
|
||||
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.7f190420.js" as="script"><link rel="preload" href="/doc/assets/js/17.c8b6849e.js" as="script"><link rel="preload" href="/doc/assets/js/2.917402d3.js" as="script"><link rel="preload" href="/doc/assets/js/27.faa6f053.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.2d5d3aaa.js"><link rel="prefetch" href="/doc/assets/js/11.db03b544.js"><link rel="prefetch" href="/doc/assets/js/12.d4cc4a96.js"><link rel="prefetch" href="/doc/assets/js/13.9e2d642e.js"><link rel="prefetch" href="/doc/assets/js/14.ea0f3745.js"><link rel="prefetch" href="/doc/assets/js/15.0bec3d88.js"><link rel="prefetch" href="/doc/assets/js/16.7a72453e.js"><link rel="prefetch" href="/doc/assets/js/18.e7ced042.js"><link rel="prefetch" href="/doc/assets/js/19.90149f22.js"><link rel="prefetch" href="/doc/assets/js/20.4781e342.js"><link rel="prefetch" href="/doc/assets/js/21.f426ff47.js"><link rel="prefetch" href="/doc/assets/js/22.0e8b2b46.js"><link rel="prefetch" href="/doc/assets/js/23.83c4ae0b.js"><link rel="prefetch" href="/doc/assets/js/24.69d1e5e4.js"><link rel="prefetch" href="/doc/assets/js/25.e10c3e5e.js"><link rel="prefetch" href="/doc/assets/js/26.c1e8d4c6.js"><link rel="prefetch" href="/doc/assets/js/28.f591635f.js"><link rel="prefetch" href="/doc/assets/js/3.d2d22c88.js"><link rel="prefetch" href="/doc/assets/js/4.f2ae7e99.js"><link rel="prefetch" href="/doc/assets/js/5.262c1769.js"><link rel="prefetch" href="/doc/assets/js/6.5f53f889.js"><link rel="prefetch" href="/doc/assets/js/7.6b0d225c.js"><link rel="prefetch" href="/doc/assets/js/8.e0652172.js"><link rel="prefetch" href="/doc/assets/js/9.5e6217e4.js">
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.4588b99c.js" as="script"><link rel="preload" href="/doc/assets/js/17.c8b6849e.js" as="script"><link rel="preload" href="/doc/assets/js/2.917402d3.js" as="script"><link rel="preload" href="/doc/assets/js/28.ead47ae7.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.b0d462d3.js"><link rel="prefetch" href="/doc/assets/js/11.df257dc3.js"><link rel="prefetch" href="/doc/assets/js/12.584674f6.js"><link rel="prefetch" href="/doc/assets/js/13.1b1b5748.js"><link rel="prefetch" href="/doc/assets/js/14.ea0f3745.js"><link rel="prefetch" href="/doc/assets/js/15.4eb9c19c.js"><link rel="prefetch" href="/doc/assets/js/16.1b7e6603.js"><link rel="prefetch" href="/doc/assets/js/18.e7ced042.js"><link rel="prefetch" href="/doc/assets/js/19.862b0c76.js"><link rel="prefetch" href="/doc/assets/js/20.4781e342.js"><link rel="prefetch" href="/doc/assets/js/21.f426ff47.js"><link rel="prefetch" href="/doc/assets/js/22.49b6f904.js"><link rel="prefetch" href="/doc/assets/js/23.64cb6fc9.js"><link rel="prefetch" href="/doc/assets/js/24.919a8675.js"><link rel="prefetch" href="/doc/assets/js/25.f099e2dd.js"><link rel="prefetch" href="/doc/assets/js/26.1d9c2285.js"><link rel="prefetch" href="/doc/assets/js/27.7c57ff72.js"><link rel="prefetch" href="/doc/assets/js/29.3a117db5.js"><link rel="prefetch" href="/doc/assets/js/3.d2d22c88.js"><link rel="prefetch" href="/doc/assets/js/4.eddebdfd.js"><link rel="prefetch" href="/doc/assets/js/5.262c1769.js"><link rel="prefetch" href="/doc/assets/js/6.5f53f889.js"><link rel="prefetch" href="/doc/assets/js/7.189d38be.js"><link rel="prefetch" href="/doc/assets/js/8.e0652172.js"><link rel="prefetch" href="/doc/assets/js/9.7e1cf4d5.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.690c58c3.css">
|
||||
</head>
|
||||
<body>
|
||||
@ -28,7 +28,7 @@
|
||||
体验
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="https://github.com/MrXujiang/h5-Dooring" target="_blank" rel="noopener noreferrer" class="nav-link external">
|
||||
github
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/doc/zh/guide/" aria-current="page" class="sidebar-link">基本介绍</a></li><li><a href="/doc/zh/guide/introduced.html" class="sidebar-link">doring如何工作</a></li><li><a href="/doc/zh/guide/startedQuickly.html" class="sidebar-link">快速上手</a></li><li><a href="/doc/zh/guide/directoryStructure.html" class="sidebar-link">目录结构</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>组件开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/componentDev/componentStructure.html" class="sidebar-link">组件结构</a></li><li><a href="/doc/zh/guide/componentDev/DSLAnalysis.html" class="sidebar-link">DSL设计</a></li><li><a href="/doc/zh/guide/componentDev/dynamicLoading.html" class="sidebar-link">动态加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>功能实现</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/functionRealization/templateLibrary.html" class="sidebar-link">模板库</a></li><li><a href="/doc/zh/guide/functionRealization/saveJson.html" class="sidebar-link">保存json</a></li><li><a href="/doc/zh/guide/functionRealization/pagePreview.html" class="sidebar-link">网页预览</a></li><li><a href="/doc/zh/guide/functionRealization/machinePreview.html" class="sidebar-link">真机预览</a></li><li><a href="/doc/zh/guide/functionRealization/revocation.html" aria-current="page" class="active sidebar-link">撤销/重做</a></li><li><a href="/doc/zh/guide/functionRealization/screenshot.html" class="sidebar-link">截图功能</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>私有化部署和二次开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/deployDev/deploy.html" class="sidebar-link">私有化部署</a></li><li><a href="/doc/zh/guide/deployDev/deploy_v6.html" class="sidebar-link">v6.dooring私有化部署(临时)</a></li><li><a href="/doc/zh/guide/deployDev/https.html" class="sidebar-link">支持https</a></li><li><a href="/doc/zh/guide/deployDev/oss.html" class="sidebar-link">接入第三方oss</a></li><li><a href="/doc/zh/guide/deployDev/api.html" class="sidebar-link">API接口文档</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="撤销-重做"><a href="#撤销-重做" class="header-anchor">#</a> 撤销/重做</h1> <p>撤销重做我们主要使用了redux-undo这个库，配合Dva使用，具体使用方法参考如下操作：</p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token keyword">import</span> <span class="token punctuation">{</span> createLogger <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'redux-logger'</span><span class="token punctuation">;</span>
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/doc/zh/guide/" aria-current="page" class="sidebar-link">基本介绍</a></li><li><a href="/doc/zh/guide/introduced.html" class="sidebar-link">doring如何工作</a></li><li><a href="/doc/zh/guide/startedQuickly.html" class="sidebar-link">快速上手</a></li><li><a href="/doc/zh/guide/directoryStructure.html" class="sidebar-link">目录结构</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>组件开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/componentDev/componentStructure.html" class="sidebar-link">组件结构</a></li><li><a href="/doc/zh/guide/componentDev/DSLAnalysis.html" class="sidebar-link">DSL设计</a></li><li><a href="/doc/zh/guide/componentDev/dynamicLoading.html" class="sidebar-link">动态加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>功能实现</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/functionRealization/templateLibrary.html" class="sidebar-link">模板库</a></li><li><a href="/doc/zh/guide/functionRealization/saveJson.html" class="sidebar-link">保存json</a></li><li><a href="/doc/zh/guide/functionRealization/pagePreview.html" class="sidebar-link">网页预览</a></li><li><a href="/doc/zh/guide/functionRealization/machinePreview.html" class="sidebar-link">真机预览</a></li><li><a href="/doc/zh/guide/functionRealization/revocation.html" aria-current="page" class="active sidebar-link">撤销/重做</a></li><li><a href="/doc/zh/guide/functionRealization/screenshot.html" class="sidebar-link">截图功能</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>私有化部署和二次开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/deployDev/deploy.html" class="sidebar-link">私有化部署</a></li><li><a href="/doc/zh/guide/deployDev/deploy_v6.html" class="sidebar-link">v6.dooring私有化部署(临时)</a></li><li><a href="/doc/zh/guide/deployDev/dir.html" class="sidebar-link">服务端数据说明</a></li><li><a href="/doc/zh/guide/deployDev/https.html" class="sidebar-link">支持https</a></li><li><a href="/doc/zh/guide/deployDev/oss.html" class="sidebar-link">接入第三方oss</a></li><li><a href="/doc/zh/guide/deployDev/api.html" class="sidebar-link">API接口文档</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="撤销-重做"><a href="#撤销-重做" class="header-anchor">#</a> 撤销/重做</h1> <p>撤销重做我们主要使用了redux-undo这个库，配合Dva使用，具体使用方法参考如下操作：</p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token keyword">import</span> <span class="token punctuation">{</span> createLogger <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'redux-logger'</span><span class="token punctuation">;</span>
|
||||
<span class="token keyword">import</span> <span class="token punctuation">{</span> message <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
|
||||
<span class="token keyword">import</span> undoable<span class="token punctuation">,</span> <span class="token punctuation">{</span> StateWithHistory <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'redux-undo'</span><span class="token punctuation">;</span>
|
||||
<span class="token keyword">import</span> <span class="token punctuation">{</span> Reducer<span class="token punctuation">,</span> AnyAction <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'redux'</span><span class="token punctuation">;</span>
|
||||
@ -58,6 +58,6 @@
|
||||
</a>
|
||||
→
|
||||
</span></p></div> </main></div><div class="global-ui"></div></div>
|
||||
<script src="/doc/assets/js/app.7f190420.js" defer></script><script src="/doc/assets/js/17.c8b6849e.js" defer></script><script src="/doc/assets/js/2.917402d3.js" defer></script><script src="/doc/assets/js/27.faa6f053.js" defer></script>
|
||||
<script src="/doc/assets/js/app.4588b99c.js" defer></script><script src="/doc/assets/js/17.c8b6849e.js" defer></script><script src="/doc/assets/js/2.917402d3.js" defer></script><script src="/doc/assets/js/28.ead47ae7.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -8,7 +8,7 @@
|
||||
|
||||
<meta name="description" content="">
|
||||
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.7f190420.js" as="script"><link rel="preload" href="/doc/assets/js/17.c8b6849e.js" as="script"><link rel="preload" href="/doc/assets/js/2.917402d3.js" as="script"><link rel="preload" href="/doc/assets/js/28.f591635f.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.2d5d3aaa.js"><link rel="prefetch" href="/doc/assets/js/11.db03b544.js"><link rel="prefetch" href="/doc/assets/js/12.d4cc4a96.js"><link rel="prefetch" href="/doc/assets/js/13.9e2d642e.js"><link rel="prefetch" href="/doc/assets/js/14.ea0f3745.js"><link rel="prefetch" href="/doc/assets/js/15.0bec3d88.js"><link rel="prefetch" href="/doc/assets/js/16.7a72453e.js"><link rel="prefetch" href="/doc/assets/js/18.e7ced042.js"><link rel="prefetch" href="/doc/assets/js/19.90149f22.js"><link rel="prefetch" href="/doc/assets/js/20.4781e342.js"><link rel="prefetch" href="/doc/assets/js/21.f426ff47.js"><link rel="prefetch" href="/doc/assets/js/22.0e8b2b46.js"><link rel="prefetch" href="/doc/assets/js/23.83c4ae0b.js"><link rel="prefetch" href="/doc/assets/js/24.69d1e5e4.js"><link rel="prefetch" href="/doc/assets/js/25.e10c3e5e.js"><link rel="prefetch" href="/doc/assets/js/26.c1e8d4c6.js"><link rel="prefetch" href="/doc/assets/js/27.faa6f053.js"><link rel="prefetch" href="/doc/assets/js/3.d2d22c88.js"><link rel="prefetch" href="/doc/assets/js/4.f2ae7e99.js"><link rel="prefetch" href="/doc/assets/js/5.262c1769.js"><link rel="prefetch" href="/doc/assets/js/6.5f53f889.js"><link rel="prefetch" href="/doc/assets/js/7.6b0d225c.js"><link rel="prefetch" href="/doc/assets/js/8.e0652172.js"><link rel="prefetch" href="/doc/assets/js/9.5e6217e4.js">
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.4588b99c.js" as="script"><link rel="preload" href="/doc/assets/js/17.c8b6849e.js" as="script"><link rel="preload" href="/doc/assets/js/2.917402d3.js" as="script"><link rel="preload" href="/doc/assets/js/29.3a117db5.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.b0d462d3.js"><link rel="prefetch" href="/doc/assets/js/11.df257dc3.js"><link rel="prefetch" href="/doc/assets/js/12.584674f6.js"><link rel="prefetch" href="/doc/assets/js/13.1b1b5748.js"><link rel="prefetch" href="/doc/assets/js/14.ea0f3745.js"><link rel="prefetch" href="/doc/assets/js/15.4eb9c19c.js"><link rel="prefetch" href="/doc/assets/js/16.1b7e6603.js"><link rel="prefetch" href="/doc/assets/js/18.e7ced042.js"><link rel="prefetch" href="/doc/assets/js/19.862b0c76.js"><link rel="prefetch" href="/doc/assets/js/20.4781e342.js"><link rel="prefetch" href="/doc/assets/js/21.f426ff47.js"><link rel="prefetch" href="/doc/assets/js/22.49b6f904.js"><link rel="prefetch" href="/doc/assets/js/23.64cb6fc9.js"><link rel="prefetch" href="/doc/assets/js/24.919a8675.js"><link rel="prefetch" href="/doc/assets/js/25.f099e2dd.js"><link rel="prefetch" href="/doc/assets/js/26.1d9c2285.js"><link rel="prefetch" href="/doc/assets/js/27.7c57ff72.js"><link rel="prefetch" href="/doc/assets/js/28.ead47ae7.js"><link rel="prefetch" href="/doc/assets/js/3.d2d22c88.js"><link rel="prefetch" href="/doc/assets/js/4.eddebdfd.js"><link rel="prefetch" href="/doc/assets/js/5.262c1769.js"><link rel="prefetch" href="/doc/assets/js/6.5f53f889.js"><link rel="prefetch" href="/doc/assets/js/7.189d38be.js"><link rel="prefetch" href="/doc/assets/js/8.e0652172.js"><link rel="prefetch" href="/doc/assets/js/9.7e1cf4d5.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.690c58c3.css">
|
||||
</head>
|
||||
<body>
|
||||
@ -28,7 +28,7 @@
|
||||
体验
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="https://github.com/MrXujiang/h5-Dooring" target="_blank" rel="noopener noreferrer" class="nav-link external">
|
||||
github
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/doc/zh/guide/" aria-current="page" class="sidebar-link">基本介绍</a></li><li><a href="/doc/zh/guide/introduced.html" class="sidebar-link">doring如何工作</a></li><li><a href="/doc/zh/guide/startedQuickly.html" class="sidebar-link">快速上手</a></li><li><a href="/doc/zh/guide/directoryStructure.html" class="sidebar-link">目录结构</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>组件开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/componentDev/componentStructure.html" class="sidebar-link">组件结构</a></li><li><a href="/doc/zh/guide/componentDev/DSLAnalysis.html" class="sidebar-link">DSL设计</a></li><li><a href="/doc/zh/guide/componentDev/dynamicLoading.html" class="sidebar-link">动态加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>功能实现</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/functionRealization/templateLibrary.html" class="sidebar-link">模板库</a></li><li><a href="/doc/zh/guide/functionRealization/saveJson.html" aria-current="page" class="active sidebar-link">保存json</a></li><li><a href="/doc/zh/guide/functionRealization/pagePreview.html" class="sidebar-link">网页预览</a></li><li><a href="/doc/zh/guide/functionRealization/machinePreview.html" class="sidebar-link">真机预览</a></li><li><a href="/doc/zh/guide/functionRealization/revocation.html" class="sidebar-link">撤销/重做</a></li><li><a href="/doc/zh/guide/functionRealization/screenshot.html" class="sidebar-link">截图功能</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>私有化部署和二次开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/deployDev/deploy.html" class="sidebar-link">私有化部署</a></li><li><a href="/doc/zh/guide/deployDev/deploy_v6.html" class="sidebar-link">v6.dooring私有化部署(临时)</a></li><li><a href="/doc/zh/guide/deployDev/https.html" class="sidebar-link">支持https</a></li><li><a href="/doc/zh/guide/deployDev/oss.html" class="sidebar-link">接入第三方oss</a></li><li><a href="/doc/zh/guide/deployDev/api.html" class="sidebar-link">API接口文档</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="保存json"><a href="#保存json" class="header-anchor">#</a> 保存json</h1> <p>我们配置好H5页面之后，如果希望其他人观看，我们可以保存页面并发送链接。但是如果有多人协作的需求，比如一个H5页面可能由多个人完成，这个时候该怎么实现呢？基于已有的方案，我们可以采用socket实现多人协同编辑，但是成本比较大，所有这里我们提供了保存json的功能。</p> <p>我们可以将配置好的页面导出为json，发送给另一个人，这样另一个人通过导入该json文件可以实时看到当前的页面，这里还是依靠我们的页面渲染引擎viewEngine。实现思路也很简单，可以在github[<a href="https://github.com/MrXujiang/h5-Dooring" target="_blank" rel="noopener noreferrer">https://github.com/MrXujiang/h5-Dooring<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>]上参考体验。</p></div> <footer class="page-edit"><!----> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">1/17/2021, 9:57:34 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/doc/zh/guide/" aria-current="page" class="sidebar-link">基本介绍</a></li><li><a href="/doc/zh/guide/introduced.html" class="sidebar-link">doring如何工作</a></li><li><a href="/doc/zh/guide/startedQuickly.html" class="sidebar-link">快速上手</a></li><li><a href="/doc/zh/guide/directoryStructure.html" class="sidebar-link">目录结构</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>组件开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/componentDev/componentStructure.html" class="sidebar-link">组件结构</a></li><li><a href="/doc/zh/guide/componentDev/DSLAnalysis.html" class="sidebar-link">DSL设计</a></li><li><a href="/doc/zh/guide/componentDev/dynamicLoading.html" class="sidebar-link">动态加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>功能实现</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/functionRealization/templateLibrary.html" class="sidebar-link">模板库</a></li><li><a href="/doc/zh/guide/functionRealization/saveJson.html" aria-current="page" class="active sidebar-link">保存json</a></li><li><a href="/doc/zh/guide/functionRealization/pagePreview.html" class="sidebar-link">网页预览</a></li><li><a href="/doc/zh/guide/functionRealization/machinePreview.html" class="sidebar-link">真机预览</a></li><li><a href="/doc/zh/guide/functionRealization/revocation.html" class="sidebar-link">撤销/重做</a></li><li><a href="/doc/zh/guide/functionRealization/screenshot.html" class="sidebar-link">截图功能</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>私有化部署和二次开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/deployDev/deploy.html" class="sidebar-link">私有化部署</a></li><li><a href="/doc/zh/guide/deployDev/deploy_v6.html" class="sidebar-link">v6.dooring私有化部署(临时)</a></li><li><a href="/doc/zh/guide/deployDev/dir.html" class="sidebar-link">服务端数据说明</a></li><li><a href="/doc/zh/guide/deployDev/https.html" class="sidebar-link">支持https</a></li><li><a href="/doc/zh/guide/deployDev/oss.html" class="sidebar-link">接入第三方oss</a></li><li><a href="/doc/zh/guide/deployDev/api.html" class="sidebar-link">API接口文档</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="保存json"><a href="#保存json" class="header-anchor">#</a> 保存json</h1> <p>我们配置好H5页面之后，如果希望其他人观看，我们可以保存页面并发送链接。但是如果有多人协作的需求，比如一个H5页面可能由多个人完成，这个时候该怎么实现呢？基于已有的方案，我们可以采用socket实现多人协同编辑，但是成本比较大，所有这里我们提供了保存json的功能。</p> <p>我们可以将配置好的页面导出为json，发送给另一个人，这样另一个人通过导入该json文件可以实时看到当前的页面，这里还是依靠我们的页面渲染引擎viewEngine。实现思路也很简单，可以在github[<a href="https://github.com/MrXujiang/h5-Dooring" target="_blank" rel="noopener noreferrer">https://github.com/MrXujiang/h5-Dooring<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>]上参考体验。</p></div> <footer class="page-edit"><!----> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">1/17/2021, 9:57:34 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
|
||||
←
|
||||
<a href="/doc/zh/guide/functionRealization/templateLibrary.html" class="prev">
|
||||
模板库
|
||||
@ -37,6 +37,6 @@
|
||||
</a>
|
||||
→
|
||||
</span></p></div> </main></div><div class="global-ui"></div></div>
|
||||
<script src="/doc/assets/js/app.7f190420.js" defer></script><script src="/doc/assets/js/17.c8b6849e.js" defer></script><script src="/doc/assets/js/2.917402d3.js" defer></script><script src="/doc/assets/js/28.f591635f.js" defer></script>
|
||||
<script src="/doc/assets/js/app.4588b99c.js" defer></script><script src="/doc/assets/js/17.c8b6849e.js" defer></script><script src="/doc/assets/js/2.917402d3.js" defer></script><script src="/doc/assets/js/29.3a117db5.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -8,7 +8,7 @@
|
||||
|
||||
<meta name="description" content="">
|
||||
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.7f190420.js" as="script"><link rel="preload" href="/doc/assets/js/17.c8b6849e.js" as="script"><link rel="preload" href="/doc/assets/js/2.917402d3.js" as="script"><link rel="preload" href="/doc/assets/js/14.ea0f3745.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.2d5d3aaa.js"><link rel="prefetch" href="/doc/assets/js/11.db03b544.js"><link rel="prefetch" href="/doc/assets/js/12.d4cc4a96.js"><link rel="prefetch" href="/doc/assets/js/13.9e2d642e.js"><link rel="prefetch" href="/doc/assets/js/15.0bec3d88.js"><link rel="prefetch" href="/doc/assets/js/16.7a72453e.js"><link rel="prefetch" href="/doc/assets/js/18.e7ced042.js"><link rel="prefetch" href="/doc/assets/js/19.90149f22.js"><link rel="prefetch" href="/doc/assets/js/20.4781e342.js"><link rel="prefetch" href="/doc/assets/js/21.f426ff47.js"><link rel="prefetch" href="/doc/assets/js/22.0e8b2b46.js"><link rel="prefetch" href="/doc/assets/js/23.83c4ae0b.js"><link rel="prefetch" href="/doc/assets/js/24.69d1e5e4.js"><link rel="prefetch" href="/doc/assets/js/25.e10c3e5e.js"><link rel="prefetch" href="/doc/assets/js/26.c1e8d4c6.js"><link rel="prefetch" href="/doc/assets/js/27.faa6f053.js"><link rel="prefetch" href="/doc/assets/js/28.f591635f.js"><link rel="prefetch" href="/doc/assets/js/3.d2d22c88.js"><link rel="prefetch" href="/doc/assets/js/4.f2ae7e99.js"><link rel="prefetch" href="/doc/assets/js/5.262c1769.js"><link rel="prefetch" href="/doc/assets/js/6.5f53f889.js"><link rel="prefetch" href="/doc/assets/js/7.6b0d225c.js"><link rel="prefetch" href="/doc/assets/js/8.e0652172.js"><link rel="prefetch" href="/doc/assets/js/9.5e6217e4.js">
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.4588b99c.js" as="script"><link rel="preload" href="/doc/assets/js/17.c8b6849e.js" as="script"><link rel="preload" href="/doc/assets/js/2.917402d3.js" as="script"><link rel="preload" href="/doc/assets/js/14.ea0f3745.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.b0d462d3.js"><link rel="prefetch" href="/doc/assets/js/11.df257dc3.js"><link rel="prefetch" href="/doc/assets/js/12.584674f6.js"><link rel="prefetch" href="/doc/assets/js/13.1b1b5748.js"><link rel="prefetch" href="/doc/assets/js/15.4eb9c19c.js"><link rel="prefetch" href="/doc/assets/js/16.1b7e6603.js"><link rel="prefetch" href="/doc/assets/js/18.e7ced042.js"><link rel="prefetch" href="/doc/assets/js/19.862b0c76.js"><link rel="prefetch" href="/doc/assets/js/20.4781e342.js"><link rel="prefetch" href="/doc/assets/js/21.f426ff47.js"><link rel="prefetch" href="/doc/assets/js/22.49b6f904.js"><link rel="prefetch" href="/doc/assets/js/23.64cb6fc9.js"><link rel="prefetch" href="/doc/assets/js/24.919a8675.js"><link rel="prefetch" href="/doc/assets/js/25.f099e2dd.js"><link rel="prefetch" href="/doc/assets/js/26.1d9c2285.js"><link rel="prefetch" href="/doc/assets/js/27.7c57ff72.js"><link rel="prefetch" href="/doc/assets/js/28.ead47ae7.js"><link rel="prefetch" href="/doc/assets/js/29.3a117db5.js"><link rel="prefetch" href="/doc/assets/js/3.d2d22c88.js"><link rel="prefetch" href="/doc/assets/js/4.eddebdfd.js"><link rel="prefetch" href="/doc/assets/js/5.262c1769.js"><link rel="prefetch" href="/doc/assets/js/6.5f53f889.js"><link rel="prefetch" href="/doc/assets/js/7.189d38be.js"><link rel="prefetch" href="/doc/assets/js/8.e0652172.js"><link rel="prefetch" href="/doc/assets/js/9.7e1cf4d5.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.690c58c3.css">
|
||||
</head>
|
||||
<body>
|
||||
@ -28,7 +28,7 @@
|
||||
体验
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="https://github.com/MrXujiang/h5-Dooring" target="_blank" rel="noopener noreferrer" class="nav-link external">
|
||||
github
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/doc/zh/guide/" aria-current="page" class="sidebar-link">基本介绍</a></li><li><a href="/doc/zh/guide/introduced.html" class="sidebar-link">doring如何工作</a></li><li><a href="/doc/zh/guide/startedQuickly.html" class="sidebar-link">快速上手</a></li><li><a href="/doc/zh/guide/directoryStructure.html" class="sidebar-link">目录结构</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>组件开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/componentDev/componentStructure.html" class="sidebar-link">组件结构</a></li><li><a href="/doc/zh/guide/componentDev/DSLAnalysis.html" class="sidebar-link">DSL设计</a></li><li><a href="/doc/zh/guide/componentDev/dynamicLoading.html" class="sidebar-link">动态加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>功能实现</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/functionRealization/templateLibrary.html" class="sidebar-link">模板库</a></li><li><a href="/doc/zh/guide/functionRealization/saveJson.html" class="sidebar-link">保存json</a></li><li><a href="/doc/zh/guide/functionRealization/pagePreview.html" class="sidebar-link">网页预览</a></li><li><a href="/doc/zh/guide/functionRealization/machinePreview.html" class="sidebar-link">真机预览</a></li><li><a href="/doc/zh/guide/functionRealization/revocation.html" class="sidebar-link">撤销/重做</a></li><li><a href="/doc/zh/guide/functionRealization/screenshot.html" aria-current="page" class="active sidebar-link">截图功能</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>私有化部署和二次开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/deployDev/deploy.html" class="sidebar-link">私有化部署</a></li><li><a href="/doc/zh/guide/deployDev/deploy_v6.html" class="sidebar-link">v6.dooring私有化部署(临时)</a></li><li><a href="/doc/zh/guide/deployDev/https.html" class="sidebar-link">支持https</a></li><li><a href="/doc/zh/guide/deployDev/oss.html" class="sidebar-link">接入第三方oss</a></li><li><a href="/doc/zh/guide/deployDev/api.html" class="sidebar-link">API接口文档</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="截图功能"><a href="#截图功能" class="header-anchor">#</a> 截图功能</h1> <p>截图功能这里我们主要使用了dom-to-image这个库，来将html转化为图片，并进行分享。</p> <img src="/doc/assets/img/screenshot.daeecedd.png" alt="foo"></div> <footer class="page-edit"><!----> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">1/17/2021, 9:57:34 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/doc/zh/guide/" aria-current="page" class="sidebar-link">基本介绍</a></li><li><a href="/doc/zh/guide/introduced.html" class="sidebar-link">doring如何工作</a></li><li><a href="/doc/zh/guide/startedQuickly.html" class="sidebar-link">快速上手</a></li><li><a href="/doc/zh/guide/directoryStructure.html" class="sidebar-link">目录结构</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>组件开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/componentDev/componentStructure.html" class="sidebar-link">组件结构</a></li><li><a href="/doc/zh/guide/componentDev/DSLAnalysis.html" class="sidebar-link">DSL设计</a></li><li><a href="/doc/zh/guide/componentDev/dynamicLoading.html" class="sidebar-link">动态加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>功能实现</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/functionRealization/templateLibrary.html" class="sidebar-link">模板库</a></li><li><a href="/doc/zh/guide/functionRealization/saveJson.html" class="sidebar-link">保存json</a></li><li><a href="/doc/zh/guide/functionRealization/pagePreview.html" class="sidebar-link">网页预览</a></li><li><a href="/doc/zh/guide/functionRealization/machinePreview.html" class="sidebar-link">真机预览</a></li><li><a href="/doc/zh/guide/functionRealization/revocation.html" class="sidebar-link">撤销/重做</a></li><li><a href="/doc/zh/guide/functionRealization/screenshot.html" aria-current="page" class="active sidebar-link">截图功能</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>私有化部署和二次开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/deployDev/deploy.html" class="sidebar-link">私有化部署</a></li><li><a href="/doc/zh/guide/deployDev/deploy_v6.html" class="sidebar-link">v6.dooring私有化部署(临时)</a></li><li><a href="/doc/zh/guide/deployDev/dir.html" class="sidebar-link">服务端数据说明</a></li><li><a href="/doc/zh/guide/deployDev/https.html" class="sidebar-link">支持https</a></li><li><a href="/doc/zh/guide/deployDev/oss.html" class="sidebar-link">接入第三方oss</a></li><li><a href="/doc/zh/guide/deployDev/api.html" class="sidebar-link">API接口文档</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="截图功能"><a href="#截图功能" class="header-anchor">#</a> 截图功能</h1> <p>截图功能这里我们主要使用了dom-to-image这个库，来将html转化为图片，并进行分享。</p> <img src="/doc/assets/img/screenshot.daeecedd.png" alt="foo"></div> <footer class="page-edit"><!----> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">1/17/2021, 9:57:34 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
|
||||
←
|
||||
<a href="/doc/zh/guide/functionRealization/revocation.html" class="prev">
|
||||
撤销/重做
|
||||
@ -37,6 +37,6 @@
|
||||
</a>
|
||||
→
|
||||
</span></p></div> </main></div><div class="global-ui"></div></div>
|
||||
<script src="/doc/assets/js/app.7f190420.js" defer></script><script src="/doc/assets/js/17.c8b6849e.js" defer></script><script src="/doc/assets/js/2.917402d3.js" defer></script><script src="/doc/assets/js/14.ea0f3745.js" defer></script>
|
||||
<script src="/doc/assets/js/app.4588b99c.js" defer></script><script src="/doc/assets/js/17.c8b6849e.js" defer></script><script src="/doc/assets/js/2.917402d3.js" defer></script><script src="/doc/assets/js/14.ea0f3745.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -8,7 +8,7 @@
|
||||
|
||||
<meta name="description" content="">
|
||||
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.7f190420.js" as="script"><link rel="preload" href="/doc/assets/js/17.c8b6849e.js" as="script"><link rel="preload" href="/doc/assets/js/2.917402d3.js" as="script"><link rel="preload" href="/doc/assets/js/8.e0652172.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.2d5d3aaa.js"><link rel="prefetch" href="/doc/assets/js/11.db03b544.js"><link rel="prefetch" href="/doc/assets/js/12.d4cc4a96.js"><link rel="prefetch" href="/doc/assets/js/13.9e2d642e.js"><link rel="prefetch" href="/doc/assets/js/14.ea0f3745.js"><link rel="prefetch" href="/doc/assets/js/15.0bec3d88.js"><link rel="prefetch" href="/doc/assets/js/16.7a72453e.js"><link rel="prefetch" href="/doc/assets/js/18.e7ced042.js"><link rel="prefetch" href="/doc/assets/js/19.90149f22.js"><link rel="prefetch" href="/doc/assets/js/20.4781e342.js"><link rel="prefetch" href="/doc/assets/js/21.f426ff47.js"><link rel="prefetch" href="/doc/assets/js/22.0e8b2b46.js"><link rel="prefetch" href="/doc/assets/js/23.83c4ae0b.js"><link rel="prefetch" href="/doc/assets/js/24.69d1e5e4.js"><link rel="prefetch" href="/doc/assets/js/25.e10c3e5e.js"><link rel="prefetch" href="/doc/assets/js/26.c1e8d4c6.js"><link rel="prefetch" href="/doc/assets/js/27.faa6f053.js"><link rel="prefetch" href="/doc/assets/js/28.f591635f.js"><link rel="prefetch" href="/doc/assets/js/3.d2d22c88.js"><link rel="prefetch" href="/doc/assets/js/4.f2ae7e99.js"><link rel="prefetch" href="/doc/assets/js/5.262c1769.js"><link rel="prefetch" href="/doc/assets/js/6.5f53f889.js"><link rel="prefetch" href="/doc/assets/js/7.6b0d225c.js"><link rel="prefetch" href="/doc/assets/js/9.5e6217e4.js">
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.4588b99c.js" as="script"><link rel="preload" href="/doc/assets/js/17.c8b6849e.js" as="script"><link rel="preload" href="/doc/assets/js/2.917402d3.js" as="script"><link rel="preload" href="/doc/assets/js/8.e0652172.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.b0d462d3.js"><link rel="prefetch" href="/doc/assets/js/11.df257dc3.js"><link rel="prefetch" href="/doc/assets/js/12.584674f6.js"><link rel="prefetch" href="/doc/assets/js/13.1b1b5748.js"><link rel="prefetch" href="/doc/assets/js/14.ea0f3745.js"><link rel="prefetch" href="/doc/assets/js/15.4eb9c19c.js"><link rel="prefetch" href="/doc/assets/js/16.1b7e6603.js"><link rel="prefetch" href="/doc/assets/js/18.e7ced042.js"><link rel="prefetch" href="/doc/assets/js/19.862b0c76.js"><link rel="prefetch" href="/doc/assets/js/20.4781e342.js"><link rel="prefetch" href="/doc/assets/js/21.f426ff47.js"><link rel="prefetch" href="/doc/assets/js/22.49b6f904.js"><link rel="prefetch" href="/doc/assets/js/23.64cb6fc9.js"><link rel="prefetch" href="/doc/assets/js/24.919a8675.js"><link rel="prefetch" href="/doc/assets/js/25.f099e2dd.js"><link rel="prefetch" href="/doc/assets/js/26.1d9c2285.js"><link rel="prefetch" href="/doc/assets/js/27.7c57ff72.js"><link rel="prefetch" href="/doc/assets/js/28.ead47ae7.js"><link rel="prefetch" href="/doc/assets/js/29.3a117db5.js"><link rel="prefetch" href="/doc/assets/js/3.d2d22c88.js"><link rel="prefetch" href="/doc/assets/js/4.eddebdfd.js"><link rel="prefetch" href="/doc/assets/js/5.262c1769.js"><link rel="prefetch" href="/doc/assets/js/6.5f53f889.js"><link rel="prefetch" href="/doc/assets/js/7.189d38be.js"><link rel="prefetch" href="/doc/assets/js/9.7e1cf4d5.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.690c58c3.css">
|
||||
</head>
|
||||
<body>
|
||||
@ -28,7 +28,7 @@
|
||||
体验
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="https://github.com/MrXujiang/h5-Dooring" target="_blank" rel="noopener noreferrer" class="nav-link external">
|
||||
github
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/doc/zh/guide/" aria-current="page" class="sidebar-link">基本介绍</a></li><li><a href="/doc/zh/guide/introduced.html" class="sidebar-link">doring如何工作</a></li><li><a href="/doc/zh/guide/startedQuickly.html" class="sidebar-link">快速上手</a></li><li><a href="/doc/zh/guide/directoryStructure.html" class="sidebar-link">目录结构</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>组件开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/componentDev/componentStructure.html" class="sidebar-link">组件结构</a></li><li><a href="/doc/zh/guide/componentDev/DSLAnalysis.html" class="sidebar-link">DSL设计</a></li><li><a href="/doc/zh/guide/componentDev/dynamicLoading.html" class="sidebar-link">动态加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>功能实现</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/functionRealization/templateLibrary.html" aria-current="page" class="active sidebar-link">模板库</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/doc/zh/guide/functionRealization/templateLibrary.html#模板库实现思路" class="sidebar-link">模板库实现思路</a></li></ul></li><li><a href="/doc/zh/guide/functionRealization/saveJson.html" class="sidebar-link">保存json</a></li><li><a href="/doc/zh/guide/functionRealization/pagePreview.html" class="sidebar-link">网页预览</a></li><li><a href="/doc/zh/guide/functionRealization/machinePreview.html" class="sidebar-link">真机预览</a></li><li><a href="/doc/zh/guide/functionRealization/revocation.html" class="sidebar-link">撤销/重做</a></li><li><a href="/doc/zh/guide/functionRealization/screenshot.html" class="sidebar-link">截图功能</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>私有化部署和二次开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/deployDev/deploy.html" class="sidebar-link">私有化部署</a></li><li><a href="/doc/zh/guide/deployDev/deploy_v6.html" class="sidebar-link">v6.dooring私有化部署(临时)</a></li><li><a href="/doc/zh/guide/deployDev/https.html" class="sidebar-link">支持https</a></li><li><a href="/doc/zh/guide/deployDev/oss.html" class="sidebar-link">接入第三方oss</a></li><li><a href="/doc/zh/guide/deployDev/api.html" class="sidebar-link">API接口文档</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h2 id="模板库实现思路"><a href="#模板库实现思路" class="header-anchor">#</a> 模板库实现思路</h2> <p>我们目前开放了模板库功能，一方面我们会定期配置行业模板，另一个方面Dooring还支持用户自己配置模板，可以一键保存到云端供用户使用。我们也可以将模板变成自己的页面共享给其他人。实现方式本质上是保存用户的配置信息，上传到服务器中做存储，在后台提供了管理模板的模块，可以修改，删除模板。如下图所示：</p> <h3 id="模板前台展示"><a href="#模板前台展示" class="header-anchor">#</a> 模板前台展示：</h3> <img src="/doc/assets/img/template-ft.4f6e0d14.png" alt="foo"> <h3 id="模板后台展示"><a href="#模板后台展示" class="header-anchor">#</a> 模板后台展示：</h3> <img src="/doc/assets/img/template-bg.244b9ac7.png" alt="foo"></div> <footer class="page-edit"><!----> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">1/17/2021, 9:57:34 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/doc/zh/guide/" aria-current="page" class="sidebar-link">基本介绍</a></li><li><a href="/doc/zh/guide/introduced.html" class="sidebar-link">doring如何工作</a></li><li><a href="/doc/zh/guide/startedQuickly.html" class="sidebar-link">快速上手</a></li><li><a href="/doc/zh/guide/directoryStructure.html" class="sidebar-link">目录结构</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>组件开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/componentDev/componentStructure.html" class="sidebar-link">组件结构</a></li><li><a href="/doc/zh/guide/componentDev/DSLAnalysis.html" class="sidebar-link">DSL设计</a></li><li><a href="/doc/zh/guide/componentDev/dynamicLoading.html" class="sidebar-link">动态加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>功能实现</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/functionRealization/templateLibrary.html" aria-current="page" class="active sidebar-link">模板库</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/doc/zh/guide/functionRealization/templateLibrary.html#模板库实现思路" class="sidebar-link">模板库实现思路</a></li></ul></li><li><a href="/doc/zh/guide/functionRealization/saveJson.html" class="sidebar-link">保存json</a></li><li><a href="/doc/zh/guide/functionRealization/pagePreview.html" class="sidebar-link">网页预览</a></li><li><a href="/doc/zh/guide/functionRealization/machinePreview.html" class="sidebar-link">真机预览</a></li><li><a href="/doc/zh/guide/functionRealization/revocation.html" class="sidebar-link">撤销/重做</a></li><li><a href="/doc/zh/guide/functionRealization/screenshot.html" class="sidebar-link">截图功能</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>私有化部署和二次开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/deployDev/deploy.html" class="sidebar-link">私有化部署</a></li><li><a href="/doc/zh/guide/deployDev/deploy_v6.html" class="sidebar-link">v6.dooring私有化部署(临时)</a></li><li><a href="/doc/zh/guide/deployDev/dir.html" class="sidebar-link">服务端数据说明</a></li><li><a href="/doc/zh/guide/deployDev/https.html" class="sidebar-link">支持https</a></li><li><a href="/doc/zh/guide/deployDev/oss.html" class="sidebar-link">接入第三方oss</a></li><li><a href="/doc/zh/guide/deployDev/api.html" class="sidebar-link">API接口文档</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h2 id="模板库实现思路"><a href="#模板库实现思路" class="header-anchor">#</a> 模板库实现思路</h2> <p>我们目前开放了模板库功能，一方面我们会定期配置行业模板，另一个方面Dooring还支持用户自己配置模板，可以一键保存到云端供用户使用。我们也可以将模板变成自己的页面共享给其他人。实现方式本质上是保存用户的配置信息，上传到服务器中做存储，在后台提供了管理模板的模块，可以修改，删除模板。如下图所示：</p> <h3 id="模板前台展示"><a href="#模板前台展示" class="header-anchor">#</a> 模板前台展示：</h3> <img src="/doc/assets/img/template-ft.4f6e0d14.png" alt="foo"> <h3 id="模板后台展示"><a href="#模板后台展示" class="header-anchor">#</a> 模板后台展示：</h3> <img src="/doc/assets/img/template-bg.244b9ac7.png" alt="foo"></div> <footer class="page-edit"><!----> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">1/17/2021, 9:57:34 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
|
||||
←
|
||||
<a href="/doc/zh/guide/componentDev/dynamicLoading.html" class="prev">
|
||||
动态加载
|
||||
@ -37,6 +37,6 @@
|
||||
</a>
|
||||
→
|
||||
</span></p></div> </main></div><div class="global-ui"></div></div>
|
||||
<script src="/doc/assets/js/app.7f190420.js" defer></script><script src="/doc/assets/js/17.c8b6849e.js" defer></script><script src="/doc/assets/js/2.917402d3.js" defer></script><script src="/doc/assets/js/8.e0652172.js" defer></script>
|
||||
<script src="/doc/assets/js/app.4588b99c.js" defer></script><script src="/doc/assets/js/17.c8b6849e.js" defer></script><script src="/doc/assets/js/2.917402d3.js" defer></script><script src="/doc/assets/js/8.e0652172.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -8,7 +8,7 @@
|
||||
|
||||
<meta name="description" content="">
|
||||
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.7f190420.js" as="script"><link rel="preload" href="/doc/assets/js/17.c8b6849e.js" as="script"><link rel="preload" href="/doc/assets/js/2.917402d3.js" as="script"><link rel="preload" href="/doc/assets/js/15.0bec3d88.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.2d5d3aaa.js"><link rel="prefetch" href="/doc/assets/js/11.db03b544.js"><link rel="prefetch" href="/doc/assets/js/12.d4cc4a96.js"><link rel="prefetch" href="/doc/assets/js/13.9e2d642e.js"><link rel="prefetch" href="/doc/assets/js/14.ea0f3745.js"><link rel="prefetch" href="/doc/assets/js/16.7a72453e.js"><link rel="prefetch" href="/doc/assets/js/18.e7ced042.js"><link rel="prefetch" href="/doc/assets/js/19.90149f22.js"><link rel="prefetch" href="/doc/assets/js/20.4781e342.js"><link rel="prefetch" href="/doc/assets/js/21.f426ff47.js"><link rel="prefetch" href="/doc/assets/js/22.0e8b2b46.js"><link rel="prefetch" href="/doc/assets/js/23.83c4ae0b.js"><link rel="prefetch" href="/doc/assets/js/24.69d1e5e4.js"><link rel="prefetch" href="/doc/assets/js/25.e10c3e5e.js"><link rel="prefetch" href="/doc/assets/js/26.c1e8d4c6.js"><link rel="prefetch" href="/doc/assets/js/27.faa6f053.js"><link rel="prefetch" href="/doc/assets/js/28.f591635f.js"><link rel="prefetch" href="/doc/assets/js/3.d2d22c88.js"><link rel="prefetch" href="/doc/assets/js/4.f2ae7e99.js"><link rel="prefetch" href="/doc/assets/js/5.262c1769.js"><link rel="prefetch" href="/doc/assets/js/6.5f53f889.js"><link rel="prefetch" href="/doc/assets/js/7.6b0d225c.js"><link rel="prefetch" href="/doc/assets/js/8.e0652172.js"><link rel="prefetch" href="/doc/assets/js/9.5e6217e4.js">
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.4588b99c.js" as="script"><link rel="preload" href="/doc/assets/js/17.c8b6849e.js" as="script"><link rel="preload" href="/doc/assets/js/2.917402d3.js" as="script"><link rel="preload" href="/doc/assets/js/15.4eb9c19c.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.b0d462d3.js"><link rel="prefetch" href="/doc/assets/js/11.df257dc3.js"><link rel="prefetch" href="/doc/assets/js/12.584674f6.js"><link rel="prefetch" href="/doc/assets/js/13.1b1b5748.js"><link rel="prefetch" href="/doc/assets/js/14.ea0f3745.js"><link rel="prefetch" href="/doc/assets/js/16.1b7e6603.js"><link rel="prefetch" href="/doc/assets/js/18.e7ced042.js"><link rel="prefetch" href="/doc/assets/js/19.862b0c76.js"><link rel="prefetch" href="/doc/assets/js/20.4781e342.js"><link rel="prefetch" href="/doc/assets/js/21.f426ff47.js"><link rel="prefetch" href="/doc/assets/js/22.49b6f904.js"><link rel="prefetch" href="/doc/assets/js/23.64cb6fc9.js"><link rel="prefetch" href="/doc/assets/js/24.919a8675.js"><link rel="prefetch" href="/doc/assets/js/25.f099e2dd.js"><link rel="prefetch" href="/doc/assets/js/26.1d9c2285.js"><link rel="prefetch" href="/doc/assets/js/27.7c57ff72.js"><link rel="prefetch" href="/doc/assets/js/28.ead47ae7.js"><link rel="prefetch" href="/doc/assets/js/29.3a117db5.js"><link rel="prefetch" href="/doc/assets/js/3.d2d22c88.js"><link rel="prefetch" href="/doc/assets/js/4.eddebdfd.js"><link rel="prefetch" href="/doc/assets/js/5.262c1769.js"><link rel="prefetch" href="/doc/assets/js/6.5f53f889.js"><link rel="prefetch" href="/doc/assets/js/7.189d38be.js"><link rel="prefetch" href="/doc/assets/js/8.e0652172.js"><link rel="prefetch" href="/doc/assets/js/9.7e1cf4d5.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.690c58c3.css">
|
||||
</head>
|
||||
<body>
|
||||
@ -28,7 +28,7 @@
|
||||
体验
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="https://github.com/MrXujiang/h5-Dooring" target="_blank" rel="noopener noreferrer" class="nav-link external">
|
||||
github
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/doc/zh/guide/" aria-current="page" class="sidebar-link">基本介绍</a></li><li><a href="/doc/zh/guide/introduced.html" aria-current="page" class="active sidebar-link">doring如何工作</a></li><li><a href="/doc/zh/guide/startedQuickly.html" class="sidebar-link">快速上手</a></li><li><a href="/doc/zh/guide/directoryStructure.html" class="sidebar-link">目录结构</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>组件开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/componentDev/componentStructure.html" class="sidebar-link">组件结构</a></li><li><a href="/doc/zh/guide/componentDev/DSLAnalysis.html" class="sidebar-link">DSL设计</a></li><li><a href="/doc/zh/guide/componentDev/dynamicLoading.html" class="sidebar-link">动态加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>功能实现</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/functionRealization/templateLibrary.html" class="sidebar-link">模板库</a></li><li><a href="/doc/zh/guide/functionRealization/saveJson.html" class="sidebar-link">保存json</a></li><li><a href="/doc/zh/guide/functionRealization/pagePreview.html" class="sidebar-link">网页预览</a></li><li><a href="/doc/zh/guide/functionRealization/machinePreview.html" class="sidebar-link">真机预览</a></li><li><a href="/doc/zh/guide/functionRealization/revocation.html" class="sidebar-link">撤销/重做</a></li><li><a href="/doc/zh/guide/functionRealization/screenshot.html" class="sidebar-link">截图功能</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>私有化部署和二次开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/deployDev/deploy.html" class="sidebar-link">私有化部署</a></li><li><a href="/doc/zh/guide/deployDev/deploy_v6.html" class="sidebar-link">v6.dooring私有化部署(临时)</a></li><li><a href="/doc/zh/guide/deployDev/https.html" class="sidebar-link">支持https</a></li><li><a href="/doc/zh/guide/deployDev/oss.html" class="sidebar-link">接入第三方oss</a></li><li><a href="/doc/zh/guide/deployDev/api.html" class="sidebar-link">API接口文档</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><img src="/doc/assets/img/framework.1c9c696b.png" alt="foo"> <p>注：灰色部分还未实现，正在更新中...</p></div> <footer class="page-edit"><!----> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">1/17/2021, 7:12:02 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/doc/zh/guide/" aria-current="page" class="sidebar-link">基本介绍</a></li><li><a href="/doc/zh/guide/introduced.html" aria-current="page" class="active sidebar-link">doring如何工作</a></li><li><a href="/doc/zh/guide/startedQuickly.html" class="sidebar-link">快速上手</a></li><li><a href="/doc/zh/guide/directoryStructure.html" class="sidebar-link">目录结构</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>组件开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/componentDev/componentStructure.html" class="sidebar-link">组件结构</a></li><li><a href="/doc/zh/guide/componentDev/DSLAnalysis.html" class="sidebar-link">DSL设计</a></li><li><a href="/doc/zh/guide/componentDev/dynamicLoading.html" class="sidebar-link">动态加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>功能实现</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/functionRealization/templateLibrary.html" class="sidebar-link">模板库</a></li><li><a href="/doc/zh/guide/functionRealization/saveJson.html" class="sidebar-link">保存json</a></li><li><a href="/doc/zh/guide/functionRealization/pagePreview.html" class="sidebar-link">网页预览</a></li><li><a href="/doc/zh/guide/functionRealization/machinePreview.html" class="sidebar-link">真机预览</a></li><li><a href="/doc/zh/guide/functionRealization/revocation.html" class="sidebar-link">撤销/重做</a></li><li><a href="/doc/zh/guide/functionRealization/screenshot.html" class="sidebar-link">截图功能</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>私有化部署和二次开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/deployDev/deploy.html" class="sidebar-link">私有化部署</a></li><li><a href="/doc/zh/guide/deployDev/deploy_v6.html" class="sidebar-link">v6.dooring私有化部署(临时)</a></li><li><a href="/doc/zh/guide/deployDev/dir.html" class="sidebar-link">服务端数据说明</a></li><li><a href="/doc/zh/guide/deployDev/https.html" class="sidebar-link">支持https</a></li><li><a href="/doc/zh/guide/deployDev/oss.html" class="sidebar-link">接入第三方oss</a></li><li><a href="/doc/zh/guide/deployDev/api.html" class="sidebar-link">API接口文档</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><img src="/doc/assets/img/framework.1c9c696b.png" alt="foo"> <p>注：灰色部分还未实现，正在更新中...</p></div> <footer class="page-edit"><!----> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">1/17/2021, 7:12:02 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
|
||||
←
|
||||
<a href="/doc/zh/guide/" class="prev router-link-active">
|
||||
基本介绍
|
||||
@ -37,6 +37,6 @@
|
||||
</a>
|
||||
→
|
||||
</span></p></div> </main></div><div class="global-ui"></div></div>
|
||||
<script src="/doc/assets/js/app.7f190420.js" defer></script><script src="/doc/assets/js/17.c8b6849e.js" defer></script><script src="/doc/assets/js/2.917402d3.js" defer></script><script src="/doc/assets/js/15.0bec3d88.js" defer></script>
|
||||
<script src="/doc/assets/js/app.4588b99c.js" defer></script><script src="/doc/assets/js/17.c8b6849e.js" defer></script><script src="/doc/assets/js/2.917402d3.js" defer></script><script src="/doc/assets/js/15.4eb9c19c.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -8,7 +8,7 @@
|
||||
|
||||
<meta name="description" content="">
|
||||
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.7f190420.js" as="script"><link rel="preload" href="/doc/assets/js/17.c8b6849e.js" as="script"><link rel="preload" href="/doc/assets/js/2.917402d3.js" as="script"><link rel="preload" href="/doc/assets/js/16.7a72453e.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.2d5d3aaa.js"><link rel="prefetch" href="/doc/assets/js/11.db03b544.js"><link rel="prefetch" href="/doc/assets/js/12.d4cc4a96.js"><link rel="prefetch" href="/doc/assets/js/13.9e2d642e.js"><link rel="prefetch" href="/doc/assets/js/14.ea0f3745.js"><link rel="prefetch" href="/doc/assets/js/15.0bec3d88.js"><link rel="prefetch" href="/doc/assets/js/18.e7ced042.js"><link rel="prefetch" href="/doc/assets/js/19.90149f22.js"><link rel="prefetch" href="/doc/assets/js/20.4781e342.js"><link rel="prefetch" href="/doc/assets/js/21.f426ff47.js"><link rel="prefetch" href="/doc/assets/js/22.0e8b2b46.js"><link rel="prefetch" href="/doc/assets/js/23.83c4ae0b.js"><link rel="prefetch" href="/doc/assets/js/24.69d1e5e4.js"><link rel="prefetch" href="/doc/assets/js/25.e10c3e5e.js"><link rel="prefetch" href="/doc/assets/js/26.c1e8d4c6.js"><link rel="prefetch" href="/doc/assets/js/27.faa6f053.js"><link rel="prefetch" href="/doc/assets/js/28.f591635f.js"><link rel="prefetch" href="/doc/assets/js/3.d2d22c88.js"><link rel="prefetch" href="/doc/assets/js/4.f2ae7e99.js"><link rel="prefetch" href="/doc/assets/js/5.262c1769.js"><link rel="prefetch" href="/doc/assets/js/6.5f53f889.js"><link rel="prefetch" href="/doc/assets/js/7.6b0d225c.js"><link rel="prefetch" href="/doc/assets/js/8.e0652172.js"><link rel="prefetch" href="/doc/assets/js/9.5e6217e4.js">
|
||||
<link rel="preload" href="/doc/assets/css/0.styles.690c58c3.css" as="style"><link rel="preload" href="/doc/assets/js/app.4588b99c.js" as="script"><link rel="preload" href="/doc/assets/js/17.c8b6849e.js" as="script"><link rel="preload" href="/doc/assets/js/2.917402d3.js" as="script"><link rel="preload" href="/doc/assets/js/16.1b7e6603.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.b0d462d3.js"><link rel="prefetch" href="/doc/assets/js/11.df257dc3.js"><link rel="prefetch" href="/doc/assets/js/12.584674f6.js"><link rel="prefetch" href="/doc/assets/js/13.1b1b5748.js"><link rel="prefetch" href="/doc/assets/js/14.ea0f3745.js"><link rel="prefetch" href="/doc/assets/js/15.4eb9c19c.js"><link rel="prefetch" href="/doc/assets/js/18.e7ced042.js"><link rel="prefetch" href="/doc/assets/js/19.862b0c76.js"><link rel="prefetch" href="/doc/assets/js/20.4781e342.js"><link rel="prefetch" href="/doc/assets/js/21.f426ff47.js"><link rel="prefetch" href="/doc/assets/js/22.49b6f904.js"><link rel="prefetch" href="/doc/assets/js/23.64cb6fc9.js"><link rel="prefetch" href="/doc/assets/js/24.919a8675.js"><link rel="prefetch" href="/doc/assets/js/25.f099e2dd.js"><link rel="prefetch" href="/doc/assets/js/26.1d9c2285.js"><link rel="prefetch" href="/doc/assets/js/27.7c57ff72.js"><link rel="prefetch" href="/doc/assets/js/28.ead47ae7.js"><link rel="prefetch" href="/doc/assets/js/29.3a117db5.js"><link rel="prefetch" href="/doc/assets/js/3.d2d22c88.js"><link rel="prefetch" href="/doc/assets/js/4.eddebdfd.js"><link rel="prefetch" href="/doc/assets/js/5.262c1769.js"><link rel="prefetch" href="/doc/assets/js/6.5f53f889.js"><link rel="prefetch" href="/doc/assets/js/7.189d38be.js"><link rel="prefetch" href="/doc/assets/js/8.e0652172.js"><link rel="prefetch" href="/doc/assets/js/9.7e1cf4d5.js">
|
||||
<link rel="stylesheet" href="/doc/assets/css/0.styles.690c58c3.css">
|
||||
</head>
|
||||
<body>
|
||||
@ -28,9 +28,9 @@
|
||||
体验
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="https://github.com/MrXujiang/h5-Dooring" target="_blank" rel="noopener noreferrer" class="nav-link external">
|
||||
github
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/doc/zh/guide/" aria-current="page" class="sidebar-link">基本介绍</a></li><li><a href="/doc/zh/guide/introduced.html" class="sidebar-link">doring如何工作</a></li><li><a href="/doc/zh/guide/startedQuickly.html" aria-current="page" class="active sidebar-link">快速上手</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/doc/zh/guide/startedQuickly.html#从零搭建一个h5表单页面" class="sidebar-link">从零搭建一个H5表单页面</a></li><li class="sidebar-sub-header"><a href="/doc/zh/guide/startedQuickly.html#环境准备" class="sidebar-link">环境准备</a></li><li class="sidebar-sub-header"><a href="/doc/zh/guide/startedQuickly.html#源码工程" class="sidebar-link">源码工程</a></li><li class="sidebar-sub-header"><a href="/doc/zh/guide/startedQuickly.html#本地运行" class="sidebar-link">本地运行</a></li></ul></li><li><a href="/doc/zh/guide/directoryStructure.html" class="sidebar-link">目录结构</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>组件开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/componentDev/componentStructure.html" class="sidebar-link">组件结构</a></li><li><a href="/doc/zh/guide/componentDev/DSLAnalysis.html" class="sidebar-link">DSL设计</a></li><li><a href="/doc/zh/guide/componentDev/dynamicLoading.html" class="sidebar-link">动态加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>功能实现</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/functionRealization/templateLibrary.html" class="sidebar-link">模板库</a></li><li><a href="/doc/zh/guide/functionRealization/saveJson.html" class="sidebar-link">保存json</a></li><li><a href="/doc/zh/guide/functionRealization/pagePreview.html" class="sidebar-link">网页预览</a></li><li><a href="/doc/zh/guide/functionRealization/machinePreview.html" class="sidebar-link">真机预览</a></li><li><a href="/doc/zh/guide/functionRealization/revocation.html" class="sidebar-link">撤销/重做</a></li><li><a href="/doc/zh/guide/functionRealization/screenshot.html" class="sidebar-link">截图功能</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>私有化部署和二次开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/deployDev/deploy.html" class="sidebar-link">私有化部署</a></li><li><a href="/doc/zh/guide/deployDev/deploy_v6.html" class="sidebar-link">v6.dooring私有化部署(临时)</a></li><li><a href="/doc/zh/guide/deployDev/https.html" class="sidebar-link">支持https</a></li><li><a href="/doc/zh/guide/deployDev/oss.html" class="sidebar-link">接入第三方oss</a></li><li><a href="/doc/zh/guide/deployDev/api.html" class="sidebar-link">API接口文档</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="快速上手"><a href="#快速上手" class="header-anchor">#</a> 快速上手</h1> <h2 id="从零搭建一个h5表单页面"><a href="#从零搭建一个h5表单页面" class="header-anchor">#</a> 从零搭建一个H5表单页面</h2> <iframe src="//player.bilibili.com/player.html?aid=715343955&bvid=BV1QQ4y1Z725&cid=332145157&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="allowfullscreen" style="width:100%;height:420px;margin-top:20px;"></iframe> <h2 id="环境准备"><a href="#环境准备" class="header-anchor">#</a> 环境准备</h2> <p>首先得有 node，并确保 node 版本是 <code>10.13</code> 或以上，（mac/win 下推荐使用 n 来管理 node 版本）</p> <div class="language- extra-class"><pre class="language-text"><code>$ node-v
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/doc/zh/guide/" aria-current="page" class="sidebar-link">基本介绍</a></li><li><a href="/doc/zh/guide/introduced.html" class="sidebar-link">doring如何工作</a></li><li><a href="/doc/zh/guide/startedQuickly.html" aria-current="page" class="active sidebar-link">快速上手</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/doc/zh/guide/startedQuickly.html#从零搭建一个h5表单页面" class="sidebar-link">从零搭建一个H5表单页面</a></li><li class="sidebar-sub-header"><a href="/doc/zh/guide/startedQuickly.html#环境准备" class="sidebar-link">环境准备</a></li><li class="sidebar-sub-header"><a href="/doc/zh/guide/startedQuickly.html#源码工程" class="sidebar-link">源码工程</a></li><li class="sidebar-sub-header"><a href="/doc/zh/guide/startedQuickly.html#本地运行" class="sidebar-link">本地运行</a></li></ul></li><li><a href="/doc/zh/guide/directoryStructure.html" class="sidebar-link">目录结构</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>组件开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/componentDev/componentStructure.html" class="sidebar-link">组件结构</a></li><li><a href="/doc/zh/guide/componentDev/DSLAnalysis.html" class="sidebar-link">DSL设计</a></li><li><a href="/doc/zh/guide/componentDev/dynamicLoading.html" class="sidebar-link">动态加载</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>功能实现</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/functionRealization/templateLibrary.html" class="sidebar-link">模板库</a></li><li><a href="/doc/zh/guide/functionRealization/saveJson.html" class="sidebar-link">保存json</a></li><li><a href="/doc/zh/guide/functionRealization/pagePreview.html" class="sidebar-link">网页预览</a></li><li><a href="/doc/zh/guide/functionRealization/machinePreview.html" class="sidebar-link">真机预览</a></li><li><a href="/doc/zh/guide/functionRealization/revocation.html" class="sidebar-link">撤销/重做</a></li><li><a href="/doc/zh/guide/functionRealization/screenshot.html" class="sidebar-link">截图功能</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>私有化部署和二次开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/zh/guide/deployDev/deploy.html" class="sidebar-link">私有化部署</a></li><li><a href="/doc/zh/guide/deployDev/deploy_v6.html" class="sidebar-link">v6.dooring私有化部署(临时)</a></li><li><a href="/doc/zh/guide/deployDev/dir.html" class="sidebar-link">服务端数据说明</a></li><li><a href="/doc/zh/guide/deployDev/https.html" class="sidebar-link">支持https</a></li><li><a href="/doc/zh/guide/deployDev/oss.html" class="sidebar-link">接入第三方oss</a></li><li><a href="/doc/zh/guide/deployDev/api.html" class="sidebar-link">API接口文档</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="快速上手"><a href="#快速上手" class="header-anchor">#</a> 快速上手</h1> <h2 id="从零搭建一个h5表单页面"><a href="#从零搭建一个h5表单页面" class="header-anchor">#</a> 从零搭建一个H5表单页面</h2> <iframe src="//player.bilibili.com/player.html?aid=715343955&bvid=BV1QQ4y1Z725&cid=332145157&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="allowfullscreen" style="width:100%;height:420px;margin-top:20px;"></iframe> <h2 id="环境准备"><a href="#环境准备" class="header-anchor">#</a> 环境准备</h2> <p>首先得有 node，并确保 node 版本是 <code>10.13</code> 或以上，（mac/win 下推荐使用 n 来管理 node 版本）</p> <div class="language- extra-class"><pre class="language-text"><code>$ node-v
|
||||
v10.13.0
|
||||
</code></pre></div><p>注：推荐使用 yarn 管理 npm 依赖</p> <h2 id="源码工程"><a href="#源码工程" class="header-anchor">#</a> 源码工程</h2> <table><thead><tr><th>h5_plus(编辑器项目)</th> <th>admin(管理后台)</th> <th>Server(服务端项目)</th></tr></thead> <tbody></tbody></table> <p>本地拿到源码工程之后先安装对应依赖，在对应工程目录里执行 yarn 命令，等待依赖安装完成。</p> <h2 id="本地运行"><a href="#本地运行" class="header-anchor">#</a> 本地运行</h2> <p>1.首先本地启动 server，在 src 目录的 index.js 中修改跨域白名单，改为本地的 ip+端口，如http://192.167.0.3:8000</p> <p>2.其次本地启动 h5_plus,启动完毕在浏览器打开对应的启动地址即可查看，如下：</p> <img src="/doc/assets/img/home.f76105db.png" alt="foo"></div> <footer class="page-edit"><!----> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">1/17/2021, 7:12:02 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
|
||||
</code></pre></div><p>注：推荐使用 yarn 管理 npm 依赖</p> <h2 id="源码工程"><a href="#源码工程" class="header-anchor">#</a> 源码工程</h2> <table><thead><tr><th>h5_plus(编辑器项目)</th> <th>admin(管理后台)</th> <th>Server(服务端项目)</th></tr></thead> <tbody></tbody></table> <p>本地拿到源码工程之后先安装对应依赖，在对应工程目录里执行 yarn 命令，等待依赖安装完成。</p> <h2 id="本地运行"><a href="#本地运行" class="header-anchor">#</a> 本地运行</h2> <p>1.首先本地启动 server，在 src 目录的 index.js 中修改跨域白名单，改为本地的 ip+端口，如http://192.167.0.3:8000</p> <p>2.其次本地启动 h5_plus,启动完毕在浏览器打开对应的启动地址即可查看，如下：</p> <img src="/doc/assets/img/home.f76105db.png" alt="foo"></div> <footer class="page-edit"><!----> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">5/8/2021, 12:34:13 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
|
||||
←
|
||||
<a href="/doc/zh/guide/introduced.html" class="prev">
|
||||
doring如何工作
|
||||
@ -39,6 +39,6 @@ v10.13.0
|
||||
</a>
|
||||
→
|
||||
</span></p></div> </main></div><div class="global-ui"></div></div>
|
||||
<script src="/doc/assets/js/app.7f190420.js" defer></script><script src="/doc/assets/js/17.c8b6849e.js" defer></script><script src="/doc/assets/js/2.917402d3.js" defer></script><script src="/doc/assets/js/16.7a72453e.js" defer></script>
|
||||
<script src="/doc/assets/js/app.4588b99c.js" defer></script><script src="/doc/assets/js/17.c8b6849e.js" defer></script><script src="/doc/assets/js/2.917402d3.js" defer></script><script src="/doc/assets/js/16.1b7e6603.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -130,6 +130,12 @@ module.exports = {
|
||||
collapsable: false,
|
||||
sidebarDepth: 1,
|
||||
},
|
||||
{
|
||||
title: '服务端数据说明',
|
||||
path: '/zh/guide/deployDev/dir',
|
||||
collapsable: false,
|
||||
sidebarDepth: 1,
|
||||
},
|
||||
{
|
||||
title: '支持https',
|
||||
path: '/zh/guide/deployDev/https',
|
||||
|
||||
21
doc/zh/guide/deployDev/dir.md
Normal file
21
doc/zh/guide/deployDev/dir.md
Normal file
@ -0,0 +1,21 @@
|
||||
<!--
|
||||
* @Date: 2021-01-20 23:25:29
|
||||
* @LastEditors: xuxiaoxi
|
||||
* @LastEditTime: 2021-01-22 21:48:34
|
||||
* @FilePath: /github-h5-Dooring/doc/zh/guide/deployDev/deploy.md
|
||||
-->
|
||||
|
||||
服务端主要是我们的`server`工程, 数据主要存放在`server/public`下, 具体数据指代含义我们接下来会详细介绍.
|
||||
- bed 存放图片库中的分类图片, 私有化部署的用户可以直接在此处扩充图片(更好的建议是直接存到第三方图床)
|
||||
- h5 用户保存的h5数据文件, 一个页面对应一个json文件
|
||||
- h5_tpl 平台保存的模版数据文件夹
|
||||
- xxx.json 模版页面文件
|
||||
- tpls.json 模版库中的模版列表数据, 可以手动清空
|
||||
- h5_vip 会员数据目录
|
||||
- form 会员制作的含表单页面的表单收集数据
|
||||
- view.json 用户浏览量数据
|
||||
- vip.json 会员列表数据
|
||||
- vipCard.json 会员订单数据(暂时无用, 可删除)
|
||||
- image.json 图片库, 主要用来渲染页面的图片库数据
|
||||
- city.json 省市3级联动数据, 为表单组件提供数据支持
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user