page-pipepline / pipeline-editor Goto Github PK
View Code? Open in Web Editor NEW🌾页面可视化搭建框架的web编辑器 -- https://page-pipepline.github.io/pipeline-editor/dist/#/
🌾页面可视化搭建框架的web编辑器 -- https://page-pipepline.github.io/pipeline-editor/dist/#/
windows系统下如何运行pipeline-node-server项目呢?调用接口http://localhost:7011/pipeline/prepareFromTemplate会提示Command failed: mkdir -p D:\xxx\page-pipeline\pipeline-node-server\app\public\pipelines\15995461431430061 && unzip -o D:\xxx\page-pipeline\pipeline-resources\template\1\pipeline-template.zip -d D:\xxx\page-pipeline\pipeline-node-server\app\public\pipelines\15995461431430061↵'unzip' �����ڲ����ⲿ���Ҳ���ǿ����еij���
↵���������ļ���
我们也有类似项目可交流
如题:
安装依赖 执行npm run start 打开3011页报错。
`Failed to load resource: net::ERR_CONNECTION_REFUSED
vue.esm.js?efeb:628 [Vue warn]: Error in mounted hook (Promise/async): "TypeError: Failed to fetch"
found in
---> at src/pages/template/list.vue
at src/App.vue
warn @ vue.esm.js?efeb:628
vue.esm.js?efeb:1897 TypeError: Failed to fetch`
点击新增模板也会报错。我还尝试把vue包以及相关的template升级了下,同样复现。
`vue.esm.js?efeb:628 [Vue warn]: Error in v-on handler (Promise/async): "TypeError: Failed to fetch"
found in
--->
at src/pages/template/list.vue
at src/App.vue
`
PS F:\code\front-end-service\pipeline\pipeline-node-server> npm run dev
> [email protected] dev F:\code\front-end-service\pipeline\pipeline-node-server
> egg-bin dev
2019-04-13 20:43:08,230 INFO 10184 [master] node version v8.9.0
2019-04-13 20:43:08,233 INFO 10184 [master] egg version 2.21.1
2019-04-13 20:43:10,381 INFO 10184 [master] agent_worker#1:15808 started (2144ms)
2019-04-13 20:43:18,631 ERROR 16228 [egg-mongoose] mongodb://mongouser:password@localhost:27017/pipeline?authSource=admin disconnected
2019-04-13 20:43:18,633 ERROR 16228 nodejs.ECONNREFUSEDError: [egg-mongoose]connect ECONNREFUSED 127.0.0.1:27017
at Object._errnoException (util.js:1024:11)
at _exceptionWithHostPort (util.js:1046:20)
at TCPConnectWrap.afterConnect [as oncomplete] (net.js:1182:14)
code: "ECONNREFUSED"
errno: "ECONNREFUSED"
syscall: "connect"
address: "127.0.0.1"
port: 27017
name: "ECONNREFUSEDError"
pid: 16228
hostname: DESKTOP-DHNRKSJ
2019-04-13 20:43:18,636 ERROR 16228 [-/127.0.0.1/-/0ms GET /] nodejs.ECONNREFUSEDError: [egg-mongoose]connect ECONNREFUSED 127.0.0.1:27017
at Object._errnoException (util.js:1024:11)
at _exceptionWithHostPort (util.js:1046:20)
at TCPConnectWrap.afterConnect [as oncomplete] (net.js:1182:14)
code: "ECONNREFUSED"
errno: "ECONNREFUSED"
syscall: "connect"
address: "127.0.0.1"
port: 27017
name: "ECONNREFUSEDError"
pid: 16228
hostname: DESKTOP-DHNRKSJ
2019-04-13 20:43:18,637 ERROR 16228 nodejs.ECONNREFUSEDError: [egg-mongoose]connect ECONNREFUSED 127.0.0.1:27017
at Object._errnoException (util.js:1024:11)
at _exceptionWithHostPort (util.js:1046:20)
at TCPConnectWrap.afterConnect [as oncomplete] (net.js:1182:14)
code: "ECONNREFUSED"
errno: "ECONNREFUSED"
syscall: "connect"
address: "127.0.0.1"
port: 27017
name: "ECONNREFUSEDError"
pid: 16228
hostname: DESKTOP-DHNRKSJ
2019-04-13 20:43:18,638 ERROR 16228 [app_worker] start error, exiting with code:1
[2019-04-13 20:43:18.643] [cfork:master:10184] worker:16228 disconnect (exitedAfterDisconnect: false, state: disconnected, isDead: false, worker.disableRefork: true)
[2019-04-13 20:43:18.644] [cfork:master:10184] don't fork, because worker:16228 will be kill soon
2019-04-13 20:43:18,645 INFO 10184 [master] app_worker#1:16228 disconnect, suicide: false, state: disconnected, current workers: ["1"]
2019-04-13 20:43:18,651 WARN 15808 [ClusterClient:Connection] socket is closed by other side while there were still unhandled data in the socket buffer
[2019-04-13 20:43:18.662] [cfork:master:10184] worker:16228 exit (code: 1, exitedAfterDisconnect: false, state: dead, isDead: true, isExpected: false, worker.disableRefork: true)
2019-04-13 20:43:18,664 ERROR 10184 nodejs.AppWorkerDiedError: [master] app_worker#1:16228 died (code: 1, signal: null, suicide: false, state: dead), current workers: []
at Master.onAppExit (F:\code\front-end-service\pipeline\pipeline-node-server\node_modules\egg-cluster\lib\master.js:411:21)
at emitOne (events.js:116:13)
at Master.emit (events.js:211:7)
at Messenger.sendToMaster (F:\code\front-end-service\pipeline\pipeline-node-server\node_modules\egg-cluster\lib\utils\messenger.js:137:17)
at Messenger.send (F:\code\front-end-service\pipeline\pipeline-node-server\node_modules\egg-cluster\lib\utils\messenger.js:102:12)
at EventEmitter.cluster.on (F:\code\front-end-service\pipeline\pipeline-node-server\node_modules\egg-cluster\lib\master.js:280:22)
at emitThree (events.js:141:20)
at EventEmitter.emit (events.js:217:7)
at ChildProcess.worker.process.once (internal/cluster/master.js:185:13)
at Object.onceWrapper (events.js:317:30)
name: "AppWorkerDiedError"
pid: 10184
hostname: DESKTOP-DHNRKSJ
2019-04-13 20:43:18,666 ERROR 10184 [master] app_worker#1:16228 start fail, exiting with code:1
2019-04-13 20:43:18,667 ERROR 10184 [master] exit with code:1
⚠️ Error: F:\code\front-end-service\pipeline\pipeline-node-server\node_modules\egg-bin\lib\start-cluster {"workers":1,"baseDir":"F:\\code\\front-end-serv
ice\\pipeline\\pipeline-node-server","framework":"F:\\code\\front-end-service\\pipeline\\pipeline-node-server\\node_modules\\egg"} exit with code 1
⚠️ Command Error, enable `DEBUG=common-bin` for detail
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] dev: `egg-bin dev`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\xuhao\AppData\Roaming\npm-cache\_logs\2019-04-13T12_43_18_710Z-debug.log
疑问?如何编辑已经部署的页面
需要增加一个热区模块,对传进来的图,进行热区选择,配上链接。
但是预览框里的页面,其实是服务端渲染完的,我现在能想到的是, build preview 的时候,让组件本身支持划热区, build release 的时候,隐藏这个能力。然后再 preview 阶段划热区时通过 postMessage 告诉 json 编辑器,进行热区坐标设值。
不知道有没有别的思路来解决这个需求
似乎服务端并没有生成页面的接口啊
'/pages' 404
最近准备做一个类似的平台,看到了你写的文章,刚才简单看了一眼。这种拖住模块,然后编辑模块数据的方式,应该是可视化搭建页面里面最简单的一种了吧。
有几个问题:
1、没有服务端的代码吗?
2、最终也没是ssr渲染的吧,没有考虑部分模块数据是ajax的么?
大体上感觉。。现在完全是一个玩具,只是最最简单的能跑起来。
https://blog.wipi.tech/ramiko/editor
https://github.com/fantasticit/ramiko
最近一直在研究公司的营销页面搭建工具,尝试写了一个核心编辑器的实现,今天又看到大佬的实现,哈哈。
你好,看了下几个项目,有如下几点疑问:
1 关于pageId,我看着每选择一次模板就会生成一个pageid,每生成一次pageid,就会进行拷贝模板的操作,这样node层体积会不会越来越大? 什么时候会删除无效的 pageid 文件夹,(因为如果不发布,当前操作就应该算作无效的)。
2 我认为模板应该是固定的,比如一个vue组件库,以这个模板去发布,应该 空间 只有一个地方存储就好,但是好像 每个pageId都要做存储,目的是什么?
3 对页面配置的更改,(排序、props) 最后对应于 node端对 文件json的更改,这样会不会 慢, 还是应该把数据放在数据库里会不会更好
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.