🎨 更新dooring文档

This commit is contained in:
xujiang 2021-05-08 00:34:13 +08:00
parent f428a540a4
commit bcdb6c0ace
53 changed files with 644 additions and 315 deletions

View File

@ -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.ac490cc9.js" as="script"><link rel="preload" href="/doc/assets/js/17.e2c644fa.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.c3aa487f.js"><link rel="prefetch" href="/doc/assets/js/11.4dfd0b43.js"><link rel="prefetch" href="/doc/assets/js/12.639e1894.js"><link rel="prefetch" href="/doc/assets/js/13.e30615b0.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/16.ebc27227.js"><link rel="prefetch" href="/doc/assets/js/18.3e6eaba0.js"><link rel="prefetch" href="/doc/assets/js/19.4abe8428.js"><link rel="prefetch" href="/doc/assets/js/2.693230f5.js"><link rel="prefetch" href="/doc/assets/js/20.eb3d4a7f.js"><link rel="prefetch" href="/doc/assets/js/21.acd348b3.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.3c312dd7.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.b3baaa9c.js"><link rel="prefetch" href="/doc/assets/js/26.5755449d.js"><link rel="prefetch" href="/doc/assets/js/27.9151272d.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.2121e1d8.js"><link rel="prefetch" href="/doc/assets/js/5.615d527f.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.f3022582.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.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.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="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>Looks like we've got some broken links.</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>How did we get here?</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.ac490cc9.js" defer></script><script src="/doc/assets/js/17.e2c644fa.js" defer></script>
<script src="/doc/assets/js/app.7f190420.js" defer></script><script src="/doc/assets/js/18.e7ced042.js" defer></script>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 57 KiB

View File

@ -1,10 +1,10 @@
(window.webpackJsonp = window.webpackJsonp || []).push([
[10],
{
360: function(t, r, a) {
359: function(t, r, a) {
t.exports = a.p + 'assets/img/dynamic.15a5303a.png';
},
387: function(t, r, a) {
388: function(t, r, a) {
'use strict';
a.r(r);
var n = a(42),
@ -41,7 +41,7 @@
),
]),
t._v(' '),
n('img', { attrs: { src: a(360), alt: 'foo' } }),
n('img', { attrs: { src: a(359), alt: 'foo' } }),
t._v(' '),
n('p', [
t._v('具体代码可以参考Dooring的Github地址'),

View File

@ -1,10 +1,10 @@
(window.webpackJsonp = window.webpackJsonp || []).push([
[11],
{
359: function(t, _, v) {
360: function(t, _, v) {
t.exports = v.p + 'assets/img/deploy.d1b1d698.png';
},
386: function(t, _, v) {
390: function(t, _, v) {
'use strict';
v.r(_);
var a = v(42),
@ -50,7 +50,7 @@
t._v(' 部署架构图'),
]),
t._v(' '),
a('img', { attrs: { src: v(359), alt: 'H5-dooring部署' } }),
a('img', { attrs: { src: v(360), alt: 'H5-dooring部署' } }),
t._v(' '),
a('p', [t._v('部署流程如下:')]),
t._v(' '),

View File

@ -0,0 +1,177 @@
(window.webpackJsonp = window.webpackJsonp || []).push([
[12],
{
361: function(t, v, _) {
t.exports = _.p + 'assets/img/v6.deploy.43cbe0de.png';
},
392: function(t, v, _) {
'use strict';
_.r(v);
var e = _(42),
a = Object(e.a)(
{},
function() {
var t = this,
v = t.$createElement,
e = t._self._c || v;
return e('ContentSlotsDistributor', { attrs: { 'slot-key': t.$parent.slotKey } }, [
e('p', [t._v('私有化部署需要获取3个核心项目包, 包括')]),
t._v(' '),
e('ul', [
e('li', [t._v('可视化大屏编辑器(v6.dooring/)')]),
t._v(' '),
e('li', [t._v('v6管理后台(v6.dooring/manage)')]),
t._v(' '),
e('li', [t._v('服务端项目(v6.dooring/server)')]),
]),
t._v(' '),
e('p', [
t._v('获取以上三个核心源码工程需要满足商业授权协议, 具体可参考'),
e(
'a',
{
attrs: {
href: 'http://h5.dooring.cn/h5_plus/price',
target: '_blank',
rel: 'noopener noreferrer',
},
},
[t._v('商业授权方案'), e('OutboundLink')],
1,
),
]),
t._v(' '),
e('h3', { attrs: { id: '部署架构图' } }, [
e('a', { staticClass: 'header-anchor', attrs: { href: '#部署架构图' } }, [
t._v('#'),
]),
t._v(' 部署架构图'),
]),
t._v(' '),
e('img', { attrs: { src: _(361), alt: 'H5-dooring部署' } }),
t._v(' '),
e('p', [t._v('部署流程如下:')]),
t._v(' '),
e('ol', [
e('li', [t._v('下载3个源码工程, 安装依赖(npm install 或 yarn)')]),
t._v(' '),
e('li', [
t._v('打包2个前端工程至'),
e('code', [t._v('server')]),
t._v('的static目录下'),
]),
t._v(' '),
e('li', [
t._v('在'),
e('code', [t._v('server')]),
t._v('下本地运行 '),
e('code', [t._v('yarn start')]),
t._v(' 或 '),
e('code', [t._v('npm start')]),
t._v(' 启动服务端进行本地测试'),
]),
t._v(' '),
e('li', [
t._v('打包服务端代码, '),
e('code', [t._v('yarn build')]),
t._v(' 生成 '),
e('code', [t._v('dist')]),
t._v(' 目录, 建议使用 '),
e('code', [t._v('pm2')]),
t._v(' 做'),
e('code', [t._v('nodejs')]),
t._v('服务的负载均衡, 运行 '),
e('code', [t._v('pm2 start dist/index.js')]),
t._v('启动生产环境代码'),
]),
]),
t._v(' '),
e('p', [
t._v('也可以将以上步骤集成到gitlab等CI, CD服务中, 进行自动化打包发布, 或者采用'),
e('code', [t._v('docker')]),
t._v('进行容器化部署.'),
]),
t._v(' '),
e('h3', { attrs: { id: '步骤3-4详细流程' } }, [
e('a', { staticClass: 'header-anchor', attrs: { href: '#步骤3-4详细流程' } }, [
t._v('#'),
]),
t._v(' 步骤3.4详细流程'),
]),
t._v(' '),
e('h4', { attrs: { id: '_1-安装项目环境' } }, [
e('a', { staticClass: 'header-anchor', attrs: { href: '#_1-安装项目环境' } }, [
t._v('#'),
]),
t._v(' 1. 安装项目环境'),
]),
t._v(' '),
e('p', [
t._v(
'服务器需提前安装node和pm2, 将本项目上传至服务器指定的目录(如/www/activity), 进入项目目录, 执行:',
),
]),
t._v(' '),
e('div', { staticClass: 'language- extra-class' }, [
e('pre', { pre: !0, attrs: { class: 'language-text' } }, [
e('code', [t._v('npm install\n')]),
]),
]),
e('h4', { attrs: { id: '_2-修改项目域名' } }, [
e('a', { staticClass: 'header-anchor', attrs: { href: '#_2-修改项目域名' } }, [
t._v('#'),
]),
t._v(' 2. 修改项目域名'),
]),
t._v(' '),
e('p', [
t._v('进入'),
e('code', [t._v('./src/config/index.js')]),
t._v(', 修改'),
e('code', [t._v('staticPath')]),
t._v('变量为当前服务器域名/ip, 如'),
e('code', [t._v('http://xxx.com')]),
t._v('或'),
e('code', [t._v('http://xxx.com:8080')]),
t._v('(如非80端口)'),
]),
t._v(' '),
e('h4', { attrs: { id: '_3-编译项目' } }, [
e('a', { staticClass: 'header-anchor', attrs: { href: '#_3-编译项目' } }, [
t._v('#'),
]),
t._v(' 3. 编译项目'),
]),
t._v(' '),
e('p', [
t._v('执行'),
e('code', [t._v('npm run build')]),
t._v('编译项目, 生成'),
e('code', [t._v('dist')]),
t._v('目录'),
]),
t._v(' '),
e('h4', { attrs: { id: '_4-运行项目' } }, [
e('a', { staticClass: 'header-anchor', attrs: { href: '#_4-运行项目' } }, [
t._v('#'),
]),
t._v(' 4. 运行项目'),
]),
t._v(' '),
e('p', [
t._v('在项目根目录执行 '),
e('code', [t._v('pm2 start dist/index.js')]),
t._v('启动项目'),
]),
]);
},
[],
!1,
null,
null,
null,
);
v.default = a.exports;
},
},
]);

View File

@ -1,10 +1,10 @@
(window.webpackJsonp = window.webpackJsonp || []).push([
[12],
[13],
{
361: function(t, e, s) {
364: function(t, e, s) {
t.exports = s.p + 'assets/img/preview-machine.895a0711.png';
},
391: function(t, e, s) {
395: function(t, e, s) {
'use strict';
s.r(e);
var a = s(42),
@ -22,7 +22,7 @@
t._v(' '),
a('p', [t._v('真机预览和网页预览的流程类似,工作流程如下:')]),
t._v(' '),
a('img', { attrs: { src: s(361), alt: 'foo' } }),
a('img', { attrs: { src: s(364), alt: 'foo' } }),
t._v(' '),
a('p', [t._v('由于不同机型预览的效果有些许不同,最终效果以实际看到的为主。')]),
]);

View File

@ -1,10 +1,10 @@
(window.webpackJsonp = window.webpackJsonp || []).push([
[13],
[14],
{
362: function(t, s, e) {
365: function(t, s, e) {
t.exports = e.p + 'assets/img/screenshot.daeecedd.png';
},
394: function(t, s, e) {
398: function(t, s, e) {
'use strict';
e.r(s);
var a = e(42),
@ -27,7 +27,7 @@
),
]),
this._v(' '),
s('img', { attrs: { src: e(362), alt: 'foo' } }),
s('img', { attrs: { src: e(365), alt: 'foo' } }),
]);
},
[],

View File

@ -1,10 +1,10 @@
(window.webpackJsonp = window.webpackJsonp || []).push([
[14],
[15],
{
367: function(t, s, e) {
368: function(t, s, e) {
t.exports = e.p + 'assets/img/framework.1c9c696b.png';
},
399: function(t, s, e) {
401: function(t, s, e) {
'use strict';
e.r(s);
var n = e(42),
@ -14,7 +14,7 @@
var t = this.$createElement,
s = this._self._c || t;
return s('ContentSlotsDistributor', { attrs: { 'slot-key': this.$parent.slotKey } }, [
s('img', { attrs: { src: e(367), alt: 'foo' } }),
s('img', { attrs: { src: e(368), alt: 'foo' } }),
this._v(' '),
s('p', [this._v('注:灰色部分还未实现,正在更新中...')]),
]);

View File

@ -1,14 +1,14 @@
(window.webpackJsonp = window.webpackJsonp || []).push([
[15],
[16],
{
368: function(t, a, s) {
t.exports = s.p + 'assets/img/home.f76105db.png';
369: function(t, a, r) {
t.exports = r.p + 'assets/img/home.f76105db.png';
},
400: function(t, a, s) {
402: function(t, a, r) {
'use strict';
s.r(a);
var e = s(42),
r = Object(e.a)(
r.r(a);
var e = r(42),
s = Object(e.a)(
{},
function() {
var t = this,
@ -20,6 +20,28 @@
t._v(' 快速上手'),
]),
t._v(' '),
e('h2', { attrs: { id: '从零搭建一个h5表单页面' } }, [
e(
'a',
{ staticClass: 'header-anchor', attrs: { href: '#从零搭建一个h5表单页面' } },
[t._v('#')],
),
t._v(' 从零搭建一个H5表单页面'),
]),
t._v(' '),
e('iframe', {
staticStyle: { width: '100%', height: '420px', 'margin-top': '20px' },
attrs: {
src:
'//player.bilibili.com/player.html?aid=715343955&bvid=BV1QQ4y1Z725&cid=332145157&page=1',
scrolling: 'no',
border: '0',
frameborder: 'no',
framespacing: '0',
allowfullscreen: 'true',
},
}),
t._v(' '),
e('h2', { attrs: { id: '环境准备' } }, [
e('a', { staticClass: 'header-anchor', attrs: { href: '#环境准备' } }, [t._v('#')]),
t._v(' 环境准备'),
@ -78,7 +100,7 @@
t._v('2.其次本地启动 h5_plus,启动完毕在浏览器打开对应的启动地址即可查看,如下:'),
]),
t._v(' '),
e('img', { attrs: { src: s(368), alt: 'foo' } }),
e('img', { attrs: { src: r(369), alt: 'foo' } }),
]);
},
[],
@ -87,7 +109,7 @@
null,
null,
);
a.default = r.exports;
a.default = s.exports;
},
},
]);

View File

@ -1,12 +1,12 @@
(window.webpackJsonp = window.webpackJsonp || []).push([
[16],
[17],
{
378: function(t, e, a) {
379: function(t, e, a) {
'use strict';
a.r(e);
var o = a(374),
n = a(375),
i = a(376),
var o = a(375),
n = a(376),
i = a(377),
s = a(308),
r = {
name: 'Layout',

View File

@ -1,7 +1,7 @@
(window.webpackJsonp = window.webpackJsonp || []).push([
[17],
[18],
{
377: function(t, e, s) {
378: function(t, e, s) {
'use strict';
s.r(e);
var n = [

View File

@ -1,7 +1,7 @@
(window.webpackJsonp = window.webpackJsonp || []).push([
[18],
[19],
{
382: function(t, e, n) {
385: function(t, e, n) {
'use strict';
n.r(e);
var s = n(42),

View File

@ -1290,7 +1290,7 @@
'use strict';
n(331);
},
374: function(t, e, n) {
375: function(t, e, n) {
'use strict';
n(339),
n(23),
@ -1705,7 +1705,7 @@
));
e.a = f.exports;
},
375: function(t, e, n) {
376: function(t, e, n) {
'use strict';
n(43), n(66);
var i = n(325),
@ -2019,7 +2019,7 @@
));
e.a = m.exports;
},
376: function(t, e, n) {
377: function(t, e, n) {
'use strict';
var i = n(336),
r = n(337),

View File

@ -1,7 +1,7 @@
(window.webpackJsonp = window.webpackJsonp || []).push([
[19],
[20],
{
385: function(t, e, n) {
386: function(t, e, n) {
'use strict';
n.r(e);
var s = n(42),

View File

@ -1,5 +1,5 @@
(window.webpackJsonp = window.webpackJsonp || []).push([
[20],
[21],
{
383: function(t, s, a) {
'use strict';

View File

@ -1,7 +1,7 @@
(window.webpackJsonp = window.webpackJsonp || []).push([
[21],
[22],
{
388: function(t, s, a) {
387: function(t, s, a) {
'use strict';
a.r(s);
var n = a(42),

View File

@ -1,5 +1,5 @@
(window.webpackJsonp = window.webpackJsonp || []).push([
[22],
[23],
{
389: function(t, s, a) {
'use strict';

View File

@ -1,7 +1,7 @@
(window.webpackJsonp = window.webpackJsonp || []).push([
[23],
[24],
{
390: function(t, s, a) {
391: function(t, s, a) {
'use strict';
a.r(s);
var n = a(42),

View File

@ -1,7 +1,7 @@
(window.webpackJsonp = window.webpackJsonp || []).push([
[24],
[25],
{
393: function(t, s, a) {
396: function(t, s, a) {
'use strict';
a.r(s);
var n = a(42),

View File

@ -1,7 +1,7 @@
(window.webpackJsonp = window.webpackJsonp || []).push([
[25],
[26],
{
392: function(n, e, s) {
393: function(n, e, s) {
'use strict';
s.r(e);
var t = s(42),

View File

@ -1,7 +1,7 @@
(window.webpackJsonp = window.webpackJsonp || []).push([
[26],
[27],
{
395: function(t, s, a) {
399: function(t, s, a) {
'use strict';
a.r(s);
var n = a(42),

View File

@ -1,7 +1,7 @@
(window.webpackJsonp = window.webpackJsonp || []).push([
[27],
[28],
{
396: function(t, n, e) {
397: function(t, n, e) {
'use strict';
e.r(n);
var o = e(42),

View File

@ -454,14 +454,14 @@
};
},
332: function(t, n, e) {},
369: function(t, n, e) {
370: function(t, n, e) {
t.exports = e.p + 'assets/img/logo.001d04e6.svg';
},
370: function(t, n, e) {
371: function(t, n, e) {
'use strict';
e(332);
},
379: function(t, n, e) {
380: function(t, n, e) {
'use strict';
e.r(n);
var r = {
@ -476,7 +476,7 @@
},
},
},
i = (e(370), e(42)),
i = (e(371), e(42)),
a = Object(i.a)(
r,
function() {
@ -493,7 +493,7 @@
r('header', { staticClass: 'hero' }, [
null !== t.data.heroText
? r('h1', { attrs: { id: 'main-title' } }, [
r('img', { attrs: { src: e(369), alt: t.data.heroAlt || 'hero' } }),
r('img', { attrs: { src: e(370), alt: t.data.heroAlt || 'hero' } }),
r('span', [t._v(t._s(t.data.heroText || t.$title || 'Hello'))]),
])
: t._e(),

View File

@ -2,11 +2,11 @@
[4],
{
333: function(t, e, n) {},
371: function(t, e, n) {
372: function(t, e, n) {
'use strict';
n(333);
},
401: function(t, e, n) {
403: function(t, e, n) {
'use strict';
n.r(e);
var i = {
@ -26,7 +26,7 @@
);
},
},
r = (n(371), n(42)),
r = (n(372), n(42)),
p = Object(r.a)(i, void 0, void 0, !1, null, '15b7b770', null);
e.default = p.exports;
},

View File

@ -2,18 +2,18 @@
[5],
{
334: function(e, t, c) {},
372: function(e, t, c) {
373: function(e, t, c) {
'use strict';
c(334);
},
380: function(e, t, c) {
381: function(e, t, c) {
'use strict';
c.r(t);
var i = {
name: 'CodeBlock',
props: { title: { type: String, required: !0 }, active: { type: Boolean, default: !1 } },
},
n = (c(372), c(42)),
n = (c(373), c(42)),
s = Object(n.a)(
i,
function() {

View File

@ -2,11 +2,11 @@
[6],
{
335: function(e, t, o) {},
373: function(e, t, o) {
374: function(e, t, o) {
'use strict';
o(335);
},
381: function(e, t, o) {
382: function(e, t, o) {
'use strict';
o.r(t);
o(23), o(93), o(65), o(95);
@ -45,7 +45,7 @@
},
},
},
c = (o(373), o(42)),
c = (o(374), o(42)),
n = Object(c.a)(
a,
function() {

View File

@ -1,13 +1,13 @@
(window.webpackJsonp = window.webpackJsonp || []).push([
[7],
{
363: function(t, s, e) {
362: function(t, s, e) {
t.exports = e.p + 'assets/img/preview-flow.b37c7798.png';
},
364: function(t, s, e) {
363: function(t, s, e) {
t.exports = e.p + 'assets/img/preview-page.3ec86df5.png';
},
397: function(t, s, e) {
394: function(t, s, e) {
'use strict';
e.r(s);
var r = e(42),
@ -25,11 +25,11 @@
t._v(' '),
r('p', [t._v('我们看看网页预览的工作流程:')]),
t._v(' '),
r('img', { attrs: { src: e(363), alt: 'foo' } }),
r('img', { attrs: { src: e(362), alt: 'foo' } }),
t._v(' '),
r('p', [t._v('前端预览界面:')]),
t._v(' '),
r('img', { attrs: { src: e(364), alt: 'foo' } }),
r('img', { attrs: { src: e(363), alt: 'foo' } }),
]);
},
[],

View File

@ -1,13 +1,13 @@
(window.webpackJsonp = window.webpackJsonp || []).push([
[8],
{
365: function(t, s, a) {
366: function(t, s, a) {
t.exports = a.p + 'assets/img/template-ft.4f6e0d14.png';
},
366: function(t, s, a) {
367: function(t, s, a) {
t.exports = a.p + 'assets/img/template-bg.244b9ac7.png';
},
398: function(t, s, a) {
400: function(t, s, a) {
'use strict';
a.r(s);
var e = a(42),
@ -38,7 +38,7 @@
t._v(' 模板前台展示:'),
]),
t._v(' '),
e('img', { attrs: { src: a(365), alt: 'foo' } }),
e('img', { attrs: { src: a(366), alt: 'foo' } }),
t._v(' '),
e('h3', { attrs: { id: '模板后台展示' } }, [
e('a', { staticClass: 'header-anchor', attrs: { href: '#模板后台展示' } }, [
@ -47,7 +47,7 @@
t._v(' 模板后台展示:'),
]),
t._v(' '),
e('img', { attrs: { src: a(366), alt: 'foo' } }),
e('img', { attrs: { src: a(367), alt: 'foo' } }),
]);
},
[],

View File

@ -47,32 +47,33 @@
({}[t] || t) +
'.' +
{
2: '693230f5',
3: '0105453b',
4: '2121e1d8',
5: '615d527f',
6: 'a3c1a71a',
7: 'f3022582',
8: '66884c30',
2: '917402d3',
3: 'd2d22c88',
4: 'f2ae7e99',
5: '262c1769',
6: '5f53f889',
7: '6b0d225c',
8: 'e0652172',
9: '5e6217e4',
10: 'c3aa487f',
11: '4dfd0b43',
12: '639e1894',
13: 'e30615b0',
14: 'eff270f4',
15: '2cabc303',
16: 'ebc27227',
17: 'e2c644fa',
18: '3e6eaba0',
19: '4abe8428',
20: 'eb3d4a7f',
21: 'acd348b3',
22: 'da6fbe43',
23: '3c312dd7',
24: '96d82a87',
25: 'b3baaa9c',
26: '5755449d',
27: '9151272d',
10: '2d5d3aaa',
11: 'db03b544',
12: 'd4cc4a96',
13: '9e2d642e',
14: 'ea0f3745',
15: '0bec3d88',
16: '7a72453e',
17: 'c8b6849e',
18: 'e7ced042',
19: '90149f22',
20: '4781e342',
21: 'f426ff47',
22: '0e8b2b46',
23: '83c4ae0b',
24: '69d1e5e4',
25: 'e10c3e5e',
26: 'c1e8d4c6',
27: 'faa6f053',
28: 'f591635f',
}[t] +
'.js'
);
@ -11033,69 +11034,72 @@
var Aa = n(40),
ka = {
NotFound: function() {
return n.e(17).then(n.bind(null, 377));
return n.e(18).then(n.bind(null, 378));
},
Layout: function() {
return Promise.all([n.e(0), n.e(2), n.e(16)]).then(n.bind(null, 378));
return Promise.all([n.e(0), n.e(2), n.e(17)]).then(n.bind(null, 379));
},
},
Ca = {
'v-11d3734f': function() {
return n.e(18).then(n.bind(null, 382));
},
'v-50357228': function() {
return n.e(20).then(n.bind(null, 383));
return n.e(21).then(n.bind(null, 383));
},
'v-77cb6b9f': function() {
return n.e(9).then(n.bind(null, 384));
},
'v-27f2dbac': function() {
'v-11d3734f': function() {
return n.e(19).then(n.bind(null, 385));
},
'v-1c499b2c': function() {
return n.e(11).then(n.bind(null, 386));
},
'v-358de850': function() {
return n.e(10).then(n.bind(null, 387));
'v-27f2dbac': function() {
return n.e(20).then(n.bind(null, 386));
},
'v-2c7961a6': function() {
return n.e(21).then(n.bind(null, 388));
return n.e(22).then(n.bind(null, 387));
},
'v-358de850': function() {
return n.e(10).then(n.bind(null, 388));
},
'v-6be2680e': function() {
return n.e(22).then(n.bind(null, 389));
return n.e(23).then(n.bind(null, 389));
},
'v-1c499b2c': function() {
return n.e(11).then(n.bind(null, 390));
},
'v-3e53f828': function() {
return n.e(23).then(n.bind(null, 390));
return n.e(24).then(n.bind(null, 391));
},
'v-1995786c': function() {
return n.e(12).then(n.bind(null, 391));
'v-94956b5c': function() {
return n.e(12).then(n.bind(null, 392));
},
'v-4574ee28': function() {
return n.e(25).then(n.bind(null, 392));
},
'v-25c71eb8': function() {
return n.e(24).then(n.bind(null, 393));
},
'v-31643a8c': function() {
return n.e(13).then(n.bind(null, 394));
},
'v-76fd0d8c': function() {
return n.e(26).then(n.bind(null, 395));
},
'v-0be2f96c': function() {
return n.e(27).then(n.bind(null, 396));
return n.e(26).then(n.bind(null, 393));
},
'v-f3d01ce0': function() {
return n.e(7).then(n.bind(null, 397));
return n.e(7).then(n.bind(null, 394));
},
'v-1995786c': function() {
return n.e(13).then(n.bind(null, 395));
},
'v-25c71eb8': function() {
return n.e(25).then(n.bind(null, 396));
},
'v-0be2f96c': function() {
return n.e(28).then(n.bind(null, 397));
},
'v-31643a8c': function() {
return n.e(14).then(n.bind(null, 398));
},
'v-76fd0d8c': function() {
return n.e(27).then(n.bind(null, 399));
},
'v-a9b10980': function() {
return n.e(8).then(n.bind(null, 398));
return n.e(8).then(n.bind(null, 400));
},
'v-c2ed5468': function() {
return n.e(14).then(n.bind(null, 399));
return n.e(15).then(n.bind(null, 401));
},
'v-3f5a1068': function() {
return n.e(15).then(n.bind(null, 400));
return n.e(16).then(n.bind(null, 402));
},
};
function $a(t) {
@ -11457,15 +11461,6 @@
}
})(fu, 'mixins', uu);
var lu = [
{
name: 'v-11d3734f',
path: '/',
component: fu,
beforeEnter: function(t, e, n) {
Wa('Layout', 'v-11d3734f').then(n);
},
},
{ path: '/index.html', redirect: '/' },
{
name: 'v-50357228',
path: '/zh/guide/componentDev/DSLAnalysis.html',
@ -11483,6 +11478,15 @@
},
},
{ path: '/zh/guide/index.html', redirect: '/zh/guide/' },
{
name: 'v-11d3734f',
path: '/',
component: fu,
beforeEnter: function(t, e, n) {
Wa('Layout', 'v-11d3734f').then(n);
},
},
{ path: '/index.html', redirect: '/' },
{
name: 'v-27f2dbac',
path: '/zh/guide/building.html',
@ -11491,22 +11495,6 @@
Wa('Layout', 'v-27f2dbac').then(n);
},
},
{
name: 'v-1c499b2c',
path: '/zh/guide/deployDev/deploy.html',
component: fu,
beforeEnter: function(t, e, n) {
Wa('Layout', 'v-1c499b2c').then(n);
},
},
{
name: 'v-358de850',
path: '/zh/guide/componentDev/dynamicLoading.html',
component: fu,
beforeEnter: function(t, e, n) {
Wa('Layout', 'v-358de850').then(n);
},
},
{
name: 'v-2c7961a6',
path: '/zh/guide/componentDev/componentStructure.html',
@ -11515,6 +11503,14 @@
Wa('Layout', 'v-2c7961a6').then(n);
},
},
{
name: 'v-358de850',
path: '/zh/guide/componentDev/dynamicLoading.html',
component: fu,
beforeEnter: function(t, e, n) {
Wa('Layout', 'v-358de850').then(n);
},
},
{
name: 'v-6be2680e',
path: '/zh/guide/deployDev/api.html',
@ -11523,6 +11519,14 @@
Wa('Layout', 'v-6be2680e').then(n);
},
},
{
name: 'v-1c499b2c',
path: '/zh/guide/deployDev/deploy.html',
component: fu,
beforeEnter: function(t, e, n) {
Wa('Layout', 'v-1c499b2c').then(n);
},
},
{
name: 'v-3e53f828',
path: '/zh/guide/deployDev/https.html',
@ -11532,11 +11536,11 @@
},
},
{
name: 'v-1995786c',
path: '/zh/guide/functionRealization/machinePreview.html',
name: 'v-94956b5c',
path: '/zh/guide/deployDev/deploy_v6.html',
component: fu,
beforeEnter: function(t, e, n) {
Wa('Layout', 'v-1995786c').then(n);
Wa('Layout', 'v-94956b5c').then(n);
},
},
{
@ -11547,6 +11551,22 @@
Wa('Layout', 'v-4574ee28').then(n);
},
},
{
name: 'v-f3d01ce0',
path: '/zh/guide/functionRealization/pagePreview.html',
component: fu,
beforeEnter: function(t, e, n) {
Wa('Layout', 'v-f3d01ce0').then(n);
},
},
{
name: 'v-1995786c',
path: '/zh/guide/functionRealization/machinePreview.html',
component: fu,
beforeEnter: function(t, e, n) {
Wa('Layout', 'v-1995786c').then(n);
},
},
{
name: 'v-25c71eb8',
path: '/zh/guide/deployDev/oss.html',
@ -11555,6 +11575,14 @@
Wa('Layout', 'v-25c71eb8').then(n);
},
},
{
name: 'v-0be2f96c',
path: '/zh/guide/functionRealization/saveJson.html',
component: fu,
beforeEnter: function(t, e, n) {
Wa('Layout', 'v-0be2f96c').then(n);
},
},
{
name: 'v-31643a8c',
path: '/zh/guide/functionRealization/screenshot.html',
@ -11571,22 +11599,6 @@
Wa('Layout', 'v-76fd0d8c').then(n);
},
},
{
name: 'v-0be2f96c',
path: '/zh/guide/functionRealization/saveJson.html',
component: fu,
beforeEnter: function(t, e, n) {
Wa('Layout', 'v-0be2f96c').then(n);
},
},
{
name: 'v-f3d01ce0',
path: '/zh/guide/functionRealization/pagePreview.html',
component: fu,
beforeEnter: function(t, e, n) {
Wa('Layout', 'v-f3d01ce0').then(n);
},
},
{
name: 'v-a9b10980',
path: '/zh/guide/functionRealization/templateLibrary.html',
@ -11619,6 +11631,27 @@
base: '/doc/',
headTags: [],
pages: [
{
title: 'DSL设计',
frontmatter: {},
regularPath: '/zh/guide/componentDev/DSLAnalysis.html',
relativePath: 'zh/guide/componentDev/DSLAnalysis.md',
key: 'v-50357228',
path: '/zh/guide/componentDev/DSLAnalysis.html',
lastUpdated: '1/17/2021, 9:57:34 PM',
},
{
frontmatter: {},
regularPath: '/zh/guide/',
relativePath: 'zh/guide/README.md',
key: 'v-77cb6b9f',
path: '/zh/guide/',
headers: [
{ level: 2, title: '功能特点', slug: '功能特点' },
{ level: 2, title: '为什么选择 Dooring', slug: '为什么选择-dooring' },
],
lastUpdated: '3/22/2021, 10:16:35 AM',
},
{
title: 'Home',
frontmatter: {
@ -11649,27 +11682,6 @@
path: '/',
lastUpdated: '1/17/2021, 11:22:04 PM',
},
{
title: 'DSL设计',
frontmatter: {},
regularPath: '/zh/guide/componentDev/DSLAnalysis.html',
relativePath: 'zh/guide/componentDev/DSLAnalysis.md',
key: 'v-50357228',
path: '/zh/guide/componentDev/DSLAnalysis.html',
lastUpdated: '1/17/2021, 9:57:34 PM',
},
{
frontmatter: {},
regularPath: '/zh/guide/',
relativePath: 'zh/guide/README.md',
key: 'v-77cb6b9f',
path: '/zh/guide/',
headers: [
{ level: 2, title: '功能特点', slug: '功能特点' },
{ level: 2, title: '为什么选择 Dooring', slug: '为什么选择-dooring' },
],
lastUpdated: '3/22/2021, 10:16:35 AM',
},
{
frontmatter: {},
regularPath: '/zh/guide/building.html',
@ -11678,27 +11690,6 @@
path: '/zh/guide/building.html',
lastUpdated: '1/17/2021, 11:22:04 PM',
},
{
frontmatter: {},
regularPath: '/zh/guide/deployDev/deploy.html',
relativePath: 'zh/guide/deployDev/deploy.md',
key: 'v-1c499b2c',
path: '/zh/guide/deployDev/deploy.html',
headers: [
{ level: 3, title: '部署架构图', slug: '部署架构图' },
{ level: 3, title: '步骤3.4详细流程', slug: '步骤3-4详细流程' },
],
lastUpdated: '4/20/2021, 10:19:10 PM',
},
{
frontmatter: {},
regularPath: '/zh/guide/componentDev/dynamicLoading.html',
relativePath: 'zh/guide/componentDev/dynamicLoading.md',
key: 'v-358de850',
path: '/zh/guide/componentDev/dynamicLoading.html',
headers: [{ level: 2, title: 'umi3提供的dynamic', slug: 'umi3提供的dynamic' }],
lastUpdated: '1/17/2021, 9:57:34 PM',
},
{
frontmatter: {},
regularPath: '/zh/guide/componentDev/componentStructure.html',
@ -11711,6 +11702,15 @@
{ level: 2, title: 'schema设计', slug: 'schema设计' },
{ level: 3, title: '组件编辑区属性类型', slug: '组件编辑区属性类型' },
],
lastUpdated: '4/27/2021, 1:17:02 AM',
},
{
frontmatter: {},
regularPath: '/zh/guide/componentDev/dynamicLoading.html',
relativePath: 'zh/guide/componentDev/dynamicLoading.md',
key: 'v-358de850',
path: '/zh/guide/componentDev/dynamicLoading.html',
headers: [{ level: 2, title: 'umi3提供的dynamic', slug: 'umi3提供的dynamic' }],
lastUpdated: '1/17/2021, 9:57:34 PM',
},
{
@ -11747,6 +11747,18 @@
],
lastUpdated: '2/15/2021, 12:27:31 AM',
},
{
frontmatter: {},
regularPath: '/zh/guide/deployDev/deploy.html',
relativePath: 'zh/guide/deployDev/deploy.md',
key: 'v-1c499b2c',
path: '/zh/guide/deployDev/deploy.html',
headers: [
{ level: 3, title: '部署架构图', slug: '部署架构图' },
{ level: 3, title: '步骤3.4详细流程', slug: '步骤3-4详细流程' },
],
lastUpdated: '4/20/2021, 10:19:10 PM',
},
{
frontmatter: {},
regularPath: '/zh/guide/deployDev/https.html',
@ -11761,11 +11773,14 @@
},
{
frontmatter: {},
regularPath: '/zh/guide/functionRealization/machinePreview.html',
relativePath: 'zh/guide/functionRealization/machinePreview.md',
key: 'v-1995786c',
path: '/zh/guide/functionRealization/machinePreview.html',
lastUpdated: '1/17/2021, 9:57:34 PM',
regularPath: '/zh/guide/deployDev/deploy_v6.html',
relativePath: 'zh/guide/deployDev/deploy_v6.md',
key: 'v-94956b5c',
path: '/zh/guide/deployDev/deploy_v6.html',
headers: [
{ level: 3, title: '部署架构图', slug: '部署架构图' },
{ level: 3, title: '步骤3.4详细流程', slug: '步骤3-4详细流程' },
],
},
{
frontmatter: {},
@ -11775,6 +11790,22 @@
path: '/zh/guide/directoryStructure.html',
lastUpdated: '1/17/2021, 7:12:02 PM',
},
{
frontmatter: {},
regularPath: '/zh/guide/functionRealization/pagePreview.html',
relativePath: 'zh/guide/functionRealization/pagePreview.md',
key: 'v-f3d01ce0',
path: '/zh/guide/functionRealization/pagePreview.html',
lastUpdated: '1/17/2021, 9:57:34 PM',
},
{
frontmatter: {},
regularPath: '/zh/guide/functionRealization/machinePreview.html',
relativePath: 'zh/guide/functionRealization/machinePreview.md',
key: 'v-1995786c',
path: '/zh/guide/functionRealization/machinePreview.html',
lastUpdated: '1/17/2021, 9:57:34 PM',
},
{
frontmatter: {},
regularPath: '/zh/guide/deployDev/oss.html',
@ -11784,6 +11815,14 @@
headers: [{ level: 3, title: '前端上传文件到oss', slug: '前端上传文件到oss' }],
lastUpdated: '1/31/2021, 1:25:02 AM',
},
{
frontmatter: {},
regularPath: '/zh/guide/functionRealization/saveJson.html',
relativePath: 'zh/guide/functionRealization/saveJson.md',
key: 'v-0be2f96c',
path: '/zh/guide/functionRealization/saveJson.html',
lastUpdated: '1/17/2021, 9:57:34 PM',
},
{
frontmatter: {},
regularPath: '/zh/guide/functionRealization/screenshot.html',
@ -11800,22 +11839,6 @@
path: '/zh/guide/functionRealization/revocation.html',
lastUpdated: '1/17/2021, 9:57:34 PM',
},
{
frontmatter: {},
regularPath: '/zh/guide/functionRealization/saveJson.html',
relativePath: 'zh/guide/functionRealization/saveJson.md',
key: 'v-0be2f96c',
path: '/zh/guide/functionRealization/saveJson.html',
lastUpdated: '1/17/2021, 9:57:34 PM',
},
{
frontmatter: {},
regularPath: '/zh/guide/functionRealization/pagePreview.html',
relativePath: 'zh/guide/functionRealization/pagePreview.md',
key: 'v-f3d01ce0',
path: '/zh/guide/functionRealization/pagePreview.html',
lastUpdated: '1/17/2021, 9:57:34 PM',
},
{
frontmatter: {},
regularPath: '/zh/guide/functionRealization/templateLibrary.html',
@ -11845,6 +11868,7 @@
key: 'v-3f5a1068',
path: '/zh/guide/startedQuickly.html',
headers: [
{ level: 2, title: '从零搭建一个H5表单页面', slug: '从零搭建一个h5表单页面' },
{ level: 2, title: '环境准备', slug: '环境准备' },
{ level: 2, title: '源码工程', slug: '源码工程' },
{ level: 2, title: '本地运行', slug: '本地运行' },
@ -11967,6 +11991,12 @@
collapsable: !1,
sidebarDepth: 1,
},
{
title: 'v6.dooring私有化部署(临时)',
path: '/zh/guide/deployDev/deploy_v6',
collapsable: !1,
sidebarDepth: 1,
},
{
title: '支持https',
path: '/zh/guide/deployDev/https',
@ -11992,16 +12022,16 @@
};
n(300), n(301);
Ro.component('Home', function() {
return Promise.all([n.e(0), n.e(3)]).then(n.bind(null, 379));
return Promise.all([n.e(0), n.e(3)]).then(n.bind(null, 380));
}),
Ro.component('Badge', function() {
return Promise.all([n.e(0), n.e(4)]).then(n.bind(null, 401));
return Promise.all([n.e(0), n.e(4)]).then(n.bind(null, 403));
}),
Ro.component('CodeBlock', function() {
return Promise.all([n.e(0), n.e(5)]).then(n.bind(null, 380));
return Promise.all([n.e(0), n.e(5)]).then(n.bind(null, 381));
}),
Ro.component('CodeGroup', function() {
return Promise.all([n.e(0), n.e(6)]).then(n.bind(null, 381));
return Promise.all([n.e(0), n.e(6)]).then(n.bind(null, 382));
});
n(302);
var hu = [
@ -12498,7 +12528,7 @@
var e = this.$site.base;
return '/' === t.charAt(0) ? e + t.slice(1) : t;
}),
(window.__VUEPRESS__ = { version: '1.8.0', hash: '615c49f' }),
(window.__VUEPRESS__ = { version: '1.8.0', hash: 'f428a54' }),
(function(t) {
return $u.apply(this, arguments);
})(!1).then(function(t) {

View File

@ -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.ac490cc9.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/3.0105453b.js" as="script"><link rel="preload" href="/doc/assets/js/18.3e6eaba0.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.c3aa487f.js"><link rel="prefetch" href="/doc/assets/js/11.4dfd0b43.js"><link rel="prefetch" href="/doc/assets/js/12.639e1894.js"><link rel="prefetch" href="/doc/assets/js/13.e30615b0.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/19.4abe8428.js"><link rel="prefetch" href="/doc/assets/js/20.eb3d4a7f.js"><link rel="prefetch" href="/doc/assets/js/21.acd348b3.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.3c312dd7.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.b3baaa9c.js"><link rel="prefetch" href="/doc/assets/js/26.5755449d.js"><link rel="prefetch" href="/doc/assets/js/27.9151272d.js"><link rel="prefetch" href="/doc/assets/js/4.2121e1d8.js"><link rel="prefetch" href="/doc/assets/js/5.615d527f.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.f3022582.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.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.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="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/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/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.ac490cc9.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/3.0105453b.js" defer></script><script src="/doc/assets/js/18.3e6eaba0.js" defer></script>
<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>
</body>
</html>

View File

@ -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.ac490cc9.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/19.4abe8428.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.c3aa487f.js"><link rel="prefetch" href="/doc/assets/js/11.4dfd0b43.js"><link rel="prefetch" href="/doc/assets/js/12.639e1894.js"><link rel="prefetch" href="/doc/assets/js/13.e30615b0.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.3e6eaba0.js"><link rel="prefetch" href="/doc/assets/js/20.eb3d4a7f.js"><link rel="prefetch" href="/doc/assets/js/21.acd348b3.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.3c312dd7.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.b3baaa9c.js"><link rel="prefetch" href="/doc/assets/js/26.5755449d.js"><link rel="prefetch" href="/doc/assets/js/27.9151272d.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.2121e1d8.js"><link rel="prefetch" href="/doc/assets/js/5.615d527f.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.f3022582.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.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.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="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/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.ac490cc9.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/19.4abe8428.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/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>
</body>
</html>

View File

@ -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.ac490cc9.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/20.eb3d4a7f.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.c3aa487f.js"><link rel="prefetch" href="/doc/assets/js/11.4dfd0b43.js"><link rel="prefetch" href="/doc/assets/js/12.639e1894.js"><link rel="prefetch" href="/doc/assets/js/13.e30615b0.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.3e6eaba0.js"><link rel="prefetch" href="/doc/assets/js/19.4abe8428.js"><link rel="prefetch" href="/doc/assets/js/21.acd348b3.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.3c312dd7.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.b3baaa9c.js"><link rel="prefetch" href="/doc/assets/js/26.5755449d.js"><link rel="prefetch" href="/doc/assets/js/27.9151272d.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.2121e1d8.js"><link rel="prefetch" href="/doc/assets/js/5.615d527f.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.f3022582.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.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.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="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/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/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.ac490cc9.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/20.eb3d4a7f.js" defer></script>
<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>
</body>
</html>

View File

@ -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.ac490cc9.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/21.acd348b3.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.c3aa487f.js"><link rel="prefetch" href="/doc/assets/js/11.4dfd0b43.js"><link rel="prefetch" href="/doc/assets/js/12.639e1894.js"><link rel="prefetch" href="/doc/assets/js/13.e30615b0.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.3e6eaba0.js"><link rel="prefetch" href="/doc/assets/js/19.4abe8428.js"><link rel="prefetch" href="/doc/assets/js/20.eb3d4a7f.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.3c312dd7.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.b3baaa9c.js"><link rel="prefetch" href="/doc/assets/js/26.5755449d.js"><link rel="prefetch" href="/doc/assets/js/27.9151272d.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.2121e1d8.js"><link rel="prefetch" href="/doc/assets/js/5.615d527f.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.f3022582.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.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.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="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/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/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>
@ -139,7 +139,7 @@
<span class="token punctuation">}</span><span class="token punctuation">;</span>
<span class="token keyword">export</span> <span class="token keyword">default</span> Header<span class="token punctuation">;</span>
</code></pre></div><p><code>editData</code>表示组件的可编辑属性, 我们可以自定义哪些组件可编辑. <code>config</code>为组件接收的属性, 和<code>editData</code>数组项中的<code>key</code>一一对应.</p> <h3 id="组件编辑区属性类型"><a href="#组件编辑区属性类型" class="header-anchor">#</a> 组件编辑区属性类型</h3> <p><code>Dooring</code>组件编辑面板有如下对应编辑类型:</p> <ul><li>Upload 上传组件</li> <li>Text 文本框</li> <li>RichText 富文本</li> <li>TextArea 多行文本</li> <li>Number 数字输入框</li> <li>DataList 列表编辑器</li> <li>FileList 文件列表编辑器</li> <li>InteractionData 交互设置</li> <li>Color 颜色面板</li> <li>MutiText 多文本</li> <li>Select 选择下拉框</li> <li>Radio 单选框</li> <li>Switch 开关切换</li> <li>CardPicker 卡片面板</li> <li>Table 表格编辑器</li> <li>Pos 坐标编辑器</li> <li>FormItems 表单设计器</li></ul></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">
</code></pre></div><p><code>editData</code>表示组件的可编辑属性, 我们可以自定义哪些组件可编辑. <code>config</code>为组件接收的属性, 和<code>editData</code>数组项中的<code>key</code>一一对应.</p> <h3 id="组件编辑区属性类型"><a href="#组件编辑区属性类型" class="header-anchor">#</a> 组件编辑区属性类型</h3> <p><code>Dooring</code>组件编辑面板有如下对应编辑类型:</p> <ul><li>Upload 上传组件</li> <li>Text 文本框</li> <li>RichText 富文本</li> <li>TextArea 多行文本</li> <li>Number 数字输入框</li> <li>DataList 列表编辑器</li> <li>FileList 文件列表编辑器</li> <li>InteractionData 交互设置</li> <li>Color 颜色面板</li> <li>MutiText 多文本</li> <li>Select 选择下拉框</li> <li>Radio 单选框</li> <li>Switch 开关切换</li> <li>CardPicker 卡片面板</li> <li>Table 表格编辑器</li> <li>Pos 坐标编辑器</li> <li>FormItems 表单设计器</li></ul></div> <footer class="page-edit"><!----> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">4/27/2021, 1:17:02 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
<a href="/doc/zh/guide/directoryStructure.html" class="prev">
目录结构
@ -148,6 +148,6 @@
</a>
</span></p></div> </main></div><div class="global-ui"></div></div>
<script src="/doc/assets/js/app.ac490cc9.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/21.acd348b3.js" defer></script>
<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>
</body>
</html>

File diff suppressed because one or more lines are too long

View File

@ -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.ac490cc9.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/22.da6fbe43.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.c3aa487f.js"><link rel="prefetch" href="/doc/assets/js/11.4dfd0b43.js"><link rel="prefetch" href="/doc/assets/js/12.639e1894.js"><link rel="prefetch" href="/doc/assets/js/13.e30615b0.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.3e6eaba0.js"><link rel="prefetch" href="/doc/assets/js/19.4abe8428.js"><link rel="prefetch" href="/doc/assets/js/20.eb3d4a7f.js"><link rel="prefetch" href="/doc/assets/js/21.acd348b3.js"><link rel="prefetch" href="/doc/assets/js/23.3c312dd7.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.b3baaa9c.js"><link rel="prefetch" href="/doc/assets/js/26.5755449d.js"><link rel="prefetch" href="/doc/assets/js/27.9151272d.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.2121e1d8.js"><link rel="prefetch" href="/doc/assets/js/5.615d527f.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.f3022582.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.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.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="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/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/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">&quot;result&quot;</span><span class="token operator">:</span> <span class="token punctuation">{</span>
<span class="token property">&quot;n&quot;</span><span class="token operator">:</span> <span class="token string">&quot;test&quot;</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.ac490cc9.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/22.da6fbe43.js" defer></script>
<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>
</body>
</html>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -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.ac490cc9.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/23.3c312dd7.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.c3aa487f.js"><link rel="prefetch" href="/doc/assets/js/11.4dfd0b43.js"><link rel="prefetch" href="/doc/assets/js/12.639e1894.js"><link rel="prefetch" href="/doc/assets/js/13.e30615b0.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.3e6eaba0.js"><link rel="prefetch" href="/doc/assets/js/19.4abe8428.js"><link rel="prefetch" href="/doc/assets/js/20.eb3d4a7f.js"><link rel="prefetch" href="/doc/assets/js/21.acd348b3.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.b3baaa9c.js"><link rel="prefetch" href="/doc/assets/js/26.5755449d.js"><link rel="prefetch" href="/doc/assets/js/27.9151272d.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.2121e1d8.js"><link rel="prefetch" href="/doc/assets/js/5.615d527f.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.f3022582.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.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.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="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/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">&lt;</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">&quot;</span>Content-Security-Policy<span class="token punctuation">&quot;</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">&quot;</span>upgrade-insecure-requests<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</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/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">&lt;</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">&quot;</span>Content-Security-Policy<span class="token punctuation">&quot;</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">&quot;</span>upgrade-insecure-requests<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</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.html" 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/oss.html">
接入第三方oss
</a>
</span></p></div> </main></div><div class="global-ui"></div></div>
<script src="/doc/assets/js/app.ac490cc9.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/23.3c312dd7.js" defer></script>
<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>
</body>
</html>

View File

@ -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.ac490cc9.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/24.96d82a87.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.c3aa487f.js"><link rel="prefetch" href="/doc/assets/js/11.4dfd0b43.js"><link rel="prefetch" href="/doc/assets/js/12.639e1894.js"><link rel="prefetch" href="/doc/assets/js/13.e30615b0.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.3e6eaba0.js"><link rel="prefetch" href="/doc/assets/js/19.4abe8428.js"><link rel="prefetch" href="/doc/assets/js/20.eb3d4a7f.js"><link rel="prefetch" href="/doc/assets/js/21.acd348b3.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.3c312dd7.js"><link rel="prefetch" href="/doc/assets/js/25.b3baaa9c.js"><link rel="prefetch" href="/doc/assets/js/26.5755449d.js"><link rel="prefetch" href="/doc/assets/js/27.9151272d.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.2121e1d8.js"><link rel="prefetch" href="/doc/assets/js/5.615d527f.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.f3022582.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.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.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="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/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/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.ac490cc9.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/24.96d82a87.js" defer></script>
<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>
</body>
</html>

View File

@ -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.ac490cc9.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/25.b3baaa9c.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.c3aa487f.js"><link rel="prefetch" href="/doc/assets/js/11.4dfd0b43.js"><link rel="prefetch" href="/doc/assets/js/12.639e1894.js"><link rel="prefetch" href="/doc/assets/js/13.e30615b0.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.3e6eaba0.js"><link rel="prefetch" href="/doc/assets/js/19.4abe8428.js"><link rel="prefetch" href="/doc/assets/js/20.eb3d4a7f.js"><link rel="prefetch" href="/doc/assets/js/21.acd348b3.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.3c312dd7.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/26.5755449d.js"><link rel="prefetch" href="/doc/assets/js/27.9151272d.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.2121e1d8.js"><link rel="prefetch" href="/doc/assets/js/5.615d527f.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.f3022582.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.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.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="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/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/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.ac490cc9.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/25.b3baaa9c.js" defer></script>
<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>
</body>
</html>

View File

@ -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.ac490cc9.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/12.639e1894.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.c3aa487f.js"><link rel="prefetch" href="/doc/assets/js/11.4dfd0b43.js"><link rel="prefetch" href="/doc/assets/js/13.e30615b0.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.3e6eaba0.js"><link rel="prefetch" href="/doc/assets/js/19.4abe8428.js"><link rel="prefetch" href="/doc/assets/js/20.eb3d4a7f.js"><link rel="prefetch" href="/doc/assets/js/21.acd348b3.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.3c312dd7.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.b3baaa9c.js"><link rel="prefetch" href="/doc/assets/js/26.5755449d.js"><link rel="prefetch" href="/doc/assets/js/27.9151272d.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.2121e1d8.js"><link rel="prefetch" href="/doc/assets/js/5.615d527f.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.f3022582.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.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.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="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/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/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.ac490cc9.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/12.639e1894.js" defer></script>
<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>
</body>
</html>

View File

@ -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.ac490cc9.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/7.f3022582.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.c3aa487f.js"><link rel="prefetch" href="/doc/assets/js/11.4dfd0b43.js"><link rel="prefetch" href="/doc/assets/js/12.639e1894.js"><link rel="prefetch" href="/doc/assets/js/13.e30615b0.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.3e6eaba0.js"><link rel="prefetch" href="/doc/assets/js/19.4abe8428.js"><link rel="prefetch" href="/doc/assets/js/20.eb3d4a7f.js"><link rel="prefetch" href="/doc/assets/js/21.acd348b3.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.3c312dd7.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.b3baaa9c.js"><link rel="prefetch" href="/doc/assets/js/26.5755449d.js"><link rel="prefetch" href="/doc/assets/js/27.9151272d.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.2121e1d8.js"><link rel="prefetch" href="/doc/assets/js/5.615d527f.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.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.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="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/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/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.ac490cc9.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/7.f3022582.js" defer></script>
<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>
</body>
</html>

View File

@ -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.ac490cc9.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/26.5755449d.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.c3aa487f.js"><link rel="prefetch" href="/doc/assets/js/11.4dfd0b43.js"><link rel="prefetch" href="/doc/assets/js/12.639e1894.js"><link rel="prefetch" href="/doc/assets/js/13.e30615b0.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.3e6eaba0.js"><link rel="prefetch" href="/doc/assets/js/19.4abe8428.js"><link rel="prefetch" href="/doc/assets/js/20.eb3d4a7f.js"><link rel="prefetch" href="/doc/assets/js/21.acd348b3.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.3c312dd7.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.b3baaa9c.js"><link rel="prefetch" href="/doc/assets/js/27.9151272d.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.2121e1d8.js"><link rel="prefetch" href="/doc/assets/js/5.615d527f.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.f3022582.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.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.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="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/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/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.ac490cc9.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/26.5755449d.js" defer></script>
<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>
</body>
</html>

View File

@ -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.ac490cc9.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/27.9151272d.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.c3aa487f.js"><link rel="prefetch" href="/doc/assets/js/11.4dfd0b43.js"><link rel="prefetch" href="/doc/assets/js/12.639e1894.js"><link rel="prefetch" href="/doc/assets/js/13.e30615b0.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.3e6eaba0.js"><link rel="prefetch" href="/doc/assets/js/19.4abe8428.js"><link rel="prefetch" href="/doc/assets/js/20.eb3d4a7f.js"><link rel="prefetch" href="/doc/assets/js/21.acd348b3.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.3c312dd7.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.b3baaa9c.js"><link rel="prefetch" href="/doc/assets/js/26.5755449d.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.2121e1d8.js"><link rel="prefetch" href="/doc/assets/js/5.615d527f.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.f3022582.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.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.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="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/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/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.ac490cc9.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/27.9151272d.js" defer></script>
<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>
</body>
</html>

View File

@ -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.ac490cc9.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/13.e30615b0.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.c3aa487f.js"><link rel="prefetch" href="/doc/assets/js/11.4dfd0b43.js"><link rel="prefetch" href="/doc/assets/js/12.639e1894.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.3e6eaba0.js"><link rel="prefetch" href="/doc/assets/js/19.4abe8428.js"><link rel="prefetch" href="/doc/assets/js/20.eb3d4a7f.js"><link rel="prefetch" href="/doc/assets/js/21.acd348b3.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.3c312dd7.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.b3baaa9c.js"><link rel="prefetch" href="/doc/assets/js/26.5755449d.js"><link rel="prefetch" href="/doc/assets/js/27.9151272d.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.2121e1d8.js"><link rel="prefetch" href="/doc/assets/js/5.615d527f.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.f3022582.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.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.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="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/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/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.ac490cc9.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/13.e30615b0.js" defer></script>
<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>
</body>
</html>

View File

@ -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.ac490cc9.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/8.66884c30.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.c3aa487f.js"><link rel="prefetch" href="/doc/assets/js/11.4dfd0b43.js"><link rel="prefetch" href="/doc/assets/js/12.639e1894.js"><link rel="prefetch" href="/doc/assets/js/13.e30615b0.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.3e6eaba0.js"><link rel="prefetch" href="/doc/assets/js/19.4abe8428.js"><link rel="prefetch" href="/doc/assets/js/20.eb3d4a7f.js"><link rel="prefetch" href="/doc/assets/js/21.acd348b3.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.3c312dd7.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.b3baaa9c.js"><link rel="prefetch" href="/doc/assets/js/26.5755449d.js"><link rel="prefetch" href="/doc/assets/js/27.9151272d.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.2121e1d8.js"><link rel="prefetch" href="/doc/assets/js/5.615d527f.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.f3022582.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.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="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/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/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.ac490cc9.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/8.66884c30.js" defer></script>
<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>
</body>
</html>

File diff suppressed because one or more lines are too long

View File

@ -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.ac490cc9.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/14.eff270f4.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.c3aa487f.js"><link rel="prefetch" href="/doc/assets/js/11.4dfd0b43.js"><link rel="prefetch" href="/doc/assets/js/12.639e1894.js"><link rel="prefetch" href="/doc/assets/js/13.e30615b0.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.3e6eaba0.js"><link rel="prefetch" href="/doc/assets/js/19.4abe8428.js"><link rel="prefetch" href="/doc/assets/js/20.eb3d4a7f.js"><link rel="prefetch" href="/doc/assets/js/21.acd348b3.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.3c312dd7.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.b3baaa9c.js"><link rel="prefetch" href="/doc/assets/js/26.5755449d.js"><link rel="prefetch" href="/doc/assets/js/27.9151272d.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.2121e1d8.js"><link rel="prefetch" href="/doc/assets/js/5.615d527f.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.f3022582.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.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.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="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/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/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.ac490cc9.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/14.eff270f4.js" defer></script>
<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>
</body>
</html>

View File

@ -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.ac490cc9.js" as="script"><link rel="preload" href="/doc/assets/js/16.ebc27227.js" as="script"><link rel="preload" href="/doc/assets/js/2.693230f5.js" as="script"><link rel="preload" href="/doc/assets/js/15.2cabc303.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.c3aa487f.js"><link rel="prefetch" href="/doc/assets/js/11.4dfd0b43.js"><link rel="prefetch" href="/doc/assets/js/12.639e1894.js"><link rel="prefetch" href="/doc/assets/js/13.e30615b0.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/17.e2c644fa.js"><link rel="prefetch" href="/doc/assets/js/18.3e6eaba0.js"><link rel="prefetch" href="/doc/assets/js/19.4abe8428.js"><link rel="prefetch" href="/doc/assets/js/20.eb3d4a7f.js"><link rel="prefetch" href="/doc/assets/js/21.acd348b3.js"><link rel="prefetch" href="/doc/assets/js/22.da6fbe43.js"><link rel="prefetch" href="/doc/assets/js/23.3c312dd7.js"><link rel="prefetch" href="/doc/assets/js/24.96d82a87.js"><link rel="prefetch" href="/doc/assets/js/25.b3baaa9c.js"><link rel="prefetch" href="/doc/assets/js/26.5755449d.js"><link rel="prefetch" href="/doc/assets/js/27.9151272d.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.2121e1d8.js"><link rel="prefetch" href="/doc/assets/js/5.615d527f.js"><link rel="prefetch" href="/doc/assets/js/6.a3c1a71a.js"><link rel="prefetch" href="/doc/assets/js/7.f3022582.js"><link rel="prefetch" href="/doc/assets/js/8.66884c30.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.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="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" 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#环境准备" 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/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="环境准备"><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/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&amp;bvid=BV1QQ4y1Z725&amp;cid=332145157&amp;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">
@ -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.ac490cc9.js" defer></script><script src="/doc/assets/js/16.ebc27227.js" defer></script><script src="/doc/assets/js/2.693230f5.js" defer></script><script src="/doc/assets/js/15.2cabc303.js" defer></script>
<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>
</body>
</html>

View File

@ -124,6 +124,12 @@ module.exports = {
collapsable: false,
sidebarDepth: 1,
},
{
title: 'v6.dooring私有化部署(临时)',
path: '/zh/guide/deployDev/deploy_v6',
collapsable: false,
sidebarDepth: 1,
},
{
title: '支持https',
path: '/zh/guide/deployDev/https',

Binary file not shown.

After

Width:  |  Height:  |  Size: 57 KiB

View File

@ -0,0 +1,46 @@
<!--
* @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
-->
私有化部署需要获取3个核心项目包, 包括
- 可视化大屏编辑器(v6.dooring/)
- v6管理后台(v6.dooring/manage)
- 服务端项目(v6.dooring/server)
获取以上三个核心源码工程需要满足商业授权协议, 具体可参考[商业授权方案](http://h5.dooring.cn/h5_plus/price)
### 部署架构图
<img src="../../../img/common/v6.deploy.png" alt="H5-dooring部署">
部署流程如下:
1. 下载3个源码工程, 安装依赖(npm install 或 yarn)
2. 打包2个前端工程至`server`的static目录下
3. 在`server`下本地运行 `yarn start``npm start` 启动服务端进行本地测试
4. 打包服务端代码, `yarn build` 生成 `dist` 目录, 建议使用 `pm2``nodejs`服务的负载均衡, 运行 `pm2 start dist/index.js`启动生产环境代码
也可以将以上步骤集成到gitlab等CI, CD服务中, 进行自动化打包发布, 或者采用`docker`进行容器化部署.
### 步骤3.4详细流程
#### 1. 安装项目环境
服务器需提前安装node和pm2, 将本项目上传至服务器指定的目录(如/www/activity), 进入项目目录, 执行:
```
npm install
```
#### 2. 修改项目域名
进入`./src/config/index.js`, 修改`staticPath`变量为当前服务器域名/ip, 如`http://xxx.com``http://xxx.com:8080`(如非80端口)
#### 3. 编译项目
执行`npm run build`编译项目, 生成`dist`目录
#### 4. 运行项目
在项目根目录执行 `pm2 start dist/index.js`启动项目

View File

@ -1,5 +1,10 @@
# 快速上手
## 从零搭建一个H5表单页面
<iframe src="//player.bilibili.com/player.html?aid=715343955&bvid=BV1QQ4y1Z725&cid=332145157&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="width: 100%;height: 420px; margin-top: 20px"> </iframe>
## 环境准备
首先得有 node并确保 node 版本是 `10.13` 或以上mac/win 下推荐使用 n 来管理 node 版本)