3 |
4 |
6 |
7 |
8 |
16 |
17 |
22 |
--------------------------------------------------------------------------------
/client/mixins/userModel.js:
--------------------------------------------------------------------------------
1 | /**
2 | * 登陆相关mixins
3 | * */
4 | export default {
5 | data() {
6 | return {
7 |
8 | }
9 | },
10 | methods: {
11 | /**
12 | * 退出登录
13 | */
14 | _logout() {
15 | this.$store.commit('UPDATE_OAUTH', {});
16 | sessionStorage.clear();
17 | this._linkToLogout();
18 | },
19 | _linkToLogout() {
20 | this.$router.push({ name: 'Login' })
21 | },
22 | }
23 | }
--------------------------------------------------------------------------------
/engine-template/engine-pc/index.js:
--------------------------------------------------------------------------------
1 | /**
2 | * engine-h5-swiper 是多页面h5引擎模板
3 | */
4 | import Template from './src/index.vue'
5 |
6 | const install = function (Vue) {
7 | Vue.component(Template.name, Template)
8 | }
9 |
10 | // 检测到 Vue 才执行，毕竟我们是基于 Vue 的
11 | if (typeof window !== 'undefined' && window.Vue) {
12 | install(window.Vue)
13 | }
14 |
15 | export default {
16 | install,
17 | // 所有组件，必须具有 install，才能使用 Vue.use()
18 | Template
19 | }
20 |
--------------------------------------------------------------------------------
/engine-template/engine-h5-long/index.js:
--------------------------------------------------------------------------------
1 | /**
2 | * engine-h5-swiper 是多页面h5引擎模板
3 | */
4 | import Template from './src/index.vue'
5 |
6 | const install = function (Vue) {
7 | Vue.component(Template.name, Template)
8 | }
9 |
10 | // 检测到 Vue 才执行，毕竟我们是基于 Vue 的
11 | if (typeof window !== 'undefined' && window.Vue) {
12 | install(window.Vue)
13 | }
14 |
15 | export default {
16 | install,
17 | // 所有组件，必须具有 install，才能使用 Vue.use()
18 | Template
19 | }
20 |
--------------------------------------------------------------------------------
/engine-template/engine-h5-swiper/index.js:
--------------------------------------------------------------------------------
1 | /**
2 | * engine-h5-swiper 是多页面h5引擎模板
3 | */
4 | import Template from './src/index.vue'
5 |
6 | const install = function (Vue) {
7 | Vue.component(Template.name, Template)
8 | }
9 |
10 | // 检测到 Vue 才执行，毕竟我们是基于 Vue 的
11 | if (typeof window !== 'undefined' && window.Vue) {
12 | install(window.Vue)
13 | }
14 |
15 | export default {
16 | install,
17 | // 所有组件，必须具有 install，才能使用 Vue.use()
18 | Template
19 | }
20 |
--------------------------------------------------------------------------------
/public/static/css/chunk-45ad6033.dd934ab5.css:
--------------------------------------------------------------------------------
1 | .components-default-style[data-v-402cadde]{width:100%;height:100%;text-align:center;position:relative;display:flex;justify-content:center;align-items:center;background:#fff}.components-default-style .default-style-img[data-v-402cadde],.components-default-style>div[data-v-402cadde]{display:inline-block}.components-default-style .tips[data-v-402cadde]{margin-top:30px;color:grey}.page-data-list[data-v-6c309750]{height:100%}
--------------------------------------------------------------------------------
/public/static/css/chunk-90f63cb6.b4463508.css:
--------------------------------------------------------------------------------
1 | .components-default-style[data-v-402cadde]{width:100%;height:100%;text-align:center;position:relative;display:flex;justify-content:center;align-items:center;background:#fff}.components-default-style .default-style-img[data-v-402cadde],.components-default-style>div[data-v-402cadde]{display:inline-block}.components-default-style .tips[data-v-402cadde]{margin-top:30px;color:grey}.page-data-list[data-v-0d27c64c]{height:100%}
--------------------------------------------------------------------------------
/client/api/modules/image.js:
--------------------------------------------------------------------------------
1 | /*
2 | * image 图片库
3 | **/
4 | import $axios from "@/service/httpServer";
5 |
6 | // 获取我的图片列表
7 | export const getMyImages = p => $axios.get('/imageLib/myImages', p);
8 | // 上传图片
9 | export const uploadImage = p => $axios.post('/imageLib/upload', p)
10 | export const uploadCommonImage = p => $axios.post('/imageCommon/upload', p)
11 |
12 | // 获取外部图片列表
13 | export const getExternalImages = p => $axios.get('/imageLib/ExternalImages', p)
--------------------------------------------------------------------------------
/engine-template/engine-h5-relative/index.js:
--------------------------------------------------------------------------------
1 | /**
2 | * engine-h5-swiper 是多页面h5引擎模板
3 | */
4 | import Template from './src/index.vue'
5 |
6 | const install = function (Vue) {
7 | Vue.component(Template.name, Template)
8 | }
9 |
10 | // 检测到 Vue 才执行，毕竟我们是基于 Vue 的
11 | if (typeof window !== 'undefined' && window.Vue) {
12 | install(window.Vue)
13 | }
14 |
15 | export default {
16 | install,
17 | // 所有组件，必须具有 install，才能使用 Vue.use()
18 | Template
19 | }
20 |
--------------------------------------------------------------------------------
/service/public/static/css/chunk-45ad6033.dd934ab5.css:
--------------------------------------------------------------------------------
1 | .components-default-style[data-v-402cadde]{width:100%;height:100%;text-align:center;position:relative;display:flex;justify-content:center;align-items:center;background:#fff}.components-default-style .default-style-img[data-v-402cadde],.components-default-style>div[data-v-402cadde]{display:inline-block}.components-default-style .tips[data-v-402cadde]{margin-top:30px;color:grey}.page-data-list[data-v-6c309750]{height:100%}
--------------------------------------------------------------------------------
/service/public/static/css/chunk-90f63cb6.b4463508.css:
--------------------------------------------------------------------------------
1 | .components-default-style[data-v-402cadde]{width:100%;height:100%;text-align:center;position:relative;display:flex;justify-content:center;align-items:center;background:#fff}.components-default-style .default-style-img[data-v-402cadde],.components-default-style>div[data-v-402cadde]{display:inline-block}.components-default-style .tips[data-v-402cadde]{margin-top:30px;color:grey}.page-data-list[data-v-0d27c64c]{height:100%}
--------------------------------------------------------------------------------
/service/middleware/handlerError.js:
--------------------------------------------------------------------------------
1 | module.exports = app => {
2 | return async function(ctx, next) {
3 | try {
4 | await next();
5 | } catch (err) {
6 | console.log(err)
7 | const status = err.status || 500;
8 | // 如果时生产环境的时候 500错误的详细错误内容不返回给客户端
9 | const error = status === 500 ? '网络错误' : err.message;
10 |
11 | ctx.body = {
12 | msg: error,
13 | status: false,
14 | body: {},
15 | code: status
16 | };
17 | }
18 | };
19 | };
20 |
--------------------------------------------------------------------------------
/client/App.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
5 |
6 |
11 |
27 |
--------------------------------------------------------------------------------
/client/plugins/rate/src/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
3 |
5 |
6 |
7 |
21 |
22 |
29 |
--------------------------------------------------------------------------------
/client/filters/index.js:
--------------------------------------------------------------------------------
1 | /**
2 | * 封装些共用的过滤器
3 | */
4 |
5 | const filter = {
6 | /**
7 | * 将 boolean 转换成 文字是否
8 | * @param value
9 | * @returns {string}
10 | */
11 | booleanToText: function(value) {
12 | return value ? '是' : '否'
13 | },
14 | /**
15 | * 根据value获取label
16 | * @param value
17 | * @param list 对象列表
18 | */
19 | getLabelText(value, list, label = 'label') {
20 | let data = list.find(v => v.value === value);
21 | if (data) {
22 | return data[label];
23 | } else {
24 | return ''
25 | }
26 | },
27 |
28 | }
29 | export default filter
--------------------------------------------------------------------------------
/client/components/add-cooperationer/index.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue';
2 | import Index from './index.vue';
3 | let ComponentConstructor = Vue.extend(Index);
4 | let instance;
5 |
6 | /**
7 | * 管理协作人
8 | * @param documentId 文档id
9 | * @constructor
10 | */
11 | let Component = function(pageId, callback) {
12 | instance = new ComponentConstructor({
13 | data: {
14 | pageId: pageId
15 | }
16 | });
17 | instance.$mount();
18 | instance.callback = callback;
19 | document.body.appendChild(instance.$el);
20 | instance.visible = true;
21 | return instance;
22 | }
23 |
24 | export default Component;
25 |
--------------------------------------------------------------------------------
/service/public/admin.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
4 | ![]()
5 |
6 |
7 |
8 |
19 |
20 |
31 |
--------------------------------------------------------------------------------
/client/plugins/AddressEdit/src/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | ![]()
5 |
6 |
7 |
8 |
19 |
20 |
31 |
--------------------------------------------------------------------------------
/client/plugins/iframe/src/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
27 |
28 |
34 |
--------------------------------------------------------------------------------
/service/model/user.js:
--------------------------------------------------------------------------------
1 | module.exports = app => {
2 | const { mongoose } = app;
3 | const Schema = mongoose.Schema
4 | // Schema
5 | const usersSchema = new Schema({
6 | username: { type: String, required: [true, 'username不能为空'] },
7 | password: { type: String, required: [true, 'password不能为空'] },
8 | name: { type: String, default: '' },
9 | email: { type: String, default: '' },
10 | avatar: { type: String, default: '' },
11 | permissions: { type: Number, default: 0 }, //0普通用户，1管理员
12 | status: { type: Boolean, default: true }
13 | }, { timestamps: { createdAt: 'created', updatedAt: 'updated' } })
14 | return mongoose.model('user', usersSchema);
15 | };
--------------------------------------------------------------------------------
/client/plugins/checkbox/src/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
3 |
8 |
9 |
10 |
18 |
19 |
36 |
--------------------------------------------------------------------------------
/client/plugins/radio/src/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
6 |
4 | ![]()
5 | ![]()
6 |
7 |
8 |
9 |
26 |
27 |
38 |
--------------------------------------------------------------------------------
/client/plugins/button/src/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | {{text}}
5 |
6 |
7 |
8 |
31 |
32 |
39 |
--------------------------------------------------------------------------------
/client/plugins/WordCloud/src/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
6 |
7 |
8 |
32 |
33 |
36 |
--------------------------------------------------------------------------------
/client/store/index.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import Vuex from 'vuex'
3 |
4 | // 各个模块
5 | import editor from './modules/editor'
6 | import user from './modules/user'
7 |
8 |
9 | import { Message } from 'element-ui'
10 | /**
11 | * 全局状态管理
12 | */
13 | const state = {
14 |
15 | };
16 | const actions = {
17 |
18 | /**
19 | * 显示提示 msg.type 类型 msg.data 消息内容
20 | * @param commit
21 | * @param msg
22 | */
23 | showMassage(store, msg) {
24 | console.log(msg)
25 | Message({
26 | type: msg.type,
27 | message: msg.message || msg.data
28 | })
29 | },
30 | };
31 | const mutations = {};
32 | const getters = {};
33 |
34 | Vue.use(Vuex);
35 | export default new Vuex.Store({
36 | state,
37 | getters,
38 | actions,
39 | mutations,
40 | modules: {
41 | editor,
42 | user
43 | }
44 | });
45 |
--------------------------------------------------------------------------------
/client/plugins/FunnelChart/src/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
6 |
7 |
8 |
31 |
32 |
35 |
--------------------------------------------------------------------------------
/client/pages/editor/components/attr-configure/attr-props-components/props-attr/text.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
6 |
7 |
8 |
33 |
34 |
37 |
--------------------------------------------------------------------------------
/client/config/index.js:
--------------------------------------------------------------------------------
1 | /**
2 | * 公共配置文件
3 | */
4 | // import $config from '../../config'
5 |
6 |
7 | const configDict = {
8 | development: {
9 | baseURL: 'http://localhost:8080'
10 | },
11 | production: {
12 | baseURL: 'http://localhost:3333'
13 | }
14 | }
15 |
16 | const currentConfigKey = process.env.NODE_ENV
17 | const isDev = process.env.NODE_ENV === 'development'
18 | const isTest = process.env.NODE_ENV === 'development'
19 |
20 | const configObj = {
21 | isDevelop: (isDev || isTest),
22 | ...configDict[currentConfigKey],
23 | // h5模式宽高
24 | canvasH5Width: 375,
25 | canvasH5Height: 644,
26 | pageModeList: [{
27 | value: 'h5',
28 | label: 'H5',
29 | disabled: false
30 | }, {
31 | value: 'longPage',
32 | label: '长页H5',
33 | disabled: true
34 | }, {
35 | name: 'relativePage',
36 | label: '排版图文',
37 | disabled: true
38 | }, {
39 | value: 'pc',
40 | label: 'PC页面',
41 | disabled: true
42 | }]
43 | }
44 |
45 | export default configObj
--------------------------------------------------------------------------------
/client/plugins/video/src/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
6 |
7 |
8 |
38 |
39 |
41 |
--------------------------------------------------------------------------------
/client/components/notFundData.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
8 |
9 |
10 |
25 |
26 |
48 |
--------------------------------------------------------------------------------
/service/controller/cooperation.js:
--------------------------------------------------------------------------------
1 | module.exports = app => ({
2 | /**
3 | * 通过用户列表添加协作人
4 | * @returns {Promise
4 | 
5 |
7 |
5 | 暂无数据
6 |
3 |
5 |
6 |
7 |
39 |
--------------------------------------------------------------------------------
/service/middleware/auth.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | /**
4 | * 登录验证
5 | * @author Oct1a_H
6 | * @return {null} null
7 | */
8 | module.exports = app => {
9 | return async function(ctx, next) {
10 | let { $helper } = app;
11 | let token = '';
12 | if (
13 | ctx.headers.authorization && ctx.headers.authorization.split(' ')[0] === 'Bearer'
14 | ) {
15 | token = ctx.headers.authorization.split(' ')[1];
16 | } else if (ctx.query.accesstoken) {
17 | token = ctx.query.accesstoken;
18 | } else if (ctx.request.body.accesstoken) {
19 | token = ctx.request.body.accesstoken;
20 | } else if (ctx.request.header.cookie) {
21 | token = ctx.request.header.cookie.split('x-csrf-token=')[1] //针对后台接口
22 | }
23 | let user;
24 | try {
25 | user = await $helper.checkToken(token);
26 | } catch (e) {
27 | $helper.returnBody(false, {}, 'Token 无效，请重新登录', 401);
28 | }
29 | if (!user) {
30 | $helper.returnBody(false, {}, 'Token 无效，请重新登录', 401);
31 | return;
32 | }
33 | ctx.userData = user;
34 | app.userData = user;
35 | await next();
36 | };
37 | };
--------------------------------------------------------------------------------
/client/pages/editor/components/attr-configure/attr-props-components/props-attr/btnType.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
11 |
12 |
13 |
14 |
15 |
16 |
40 |
41 |
44 |
--------------------------------------------------------------------------------
/public/static/js/chunk-45ad6033.bf74defa.js:
--------------------------------------------------------------------------------
1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-45ad6033"],{"46a8":function(t,a,e){"use strict";e("8794")},"4c72":function(t,a,e){},5114:function(t,a,e){"use strict";e.r(a);var n=function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("div",{staticClass:"page-data-list"},[e("div"),e("notFundData")],1)},c=[],s=e("c5c7"),i={components:{notFundData:s["a"]}},u=i,l=(e("46a8"),e("4ac2")),o=Object(l["a"])(u,n,c,!1,null,"6c309750",null);a["default"]=o.exports},8508:function(t,a,e){t.exports=e.p+"static/img/nodata.6b16cccd.jpg"},8794:function(t,a,e){},c5c7:function(t,a,e){"use strict";var n=function(){var t=this,a=t.$createElement,n=t._self._c||a;return n("div",{staticClass:"components-default-style"},[n("div",[n("img",{staticClass:"default-style-img",style:{width:t.width,height:t.height},attrs:{src:e("8508"),alt:""}}),n("p",{staticClass:"tips"},[t._v("暂无数据")])])])},c=[],s={name:"notFundData",props:{width:{type:String,default:"80%"},height:{type:String,default:"80%"}}},i=s,u=(e("e17e"),e("4ac2")),l=Object(u["a"])(i,n,c,!1,null,"402cadde",null);a["a"]=l.exports},e17e:function(t,a,e){"use strict";e("4c72")}}]);
2 | //# sourceMappingURL=chunk-45ad6033.bf74defa.js.map
--------------------------------------------------------------------------------
/public/static/js/chunk-90f63cb6.a8d41848.js:
--------------------------------------------------------------------------------
1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-90f63cb6"],{"0bdd":function(t,e,c){},"4c72":function(t,e,c){},"504b":function(t,e,c){"use strict";c.r(e);var n=function(){var t=this,e=t.$createElement,c=t._self._c||e;return c("div",{staticClass:"page-data-detail"},[c("div"),c("notFundData")],1)},a=[],s=c("c5c7"),i={components:{notFundData:s["a"]}},d=i,u=(c("d7bd"),c("4ac2")),l=Object(u["a"])(d,n,a,!1,null,"0d27c64c",null);e["default"]=l.exports},8508:function(t,e,c){t.exports=c.p+"static/img/nodata.6b16cccd.jpg"},c5c7:function(t,e,c){"use strict";var n=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"components-default-style"},[n("div",[n("img",{staticClass:"default-style-img",style:{width:t.width,height:t.height},attrs:{src:c("8508"),alt:""}}),n("p",{staticClass:"tips"},[t._v("暂无数据")])])])},a=[],s={name:"notFundData",props:{width:{type:String,default:"80%"},height:{type:String,default:"80%"}}},i=s,d=(c("e17e"),c("4ac2")),u=Object(d["a"])(i,n,a,!1,null,"402cadde",null);e["a"]=u.exports},d7bd:function(t,e,c){"use strict";c("0bdd")},e17e:function(t,e,c){"use strict";c("4c72")}}]);
2 | //# sourceMappingURL=chunk-90f63cb6.a8d41848.js.map
--------------------------------------------------------------------------------
/service/public/static/js/chunk-45ad6033.b4347f8b.js:
--------------------------------------------------------------------------------
1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-45ad6033"],{"46a8":function(t,a,e){"use strict";e("8794")},"4c72":function(t,a,e){},5114:function(t,a,e){"use strict";e.r(a);var n=function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("div",{staticClass:"page-data-list"},[e("div"),e("notFundData")],1)},c=[],s=e("c5c7"),i={components:{notFundData:s["a"]}},u=i,l=(e("46a8"),e("4ac2")),o=Object(l["a"])(u,n,c,!1,null,"6c309750",null);a["default"]=o.exports},8508:function(t,a,e){t.exports=e.p+"static/img/nodata.6b16cccd.jpg"},8794:function(t,a,e){},c5c7:function(t,a,e){"use strict";var n=function(){var t=this,a=t.$createElement,n=t._self._c||a;return n("div",{staticClass:"components-default-style"},[n("div",[n("img",{staticClass:"default-style-img",style:{width:t.width,height:t.height},attrs:{src:e("8508"),alt:""}}),n("p",{staticClass:"tips"},[t._v("暂无数据")])])])},c=[],s={name:"notFundData",props:{width:{type:String,default:"80%"},height:{type:String,default:"80%"}}},i=s,u=(e("e17e"),e("4ac2")),l=Object(u["a"])(i,n,c,!1,null,"402cadde",null);a["a"]=l.exports},e17e:function(t,a,e){"use strict";e("4c72")}}]);
2 | //# sourceMappingURL=chunk-45ad6033.b4347f8b.js.map
--------------------------------------------------------------------------------
/service/public/static/js/chunk-45ad6033.bf74defa.js:
--------------------------------------------------------------------------------
1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-45ad6033"],{"46a8":function(t,a,e){"use strict";e("8794")},"4c72":function(t,a,e){},5114:function(t,a,e){"use strict";e.r(a);var n=function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("div",{staticClass:"page-data-list"},[e("div"),e("notFundData")],1)},c=[],s=e("c5c7"),i={components:{notFundData:s["a"]}},u=i,l=(e("46a8"),e("4ac2")),o=Object(l["a"])(u,n,c,!1,null,"6c309750",null);a["default"]=o.exports},8508:function(t,a,e){t.exports=e.p+"static/img/nodata.6b16cccd.jpg"},8794:function(t,a,e){},c5c7:function(t,a,e){"use strict";var n=function(){var t=this,a=t.$createElement,n=t._self._c||a;return n("div",{staticClass:"components-default-style"},[n("div",[n("img",{staticClass:"default-style-img",style:{width:t.width,height:t.height},attrs:{src:e("8508"),alt:""}}),n("p",{staticClass:"tips"},[t._v("暂无数据")])])])},c=[],s={name:"notFundData",props:{width:{type:String,default:"80%"},height:{type:String,default:"80%"}}},i=s,u=(e("e17e"),e("4ac2")),l=Object(u["a"])(i,n,c,!1,null,"402cadde",null);a["a"]=l.exports},e17e:function(t,a,e){"use strict";e("4c72")}}]);
2 | //# sourceMappingURL=chunk-45ad6033.bf74defa.js.map
--------------------------------------------------------------------------------
/service/public/static/js/chunk-90f63cb6.1c456727.js:
--------------------------------------------------------------------------------
1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-90f63cb6"],{"0bdd":function(t,e,c){},"4c72":function(t,e,c){},"504b":function(t,e,c){"use strict";c.r(e);var n=function(){var t=this,e=t.$createElement,c=t._self._c||e;return c("div",{staticClass:"page-data-detail"},[c("div"),c("notFundData")],1)},a=[],s=c("c5c7"),i={components:{notFundData:s["a"]}},d=i,u=(c("d7bd"),c("4ac2")),l=Object(u["a"])(d,n,a,!1,null,"0d27c64c",null);e["default"]=l.exports},8508:function(t,e,c){t.exports=c.p+"static/img/nodata.6b16cccd.jpg"},c5c7:function(t,e,c){"use strict";var n=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"components-default-style"},[n("div",[n("img",{staticClass:"default-style-img",style:{width:t.width,height:t.height},attrs:{src:c("8508"),alt:""}}),n("p",{staticClass:"tips"},[t._v("暂无数据")])])])},a=[],s={name:"notFundData",props:{width:{type:String,default:"80%"},height:{type:String,default:"80%"}}},i=s,d=(c("e17e"),c("4ac2")),u=Object(d["a"])(i,n,a,!1,null,"402cadde",null);e["a"]=u.exports},d7bd:function(t,e,c){"use strict";c("0bdd")},e17e:function(t,e,c){"use strict";c("4c72")}}]);
2 | //# sourceMappingURL=chunk-90f63cb6.1c456727.js.map
--------------------------------------------------------------------------------
/service/public/static/js/chunk-90f63cb6.a8d41848.js:
--------------------------------------------------------------------------------
1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-90f63cb6"],{"0bdd":function(t,e,c){},"4c72":function(t,e,c){},"504b":function(t,e,c){"use strict";c.r(e);var n=function(){var t=this,e=t.$createElement,c=t._self._c||e;return c("div",{staticClass:"page-data-detail"},[c("div"),c("notFundData")],1)},a=[],s=c("c5c7"),i={components:{notFundData:s["a"]}},d=i,u=(c("d7bd"),c("4ac2")),l=Object(u["a"])(d,n,a,!1,null,"0d27c64c",null);e["default"]=l.exports},8508:function(t,e,c){t.exports=c.p+"static/img/nodata.6b16cccd.jpg"},c5c7:function(t,e,c){"use strict";var n=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"components-default-style"},[n("div",[n("img",{staticClass:"default-style-img",style:{width:t.width,height:t.height},attrs:{src:c("8508"),alt:""}}),n("p",{staticClass:"tips"},[t._v("暂无数据")])])])},a=[],s={name:"notFundData",props:{width:{type:String,default:"80%"},height:{type:String,default:"80%"}}},i=s,d=(c("e17e"),c("4ac2")),u=Object(d["a"])(i,n,a,!1,null,"402cadde",null);e["a"]=u.exports},d7bd:function(t,e,c){"use strict";c("0bdd")},e17e:function(t,e,c){"use strict";c("4c72")}}]);
2 | //# sourceMappingURL=chunk-90f63cb6.a8d41848.js.map
--------------------------------------------------------------------------------
/client/mixins/ossUpload.js:
--------------------------------------------------------------------------------
1 | /**
2 | * 上传相关
3 | */
4 | import OSS from 'ali-oss';
5 | import { mapState } from 'vuex'
6 | export default {
7 | data(){
8 | return {
9 |
10 | }
11 | },
12 | computed: {
13 | ...mapState({
14 | ossConfig: state => state.ossConfig
15 | })
16 | },
17 | created() {
18 | if(!this.ossConfig.stsToken){
19 | this.$store.dispatch('getOssToken')
20 | }
21 | },
22 | methods: {
23 | ossUpload(file){
24 | return new Promise((resolve, reject) => {
25 | this.$store.dispatch('getOssToken').then(() => {
26 | let client = new OSS({
27 | stsToken: this.ossConfig.stsToken,
28 | accessKeyId: this.ossConfig.accessKeyId,
29 | accessKeySecret: this.ossConfig.accessKeySecret,
30 | bucket: this.ossConfig.bucket,
31 | region: this.ossConfig.region,
32 | });
33 | let bojName = 'dwwb/portal/web_docs/' + new Date().getTime() + '/'
34 | async function putBlob () {
35 | try {
36 | let result = await client.put(bojName + file.name, file);
37 | resolve(result);
38 | } catch (e) {
39 | reject(e);
40 | }
41 | }
42 | putBlob();
43 | }).catch(err => {
44 | reject(err);
45 | })
46 | })
47 | }
48 | }
49 | }
50 |
--------------------------------------------------------------------------------
/client/libs/drag/draggable.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
5 |
6 |
7 |
61 |
--------------------------------------------------------------------------------
/client/plugins/notice/src/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
14 |
15 |
16 |
43 |
44 |
49 |
--------------------------------------------------------------------------------
/public/static/js/chunk-0069f99e.71c57878.js:
--------------------------------------------------------------------------------
1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-0069f99e"],{"720d":function(t,e,s){"use strict";s.r(e);var i=function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",{staticClass:"page-home"},[s("div",{staticClass:"home-side-bar"},[s("el-menu",{attrs:{"default-active":"/page-list",router:""}},[s("el-menu-item",{attrs:{index:"/home/page-list"}},[s("i",{staticClass:"el-icon-mobile"}),s("span",{attrs:{slot:"title"},slot:"title"},[t._v("我的作品")])]),s("el-menu-item",{attrs:{index:"/home/my-template"}},[s("i",{staticClass:"el-icon-document"}),s("span",{attrs:{slot:"title"},slot:"title"},[t._v("我的模板")])]),s("el-menu-item",{attrs:{index:"/home/page-data"}},[s("i",{staticClass:"el-icon-menu"}),s("span",{attrs:{slot:"title"},slot:"title"},[t._v("我的数据")])]),s("el-menu-item",{attrs:{index:"/home/template-list"}},[s("i",{staticClass:"el-icon-s-shop"}),s("span",{attrs:{slot:"title"},slot:"title"},[t._v("创意模板")])])],1)],1),s("div",{staticClass:"clearfix my-page-list"},[s("router-view",{staticClass:"sub-page"})],1)])},a=[],l={},n=l,o=(s("8053"),s("4ac2")),c=Object(o["a"])(n,i,a,!1,null,"659890ee",null);e["default"]=c.exports},"7d47":function(t,e,s){},8053:function(t,e,s){"use strict";s("7d47")}}]);
2 | //# sourceMappingURL=chunk-0069f99e.71c57878.js.map
--------------------------------------------------------------------------------
/client/common/js/runAnimations.js:
--------------------------------------------------------------------------------
1 | /**
2 | * 动画方法， 将动画css加入到元素上，返回promise提供执行后续操作（将动画重置）
3 | * @param $el 当前被执行动画的元素
4 | * @param animationList 动画列表
5 | * @param isDebugger 动画列表
6 | * @returns {Promise
3 |
12 |
13 |
14 |
39 |
40 |
43 |
--------------------------------------------------------------------------------
/service/controller/image.js:
--------------------------------------------------------------------------------
1 | /**
2 | * images lib 相关
3 | * @param app
4 | * @returns {{corsproxy(): Promise脚本编辑
4 |js脚本在编辑模式下无效果
5 |
6 |
11 |
3 |
4 |
6 |
7 |
8 |
9 |
45 |
46 |
49 |
--------------------------------------------------------------------------------
/client/pages/editor/components/attr-configure/attr-props-components/props-attr/grid.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
6 |
7 |
9 |
10 |
14 |
15 |
16 |
17 |
18 |
19 |
43 |
44 |
52 |
--------------------------------------------------------------------------------
/docs/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
37 |
39 |
44 |
45 |
48 |
49 |
50 |
--------------------------------------------------------------------------------
/client/plugins/banner/src/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | ![]()
5 | ![]()
6 |
7 |
8 |
9 |
37 |
38 |
49 |
--------------------------------------------------------------------------------
/common/ajax.js:
--------------------------------------------------------------------------------
1 | /**
2 | * http请求封装
3 | * @param opt
4 | */
5 | /*-------------------Ajax start--------------------*/
6 |
7 | function ajax(options) {
8 | return new Promise((resolve, reject) => {
9 | options = options || {};
10 | options.type = (options.type || "GET").toUpperCase();
11 | options.dataType = options.dataType || "json";
12 | var params = formatParams(options.data);
13 | var xhr;
14 |
15 | //创建 - 第一步
16 | xhr = new XMLHttpRequest();
17 |
18 | //连接 和 发送 - 第二步
19 | if (options.type == "GET") {
20 | xhr.open("GET", options.url + "?" + params, true);
21 | xhr.send(null);
22 | } else if (options.type == "POST") {
23 | xhr.open("POST", options.url, true);
24 | //设置表单提交时的内容类型
25 | xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
26 | xhr.send(params);
27 | }
28 |
29 | //接收 - 第三步
30 | xhr.onreadystatechange = function () {
31 | if (xhr.readyState == 4) {
32 | var status = xhr.status;
33 | if (status >= 200 && status < 300 || status == 304) {
34 | resolve(xhr.responseText, xhr.responseXML)
35 | } else {
36 | reject(status)
37 | }
38 | }
39 | }
40 | })
41 | }
42 |
43 | //格式化参数
44 | function formatParams(data){
45 | var arr = [];
46 | for (var name in data) {
47 | arr.push(encodeURIComponent(name) + "=" + encodeURIComponent(data[name]));
48 | }
49 | arr.push(("v=" + Math.random()).replace(".",""));
50 | return arr.join("&");
51 | }
52 |
53 | /*-------------------Ajax end-------------------*/
54 |
55 | export default ajax
56 |
--------------------------------------------------------------------------------
/client/api/modules/page.js:
--------------------------------------------------------------------------------
1 | /*
2 | 页面相关api
3 | **/
4 | import $axios from "@/service/httpServer";
5 | // 获取我的页面列表
6 | export const getMyPages = p => $axios.get('/page/getMyPages', p);
7 | // 获取我的页面详情
8 | export const getPageDetail = p => $axios.get('/page/detail', p);
9 | // 新增页面
10 | export const createPage = p => $axios.post('/page/create', p);
11 | // 更新页面
12 | export const updatePage = p => $axios.post('/page/update', p);
13 | // 删除页面
14 | export const deletePage = p => $axios.post('/page/delete', p);
15 | // 复制页面
16 | export const copyPage = p => $axios.post('/page/copy', p);
17 | // 设置为模板
18 | export const setTemplatePage = p => $axios.post('/page/setTemplate', p);
19 | // 发布页面
20 | export const publishPage = p => $axios.post('/page/setPublish', p);
21 |
22 | /**
23 | * ========================================================================
24 | * */
25 | // 获取我的模板
26 | export const getMyTemplates = p => $axios.get('/page/getMyTemplates', p);
27 |
28 |
29 | /**
30 | * ========================================================================
31 | * */
32 | // 获取模板市场模板
33 | export const getPublishTemplates = p => $axios.get('/page/getPublishTemplates', p);
34 |
35 | /**
36 | * ========================================================================
37 | * */
38 | // 获取协作人列表
39 | export const getCooperationUserListByPageId = p => $axios.get('/page/getCooperationList', p)
40 | // 按userIds添加协作人
41 | export const addCooperation = p => $axios.post('/page/addCooperation', p)
42 | // 删除协作人
43 | export const delCooperation = p => $axios.post('/page/delCooperation', p)
--------------------------------------------------------------------------------
/engine-template/engine-h5-swiper/src/components-template.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
5 |
6 |
7 |
57 |
--------------------------------------------------------------------------------
/client/pages/home/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
23 |
27 |
28 |
29 |
33 |
34 |
56 |
--------------------------------------------------------------------------------
/client/pages/editor/components/attr-configure/attr-edit.vue:
--------------------------------------------------------------------------------
1 |
2 |
24 |
26 |
4 |
11 |
5 |
7 |
8 |
10 |
12 |
14 | 请在画板上选择需要编辑得元素
13 |
4 |
5 |
6 |
7 | ![]()
8 |
9 |
10 |
11 |
12 |
13 |
47 |
48 |
57 |
62 |
--------------------------------------------------------------------------------
/client/pages/editor/components/history.vue:
--------------------------------------------------------------------------------
1 |
2 | 历史记录
16 |
3 |
5 |
6 |
7 |
70 |
--------------------------------------------------------------------------------
/client/plugins/avatar/src/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
8 |
9 |
10 |
11 |
12 |
45 |
46 |
60 |
--------------------------------------------------------------------------------
/service/api/image.js:
--------------------------------------------------------------------------------
1 | const request = require('request');
2 | const $config = require('../config')
3 | module.exports = app => ({
4 | /**
5 | * 获取我的图片列表
6 | * @returns {Promise<*>}
7 | */
8 | async getMyImages() {
9 | const { ctx, $model } = app;
10 | let userData = ctx.userData
11 | let query = { author: userData._id };
12 | return await $model.image.find(query).select('_id url').exec();
13 | },
14 | /**
15 | * 添加图片
16 | * @param url
17 | * @returns {Promise<*>}
18 | */
19 | async addImage(url) {
20 | const { ctx, $model } = app;
21 | let userData = ctx.userData;
22 | return await $model.image.create({
23 | author: userData._id,
24 | url: url
25 | });
26 | },
27 | /**
28 | * 获取外部图片
29 | */
30 | async getExternalImages() {
31 | const { ctx } = app;
32 | let url = 'https://material-api.eqxiu.com/m/material/category/template/list?categoryId=898438&searchCode=94231&sortBy=0&fee=&pageNo=5&pageSize=20'
33 | // let url = 'https://www.vcg.com/api/common/searchImage?assetFormat%5B%5D=png&phrase=%E4%BA%BA%E7%89%A9&graphicalStyle=6&transform=renwu&isRecommendCreativeFreshData=false'
34 | var options = {
35 | url,
36 | 'method': 'GET',
37 | 'headers': {
38 | 'cookie': $config.eqxiuCookie
39 | }
40 | };
41 | return new Promise((resolve, reject) => {
42 | request(options, function(error, response, body) {
43 | if (!error && response.statusCode == 200) {
44 | let arr = JSON.parse(body)
45 | resolve(arr.obj)
46 | // resolve(JSON.stringify(arr.list, ['equalw_url', 'url800', 'width', 'height']))
47 | } else {
48 | reject(error)
49 | }
50 | })
51 | })
52 | }
53 | })
--------------------------------------------------------------------------------
/client/pages/editor/components/keyboard.vue:
--------------------------------------------------------------------------------
1 |
2 |
5 |
8 |
9 | {{key}}
6 | {{ele}}
7 |
4 |
5 |
6 |
7 |
8 |
64 |
65 |
70 |
--------------------------------------------------------------------------------
/service/public/third-libs/flexible.js:
--------------------------------------------------------------------------------
1 | !function(a,b){function c(){var b=f.getBoundingClientRect().width;b/i>540&&(b=540*i);var c=b/10;f.style.fontSize=c+'px',k.rem=a.rem=c;}var d,e=a.document,f=e.documentElement,g=e.querySelector('meta[name="viewport"]'),h=e.querySelector('meta[name="flexible"]'),i=0,j=0,k=b.flexible||(b.flexible={});if(g){console.warn('将根据已有的meta标签来设置缩放比?');var l=g.getAttribute('content').match(/initial\-scale=([\d\.]+)/);l&&(j=parseFloat(l[1]),i=parseInt(1/j));}else if(h){var m=h.getAttribute('content');if(m){var n=m.match(/initial\-dpr=([\d\.]+)/),o=m.match(/maximum\-dpr=([\d\.]+)/);n&&(i=parseFloat(n[1]),j=parseFloat((1/i).toFixed(2))),o&&(i=parseFloat(o[1]),j=parseFloat((1/i).toFixed(2)));}}if(!i&&!j){var p=(a.navigator.appVersion.match(/android/gi),a.navigator.appVersion.match(/iphone/gi)),q=a.devicePixelRatio;i=p?q>=3&&(!i||i>=3)?3:q>=2&&(!i||i>=2)?2:1:1,j=1/i;}if(f.setAttribute('data-dpr',i),!g)if(g=e.createElement('meta'),g.setAttribute('name','viewport'),g.setAttribute('content','initial-scale='+j+', maximum-scale='+j+', minimum-scale='+j+', user-scalable=no'),f.firstElementChild)f.firstElementChild.appendChild(g);else{var r=e.createElement('div');r.appendChild(g),e.write(r.innerHTML);}a.addEventListener('resize',function(){clearTimeout(d),d=setTimeout(c,300);},!1),a.addEventListener('pageshow',function(a){a.persisted&&(clearTimeout(d),d=setTimeout(c,300));},!1),'complete'===e.readyState?e.body.style.fontSize=12*i+'px':e.addEventListener('DOMContentLoaded',function(){e.body.style.fontSize=12*i+'px';},!1),c(),k.dpr=a.dpr=i,k.refreshRem=c,k.rem2px=function(a){var b=parseFloat(a)*this.rem;return'string'==typeof a&&a.match(/rem$/)&&(b+='px'),b;},k.px2rem=function(a){var b=parseFloat(a)/this.rem;return'string'==typeof a&&a.match(/px$/)&&(b+='rem'),b;};}(window,window.lib||(window.lib={}));
--------------------------------------------------------------------------------
/client/pages/editor/components/attr-configure/attr-props-components/props-attr/imageSrcList.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
12 |
3 |
4 |
6 |
7 |
8 |
9 |
11 |
12 |
13 |
14 | 静止
15 | 滚动
16 |
17 |
18 | 是
19 | 否
20 |
21 |
22 |
24 |
25 |
27 |
28 |
29 |
30 |
31 |
58 |
59 |
62 |
--------------------------------------------------------------------------------
/vue.config.js:
--------------------------------------------------------------------------------
1 | const path = require('path')
2 | const fs = require('fs')
3 |
4 | function resolve(dir) {
5 | return path.join(__dirname, dir)
6 | }
7 |
8 | let devServer = {
9 | proxy: { // 代理
10 | '/': {
11 | target: 'http://localhost:3333', //设置你调用的接口域名和端口号 别忘了加http
12 | ws: false, //如果要代理 websockets
13 | changeOrigin: true, //将主机标头的原点更改为目标URL
14 | pathRewrite: {},
15 | }
16 | }
17 | }
18 |
19 | module.exports = {
20 | devServer: devServer,
21 | // 输出文件目录
22 | assetsDir: "static",
23 | outputDir: './service/public',
24 | // publicPath: "./service/public",
25 | publicPath: "./",
26 | // 修改 pages 入口
27 | pages: {
28 | index: {
29 | entry: 'client/main.js', // 入口
30 | template: 'public/engine-h5-long.html', // 模板
31 | filename: 'index.html', // 输出文件
32 | }
33 | },
34 | css: {
35 | loaderOptions: {
36 | sass: {
37 | // @/ 是 src/ 的别名,设置全局css变量
38 | data: fs.readFileSync(path.resolve(__dirname, `./client/common/styles/variables.scss`), 'utf-8') // 公共变量文件注入
39 | }
40 | }
41 | },
42 | // 扩展 webpack 配置
43 | chainWebpack: config => {
44 | // @ 默认指向 src 目录，这里要改成 examples
45 | // 另外也可以新增一个 ~ 指向 packages
46 | config.resolve.alias
47 | .set('@', path.resolve('client'))
48 | .set('@client', path.resolve('client'))
49 | .set('@plugins', path.resolve('plugins'))
50 | .set('@service', path.resolve('service'))
51 | config.module
52 | .rule('js')
53 | .include.add(/engine-template/).end()
54 | .include.add(/client/).end()
55 | .include.add(/common/).end()
56 | .use('babel')
57 | .loader('babel-loader')
58 |
59 | .tap(options => {
60 | // 修改它的选项...
61 | return options
62 | })
63 | // 移除 prefetch 插件,当页面太多时，会导致太多无意义的请求
64 | config.plugins.delete('prefetch')
65 |
66 | }
67 | }
--------------------------------------------------------------------------------
/service/controller/psd.js:
--------------------------------------------------------------------------------
1 | /**
2 | * psd解析
3 | * @param app
4 | * @returns {{corsproxy(): Promise
4 |
6 |
12 |
13 |
14 |
15 |
60 |
61 |
64 |
--------------------------------------------------------------------------------
/docs/README.md:
--------------------------------------------------------------------------------
1 | 
2 | 
3 | 想完成但未完善问题（争取近期完善）：
4 |
5 | - [ ] 导入PSD角度问题
6 | - [ ] 导入PSD的文本字体大小不一致问题
7 | - [ ] 个别PSD导入出现错误情况
8 | - [ ] 画布大小自定义
9 | - [ ] 组件锁定
10 | - [ ] 右键菜单不同区域显示不同菜单
11 | - [ ] 剪切组件
12 | - [ ] 预览添加手机壳模型
13 | - [ ] 组件拖拽多选
14 | - [ ] 添加新人引导动画
15 | - [ ] 完善表单数据功能
16 | - [ ] 完善模板库
17 |
18 | 已有功能：
19 |
20 | - [x] 拖拉组件至画布
21 | - [x] 面板可收缩展开
22 | - [x] 点击添加组件位置为默认位置
23 | - [x] 添加导入PSD时显示进度条
24 | - [x] 保存JSON文件
25 | - [x] 上传JSON文件
26 | - [x] 根据画布截图生成预览图
27 | - [x] 自定义画布右键菜单
28 | - [x] 添加常用快捷键
29 | - [x] 清空画布
30 | - [x] 画布标尺
31 | - [x] 解决一些小问题
32 | - [x] 创建外部图片库
33 | - [x] 历史记录面板
34 | - [x] 文本组件过滤敏感词
35 | - [x] 自动保存画布内容
36 | - [x] 用户登录界面美化
37 | - [x] 用户登录增加滑动验证
38 | - [x] 制作产品官网
39 | - [x] 作品状态设置，外部不可访问
40 | - [x] 增加二维码组件
41 | - [x] 导入PSD可选择文字可编辑与全转为图片模式
42 |
43 |
44 |
45 |
46 | ## 工程目录结构
47 |
48 | ```
49 | |-- client --------前端项目界面代码
50 | |--common --------前端界面对应静态资源
51 | |--components --------组件
52 | |--config --------配置文件
53 | |--eventBus --------eventBus
54 | |--filter --------过滤器
55 | |--mixins --------混入
56 | |--pages --------页面
57 | |--router --------路由配置
58 | |--store --------vuex状态管理
59 | |--service --------axios封装
60 | |--App.vue --------App
61 | |--main.js --------入口文件
62 | |--permission.js --------权限控制
63 | |-- server --------服务器端项目代码
64 | |--confog --------配置文件
65 | |--controller --------数据库链接相关
66 | |--extend --------框架扩展
67 | |--model -------Schema和Model
68 | |--middleware --------中间件
69 | |--core --------Koa MVC实现自动加载核心文件
70 | |--views --------ejs页面模板
71 | |--public --------静态资源
72 | |--router.js --------路由
73 | |--app.js --------服务端入口
74 | |-- common --------前后端公用代码模块（如加解密）
75 | |-- engine-template --------页面模板引擎，使用webpack打包成js提供页面引用
76 | |-- docs --------预留编写项目文档目录
77 | |-- config.json --------配置文件
78 | ```
--------------------------------------------------------------------------------
/client/components/page-header.vue:
--------------------------------------------------------------------------------
1 |
2 | 组件属性
5 |
3 |
17 |
18 |
19 |
42 |
43 |
84 |
--------------------------------------------------------------------------------
/service/controller/user.js:
--------------------------------------------------------------------------------
1 | module.exports = app => ({
2 | /**
3 | * 获取个人信息
4 | * @returns {Promise
4 |
16 |
5 | 
6 |
8 |
6 |
9 |
11 |
12 |
15 |
3 |
10 |
11 |
15 |
20 |
21 |
22 |
64 |
65 |
70 |
--------------------------------------------------------------------------------
/client/router/index.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import Router from 'vue-router'
3 |
4 | Vue.use(Router)
5 |
6 | /** 各个模块 */
7 | export default new Router({
8 | // mode: 'history',
9 | routes: [{
10 | path: '/',
11 | name: 'Layout',
12 | component: () =>
13 | import ('@/pages/layout'),
14 | redirect: { name: 'Index' },
15 | children: [{
16 | path: 'home',
17 | name: 'Home',
18 | component: () =>
19 | import ('@/pages/home/index'),
20 | redirect: { name: 'pageList' },
21 | children: [{
22 | path: 'page-list',
23 | name: 'pageList',
24 | component: () =>
25 | import ('@/pages/home/page-list'),
26 | }, {
27 | path: 'my-template',
28 | name: 'myTemplate',
29 | component: () =>
30 | import ('@/pages/home/my-template'),
31 | }, {
32 | path: 'page-data',
33 | name: 'pageData',
34 | component: () =>
35 | import ('@/pages/home/page-data'),
36 | }, {
37 | path: 'page-data-detail',
38 | name: 'pageDataDetail',
39 | component: () =>
40 | import ('@/pages/home/page-data-detail'),
41 | }, {
42 | path: 'template-list',
43 | name: 'templateList',
44 | component: () =>
45 | import ('@/pages/home/template-list'),
46 | }]
47 | }, {
48 | path: '/editor',
49 | name: 'Editor',
50 | component: () =>
51 | import ('@/pages/editor/Index')
52 | }, ],
53 | },
54 | {
55 | path: '/login',
56 | name: 'Login',
57 | component: () =>
58 | import ('@/pages/Login'),
59 | meta: {
60 | hideHeader: true,
61 | trust: true,
62 | noNeedLogin: true
63 | }
64 | }, { //官网
65 | path: '/index',
66 | name: 'Index',
67 | component: () =>
68 | import ('@/pages/website/index'),
69 | meta: {
70 | hideHeader: true,
71 | trust: true,
72 | noNeedLogin: true
73 | }
74 | }
75 |
76 | ]
77 | })
--------------------------------------------------------------------------------
/service/core/index.js:
--------------------------------------------------------------------------------
1 | /**
2 | * 封装koa mvc基础架构初始化工作
3 | */
4 | const path = require('path')
5 | const Koa = require('koa');
6 | const { initConfig, initController, initService, initModel, initRouter, initMiddleware, initExtend, initSchedule } = require('./loader');
7 | class Application {
8 | constructor() {
9 | this.$app = new Koa();
10 | // 注册默认内置中间件
11 | this.initDefaultMiddleware();
12 |
13 | // 初始化config
14 | this.$config = initConfig(this);
15 | // 初始化controller
16 | this.$controller = initController(this);
17 | // 初始化service
18 | this.$service = initService(this);
19 | // 初始化middleware
20 | this.$middleware = initMiddleware(this);
21 | // 初始化model
22 | this.$model = initModel(this)
23 | // 初始化router
24 | this.$router = initRouter(this);
25 | // 初始化扩展
26 | initExtend(this);
27 | // 初始化定时任务schedule
28 | initSchedule(this)
29 |
30 | // 将ctx注入到app上
31 | this.$app.use(async(ctx, next) => {
32 | this.ctx = ctx;
33 | await next()
34 | })
35 | this.$app.use(this.$router.routes());
36 | }
37 |
38 | // 设置内置中间件
39 | initDefaultMiddleware() {
40 | const koaStatic = require('koa-static');
41 | const koaBody = require('koa-body');
42 | const cors = require('koa2-cors');
43 | const views = require('koa-views');
44 |
45 | // 配置静态web
46 | this.$app.use(koaStatic(path.resolve(__dirname, '../public')), {
47 | gzip: true,
48 | setHeaders: function(res) {
49 | res.header('Access-Control-Allow-Origin', '*')
50 | }
51 | });
52 | //跨域处理
53 | this.$app.use(cors());
54 | // body接口数据处理
55 | this.$app.use(koaBody({
56 | multipart: true,
57 | formidable: {
58 | maxFileSize: 3000 * 1024 * 1024 // 设置上传文件大小最大限制，默认30M
59 | }
60 | }));
61 | //配置需要渲染的文件路径及文件后缀
62 | this.$app.use(views(path.join(__dirname, '../views'), {
63 | extension: 'ejs'
64 | }))
65 | }
66 |
67 | // 启动服务
68 | start(port) {
69 | this.$app.listen(port, () => {
70 | console.log('API服务已启动...http://localhost:' + port);
71 | });
72 | }
73 | }
74 |
75 | module.exports = Application;
--------------------------------------------------------------------------------
/client/components/SketchRuleBg.vue:
--------------------------------------------------------------------------------
1 |
2 | 将文件拖到此处，或点击上传
12 | 只能上传PSD文件，且不超过40MB
13 |
16 | 文字可编辑模式
17 | 图层全转为图片模式
18 |
19 |
3 |
4 |
16 |
17 |
18 |
39 |
40 |
99 |
--------------------------------------------------------------------------------
5 |
9 |
6 |
7 |
8 |
10 |
12 |
13 |
14 |
15 |