| client Demo | admin Demo |
|---|---|
 |
 |
https://oct1a.github.io/Dcode-Editor/ (还没开始写...(x_x))
本项目是在原开发者项目基础上进行改动，新增了一些功能，并稍微美化了一下。
- 拖拉组件至画布
- 面板可收缩展开
- 点击添加组件位置为默认位置
- 添加导入PSD时显示进度条
- 保存JSON文件
- 上传JSON文件
- 根据画布截图生成预览图
- 自定义画布右键菜单
- 添加常用快捷键
- 清空画布
- 画布标尺
- 解决一些小问题
- 创建外部图片库
- 历史记录面板
- 文本组件过滤敏感词
- 自动保存画布内容
- 用户登录界面美化
- 用户登录增加滑动验证
- 制作产品官网
- 作品状态设置，外部不可访问
- 增加二维码组件
- 导入PSD可选择文字可编辑与全转为图片模式
想完成但未完善问题（争取有时间再完善）：
- 导入PSD角度问题
- 导入PSD的文本字体大小不一致问题
- 个别PSD导入出现错误情况
- 画布大小自定义
- 组件锁定
- 右键菜单不同区域显示不同菜单
- 剪切组件
- 预览添加手机壳模型
- 组件拖拽多选
- 添加新人引导动画
- 完善表单数据功能
- 完善模板库
技术要求：掌握node.js、了解koa.js基本用法、熟悉Vue.js
git需自行安装
git clone https://github.com/Oct1a/Dcode-Editor.git
文件路径：service/config/index.js
修改对应的数据库配置，如果本身mongodb默认端口是27017可以直接启动
|-- client --------前端项目界面代码
|--common --------前端界面对应静态资源
|--components --------组件
|--config --------配置文件
|--eventBus --------eventBus
|--filter --------过滤器
|--mixins --------混入
|--pages --------页面
|--router --------路由配置
|--store --------vuex状态管理
|--service --------axios封装
|--App.vue --------App
|--main.js --------入口文件
|--permission.js --------权限控制
|-- server --------服务器端项目代码
|--confog --------配置文件
|--controller --------数据库链接相关
|--extend --------框架扩展
|--model -------Schema和Model
|--middleware --------中间件
|--core --------Koa MVC实现自动加载核心文件
|--views --------ejs页面模板
|--public --------静态资源
|--router.js --------路由
|--app.js --------服务端入口
|-- common --------前后端公用代码模块（如加解密）
|-- engine-template --------页面模板引擎，使用webpack打包成js提供页面引用
|-- docs --------预留编写项目文档目录
|-- config.json --------配置文件
内置组件使用了一个echatrs库是低版本，如果出现npm无法安装，使用cnpm i安装即可
需要先配置Mongodb数据库
如果不想数据交互，可以忽略这一步（但客户端无法登录，需在权限管理先进行设置）
npm run servernpm run client登录功能因使用的是自己数据库，没有固定账号，直接注册使用即可
注意： 如果没有生成过引擎模板js文件的，需要先编辑引擎模板，否则预览页面加载页面引擎.js 404报错
npm run h5-parse