zhengguorong/h5maker

h5编辑器类似maka、易企秀 账号/密码：admin

h5在线编辑平台

技术架构

前端：vue2.0 + vue-router + vuex + axios + Element ui

后端：nodejs + express + mongoose

在线演示传送门

演示效果

目录结构

注意！！！

运行前需要先启动mongodb数据库，请确保本地已安装数据库

运行方法

npm install // 安装依赖

npm run webapp // 启动前端工程

npm run local // 启动后端工程

License

996 License

h5maker's Issues

保存内容提示 Updating the path '__v' would create a conflict at '__v'

mongoose操作mongodb数据库发现文档中多了‘'__v‘'字段;
保存页面不能成功,提示" Updating the path '__v' would create a conflict at '__v' ";
在Scheam中加入{versionKey:false}成功解决问题;
var PageSchema = new mongoose.Schema({
pages: {
......
},{versionKey: false})

api/page接口一直报500

点击预览时接口一直报500 其他接口

运行接口都跪了

运行 npm run webapp 开启的http://localhost:8080/#/ 端口是8080
运行 npm run local 接口http://localhost:3000/api/pages?type=h5 开始的端口3000

这样没有问题吗？

老大，能指点一下这个怎么用吗？

老大。下载了你的项目，有点不太会部署。能教一下吗

大佬是不是我的mongodb版本太新了？

DeprecationWarning: open() is deprecated in mongoose >= 4.11.0, use openUri() instead, or set the useMongoClient option if using connect() or createConnection(). See http://mongoosejs.com/docs/4.x/docs/connections.html#use-mongo-client

'NODE_ENV' 不是内部或外部命令，也不是可运行的程序 或批处理文件

环境 window powershell
直接执行 node .\bin\www 正常 mongodb 链接正常
但是 执行 npm run local 就是报错

定位到连 .\bin\www 文件都没进去 感觉是 指令的问题
NODE_ENV=localhost node ./bin/www
这种操作在powershell中不被支持，在cmd中也不被支持，这是Mac中bash或Linux的shell中的独特操作
需要写成
set NODE_ENV=localhost && node ./bin/www

png图片有白色背景

插入透明的png素材，为啥有白色背景

拖拽问题麻烦大佬看下

四个角的控制手柄改变图层大小超过尺寸就会跑，边界判断可能有问题

登陆时报401错误，是我数据库安装连接问题还是什么问题呢

登陆时报401错误，是我数据库安装连接问题还是什么问题呢

后台启动报错，是什么原因呢

获取哪个分支的代码？

哪个分支为准？

config 这个定义缺失

@ zhengguorong 你好
npm run local 还是起不来，原因是 config这个对象缺失，具体现象如下

$ npm run local

[email protected] local /Users/youyin/Documents/h5maker
NODE_ENV=localhost node ./bin/www

/Users/youyin/Documents/h5maker/auth/auth.service.js:22
secret: config.secrets.session
^

TypeError: Cannot read property 'session' of undefined

在列表页面点击预览组件标题显示不正确

标题和描述一致是正在编辑的标题，和主题，不能跟着列表页的标题变化

已经运行好了，但是不能添加图片，视频，也不能保存。谢谢大佬

OPTIONS http://localhost:3000/api/upload net::ERR_CONNECTION_REFUSED
dispatchXhrRequest @ xhr.js?f9de:175
xhrAdapter @ xhr.js?f9de:12
dispatchRequest @ dispatchRequest.js?1bb7:52
Promise.then (async)
request @ Axios.js?2d34:57
Axios. @ Axios.js?2d34:77
wrap @ bind.js?07f8:9
post @ http.js?2414:28
img.onload @ PicturePicker.vue?86f1:55
load (async)
fr.onload @ PicturePicker.vue?86f1:52
load (async)
fileChange @ PicturePicker.vue?86f1:49
invokeWithErrorHandling @ vue.js?7a20:1863
invoker @ vue.js?7a20:2188
original._wrapper @ vue.js?7a20:7541
http.js?2414:94 Uncaught (in promise) TypeError: Cannot read property 'status' of undefined
at errorProcess (eval at (app.js:864), :103:20)
at eval (eval at (app.js:864), :52:5)

大佬，我想问一下MongoDB的数据呢？在项目的哪里呢？

请问：如何更新token的？

看了一下源码，好像没看到token更新在什么地方？是不是没使用token过期更新？

大神，请教代码是如何更新editorTheme的page的？

查看单页的代码的时候，添加元素预览发现取的是editorTheme，但是看了很久也没看到更新editorTheme的pages的代码，基础可能不牢，望指教

mongodb 版本？

如题。

public 静态文件问题

Failed to lookup view "index" in views directory "/data/www/h5maker/views"

(node:4391) DeprecationWarning: `open()` is deprecated in mongoose >= 4.11.0, use `openUri()` instead, or set the `useMongoClient` option if using `connect()` or `createConnection()`. See http://mongoosejs.com/docs/connections.html#use-mongo-client MongoDB connection error: MongoError: failed to connect to server [127.0.0.1:27017] on first connect [MongoError: connect ECONNREFUSED 127.0.0.1:27017]

@zhengguorong 你好，我的webapp启动起来了，简洁好用！

但是在启动后台的时候报错
(node:4391) DeprecationWarning: open() is deprecated in mongoose >= 4.11.0, use openUri() instead, or set the useMongoClient option if using connect() or createConnection(). See http://mongoosejs.com/docs/connections.html#use-mongo-client
MongoDB connection error: MongoError: failed to connect to server [127.0.0.1:27017] on first connect [MongoError: connect ECONNREFUSED 127.0.0.1:27017]

请问你有没有遇到这个问题，谢谢
我是Mac 系统

重构计划

这个项目已经有一段时间没更新了，界面和技术都相对陈旧，这次重构主要更新下面内容：

1. 更新技术栈。使用vue-composition实现以方便后续迁移到vue3，后端使用eggjs。
   2.提升交互体验。开源完整的sketch设计稿，标注图。
   3.优化组件切分逻辑。

大家可以留言希望增加的功能，我会根据权重在本次重构中加入。

有没有详细的设计思路文档？

@zhengguorong 请问有没有设计思路之类的文章或着文档？谢谢！！！