3 |
8 |
9 |
10 |
25 |
26 |
48 |
--------------------------------------------------------------------------------
/client/components/page-header.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 | 
5 |
7 |
5 | 暂无数据
6 |
3 |
17 |
18 |
19 |
42 |
43 |
84 |
--------------------------------------------------------------------------------
/client/components/upload-psd.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
16 |
5 | 
6 |
8 |
6 |
9 |
11 |
12 |
15 |
3 |
10 |
11 |
15 |
20 |
21 |
22 |
64 |
65 |
70 |
--------------------------------------------------------------------------------
/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/eventBus/index.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue';
2 | export default new Vue();
--------------------------------------------------------------------------------
/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/libs/drag/draggable.vue:
--------------------------------------------------------------------------------
1 |
2 | 将文件拖到此处，或点击上传
12 | 只能上传PSD文件，且不超过40MB
13 |
16 | 文字可编辑模式
17 | 图层全转为图片模式
18 |
19 |
3 |
5 |
6 |
7 |
61 |
--------------------------------------------------------------------------------
/client/libs/drag/droppable.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
5 |
6 |
7 |
70 |
--------------------------------------------------------------------------------
/client/libs/drag/index.js:
--------------------------------------------------------------------------------
1 | import Draggable from './draggable.vue'
2 | import Droppable from './droppable.vue'
3 |
4 | export {
5 | Draggable,
6 | Droppable
7 | }
--------------------------------------------------------------------------------
/client/libs/keypress/keypress.js:
--------------------------------------------------------------------------------
1 | import keyCode from './keycode';
2 | const getKeyMap = (keymap) => Object.keys(keymap).map((input) => {
3 | const result = { callback: () => { console.log(11); } };
4 | input.split('.').forEach((keyName) => {
5 | switch (keyName.toLowerCase()) {
6 | case 'ctrl':
7 | case 'alt':
8 | case 'shift':
9 | case 'meta':
10 | result[keyName] = true;
11 | break;
12 | default:
13 | result.keyCode = keyCode(keyName);
14 | }
15 | });
16 | result.callback = keymap[input];
17 | return result;
18 | });
19 | export default {
20 | install(Vue) {
21 | Vue.directive('hotkey', {
22 | bind(el, binding) {
23 | const _keymap = getKeyMap(binding.value);
24 | el._keyHandler = (e) => {
25 | for (const hotkey of _keymap) {
26 | hotkey.keyCode === e.keyCode &&
27 | !!hotkey.ctrl === e.ctrlKey &&
28 | !!hotkey.alt === e.altKey &&
29 | !!hotkey.shift === e.shiftKey &&
30 | !!hotkey.meta === e.metaKey &&
31 | hotkey.callback(e);
32 | }
33 | };
34 | document.addEventListener('keydown', el._keyHandler);
35 | },
36 | unbind(el) {
37 | document.removeEventListener('keydown', el._keyHandler);
38 | }
39 | });
40 | }
41 | };
--------------------------------------------------------------------------------
/client/main.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import App from './App.vue'
3 | import router from './router'
4 | import store from './store'
5 | import httpServer from '@client/service/httpServer' // axios拦截器配置
6 | import '@/permission' // 权限控制
7 | import * as mUtils from '@/common/js/mUtils' //工具类
8 | import config from '@/config'
9 | import filters from './filters/index' //过滤器
10 | import AES from '@/common/js/secret'
11 | import * as API from '@/api/index'
12 |
13 | import Element from 'element-ui'
14 | import '@/common/styles/element-variables.scss'
15 | import '@/common/styles/index.scss' // 自定义 css
16 | import 'animate.css' //动画 css
17 | import VueClipboard from 'vue-clipboard2' //获取剪切板
18 | import hotKey from '@client/libs/keypress/keypress' //快捷键
19 | import Contextmenu from "vue-contextmenujs"
20 |
21 | // 视频组件，todo：后期改为局部注册
22 | import vueMiniPlayer from 'vue-mini-player'
23 | import 'vue-mini-player/lib/vue-mini-player.css'
24 |
25 | import VCharts from 'v-charts'
26 | Vue.use(VCharts)
27 |
28 |
29 | Vue.use(Element);
30 | Vue.use(VueClipboard)
31 | Vue.use(hotKey)
32 | Vue.use(Contextmenu);
33 | Vue.use(vueMiniPlayer);
34 |
35 | /**
36 | * 引入公共方法mUtils
37 | */
38 | Vue.prototype.$mUtils = mUtils;
39 | Vue.prototype.AES = AES
40 | Vue.prototype.$axios = httpServer;
41 | Vue.prototype.$api = API;
42 | Vue.prototype.$API = API;
43 |
44 | /**
45 | * 公共配置信息
46 | */
47 | Vue.prototype.$config = config
48 |
49 | // 注册全局过滤器
50 | Object.keys(filters).forEach(key => {
51 | Vue.filter(key, filters[key])
52 | })
53 |
54 |
55 | // 登录后跳转回之前停留页面
56 | Vue.prototype.goBeforeLoginUrl = () => {
57 | let url = mUtils.Cookie.get('beforeLoginUrl')
58 | url = decodeURIComponent(url)
59 | if (!url || url.indexOf('/author') != -1) {
60 | router.push('/login')
61 | } else {
62 | router.push(url)
63 | mUtils.Cookie.set('beforeLoginUrl', '', 1 / 24 / 60, window.location.host, window.location.pathname.substring(0, window.location.pathname.length - 1))
64 | }
65 | };
66 |
67 | // 查询多个，全局替换
68 | String.prototype.replaceAll = function(s1, s2) {
69 | return this.replace(new RegExp(s1, "gm"), s2);
70 | }
71 |
72 | Vue.config.productionTip = false
73 |
74 | store.commit('UPDATE_USER_FROM_LOCAL')
75 |
76 | new Vue({
77 | router,
78 | store,
79 | render: h => h(App)
80 | }).$mount('#app')
--------------------------------------------------------------------------------
/client/mixins/elementEvents.js:
--------------------------------------------------------------------------------
1 | import { register_components_object } from '@client/plugins/index'
2 | import { camelCase } from 'lodash'
3 | /**
4 | * 元素点击事件相关方法
5 | * */
6 | export default {
7 | methods: {
8 | /**
9 | * 链接跳转
10 | */
11 | _event_link(eventData) {
12 | return new Promise((resolve) => {
13 | if (eventData.url) {
14 | window.location.href = eventData.url;
15 | }
16 | resolve()
17 | })
18 | },
19 | /**
20 | * 分享
21 | * @private
22 | */
23 | _event_share() {
24 | return new Promise((resolve) => {
25 | window.alert('分享')
26 | resolve()
27 | })
28 | },
29 | /**
30 | * 表单提交
31 | * @private
32 | */
33 | _event_submitForm() {
34 | // return new Promise((resolve) => {
35 | // window.alert('表单提交，待完善...')
36 | //获歇提交接口
37 | var apiUrl = eventData.url; //获歇页面表单数据
38 | var formdata = {};
39 | page.pages.forEach(function(data) {
40 | data.elements.forEach(function(item) {
41 | if (!item.isForm) return;
42 | var key = item.propsValue.keyName || '';
43 | formdata[key] = item.value;
44 | });
45 | });
46 | console.log(apiUrl);
47 | console.log(formdata);
48 |
49 | // resolve()
50 | // })
51 | },
52 |
53 | /**
54 | * 根据elname获取组件默认props数据
55 | * @param elName
56 | */
57 | getComponentProps(elName) {
58 | let elComponentData
59 | for (let key in register_components_object) {
60 | if (key.toLowerCase() === camelCase(elName).toLowerCase()) {
61 | elComponentData = register_components_object[key];
62 | break;
63 | }
64 | }
65 | if (!elComponentData) return {}
66 |
67 | let props = {}
68 | for (let key in elComponentData.props) {
69 | props[key] = [Object, Array].includes(elComponentData.props[key].type) ? elComponentData.props[key].default() : elComponentData.props[key].default
70 | }
71 | return props;
72 | },
73 |
74 |
75 | }
76 | }
--------------------------------------------------------------------------------
/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/mixins/pageModel.js:
--------------------------------------------------------------------------------
1 | /**
2 | * 针对页面的一些操作方法
3 | * */
4 | export default {
5 | methods: {
6 | savePage(){},
7 | publishPage(){},
8 |
9 | }
10 | }
11 |
--------------------------------------------------------------------------------
/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 | }
--------------------------------------------------------------------------------
/client/pages/editor/components/attr-configure/attr-edit.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
11 |
5 |
7 |
8 |
10 |
12 |
14 | 请在画板上选择需要编辑得元素
13 |
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 |
--------------------------------------------------------------------------------
/client/pages/editor/components/attr-configure/attr-props-components/props-attr/avatar.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
6 |
7 |
8 |
9 |
45 |
46 |
49 |
--------------------------------------------------------------------------------
/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 |
--------------------------------------------------------------------------------
/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 |
--------------------------------------------------------------------------------
/client/pages/editor/components/attr-configure/attr-props-components/props-attr/imageSrc.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
12 |
4 |
6 |
12 |
13 |
14 |
15 |
60 |
61 |
64 |
--------------------------------------------------------------------------------
/client/pages/editor/components/attr-configure/attr-props-components/props-attr/musicSrc.vue:
--------------------------------------------------------------------------------
1 |
2 | 组件属性
5 |
3 |
12 |
13 |
14 |
39 |
40 |
43 |
--------------------------------------------------------------------------------
/client/pages/editor/components/history.vue:
--------------------------------------------------------------------------------
1 |
2 | 脚本编辑
4 |js脚本在编辑模式下无效果
5 |
6 |
11 | 历史记录
16 |
5 |
8 |
9 | {{key}}
6 | {{ele}}
7 |
3 |
7 |
8 |
9 |
14 |
15 |
18 |
--------------------------------------------------------------------------------
/client/pages/home/index.vue:
--------------------------------------------------------------------------------
1 |
2 | 模板库
4 |待完善...
5 | 6 |
3 |
23 |
27 |
28 |
29 |
33 |
34 |
56 |
--------------------------------------------------------------------------------
/client/pages/home/page-data-detail.vue:
--------------------------------------------------------------------------------
1 |
2 |
24 |
26 |
3 |
4 |
6 |
7 |
8 |
16 |
17 |
22 |
--------------------------------------------------------------------------------
/client/pages/home/page-data.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
6 |
7 |
8 |
16 |
17 |
22 |
--------------------------------------------------------------------------------
/client/pages/layout.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
8 |
9 |
10 |
18 |
19 |
36 |
--------------------------------------------------------------------------------
/client/pages/template-view-example/swiper-h5.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
6 |
3 |
5 |
6 |
7 |
21 |
22 |
29 |
--------------------------------------------------------------------------------
/client/permission.js:
--------------------------------------------------------------------------------
1 | /**
2 | * 路由权限相关管理
3 | * */
4 | import router from '@/router'
5 | import NProgress from 'nprogress' // 进度条
6 | import 'nprogress/nprogress.css' // 进度条样式
7 | import userModel from '@/libs/userModel'
8 |
9 | // 导航守卫
10 | router.beforeEach(async(to, from, next) => {
11 | NProgress.start()
12 | // 检测是否需要用户登录验证
13 | if (to.meta.noNeedLogin) {
14 | next()
15 | return;
16 | }
17 | // 用户登录状态拦截,未登录将跳转登录界面
18 | let loginStatus = await userModel.checkLoginState();
19 | if (!loginStatus) {
20 | userModel.goLogin();
21 | return false;
22 | }
23 | console.log(to)
24 | //TODO 根据加载的资源，更新路由meta属性中的title属性，所有的页面title使用route.meta.title
25 | next()
26 | })
27 |
28 | router.afterEach(() => {
29 | NProgress.done() // 结束Progress
30 | })
--------------------------------------------------------------------------------
/client/plugins/AddressEdit/index.js:
--------------------------------------------------------------------------------
1 | // 为组件提供 install 方法，供组件对外按需引入
2 | import Component from './src/index'
3 | Component.install = Vue => {
4 | Vue.component(Component.name, Component)
5 | }
6 | export default Component
--------------------------------------------------------------------------------
/client/plugins/AddressEdit/src/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | ![]()
5 |
6 |
7 |
8 |
19 |
20 |
31 |
--------------------------------------------------------------------------------
/client/plugins/FunnelChart/index.js:
--------------------------------------------------------------------------------
1 | // 为组件提供 install 方法，供组件对外按需引入
2 | import Component from './src/index'
3 | Component.install = Vue => {
4 | Vue.component(Component.name, Component)
5 | }
6 | export default Component
7 |
--------------------------------------------------------------------------------
/client/plugins/FunnelChart/src/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
6 |
7 |
8 |
31 |
32 |
35 |
--------------------------------------------------------------------------------
/client/plugins/LineChart/index.js:
--------------------------------------------------------------------------------
1 | // 为组件提供 install 方法，供组件对外按需引入
2 | import Component from './src/index'
3 | Component.install = Vue => {
4 | Vue.component(Component.name, Component)
5 | }
6 | export default Component
7 |
--------------------------------------------------------------------------------
/client/plugins/NavBar/index.js:
--------------------------------------------------------------------------------
1 | // 为组件提供 install 方法，供组件对外按需引入
2 | import Component from './src/index'
3 | Component.install = Vue => {
4 | Vue.component(Component.name, Component)
5 | }
6 | export default Component
--------------------------------------------------------------------------------
/client/plugins/NavBar/src/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | ![]()
5 |
6 |
7 |
8 |
19 |
20 |
31 |
--------------------------------------------------------------------------------
/client/plugins/PieChart/index.js:
--------------------------------------------------------------------------------
1 | // 为组件提供 install 方法，供组件对外按需引入
2 | import Component from './src/index'
3 | Component.install = Vue => {
4 | Vue.component(Component.name, Component)
5 | }
6 | export default Component
7 |
--------------------------------------------------------------------------------
/client/plugins/PieChart/src/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
6 |
7 |
8 |
33 |
34 |
37 |
--------------------------------------------------------------------------------
/client/plugins/WordCloud/index.js:
--------------------------------------------------------------------------------
1 | // 为组件提供 install 方法，供组件对外按需引入
2 | import Component from './src/index'
3 | Component.install = Vue => {
4 | Vue.component(Component.name, Component)
5 | }
6 | export default Component
7 |
--------------------------------------------------------------------------------
/client/plugins/WordCloud/src/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
6 |
7 |
8 |
32 |
33 |
36 |
--------------------------------------------------------------------------------
/client/plugins/avatar/index.js:
--------------------------------------------------------------------------------
1 | // 为组件提供 install 方法，供组件对外按需引入
2 | import Component from './src/index'
3 | Component.install = Vue => {
4 | Vue.component(Component.name, Component)
5 | }
6 | export default Component
--------------------------------------------------------------------------------
/client/plugins/avatar/src/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
8 |
9 |
10 |
11 |
12 |
45 |
46 |
60 |
--------------------------------------------------------------------------------
/client/plugins/banner/index.js:
--------------------------------------------------------------------------------
1 | // 为组件提供 install 方法，供组件对外按需引入
2 | import Component from './src/index'
3 | Component.install = Vue => {
4 | Vue.component(Component.name, Component)
5 | }
6 | export default Component
7 |
--------------------------------------------------------------------------------
/client/plugins/banner/src/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | ![]()
5 | ![]()
6 |
7 |
8 |
9 |
37 |
38 |
49 |
--------------------------------------------------------------------------------
/client/plugins/bg-music/index.js:
--------------------------------------------------------------------------------
1 | // 为组件提供 install 方法，供组件对外按需引入
2 | import Component from './src/index'
3 | Component.install = Vue => {
4 | Vue.component(Component.name, Component)
5 | }
6 | export default Component
7 |
--------------------------------------------------------------------------------
/client/plugins/bg-music/src/music.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Oct1a/Dcode-Editor/f40710766b97cd2abdd96e638c56cf36f4b7629f/client/plugins/bg-music/src/music.png
--------------------------------------------------------------------------------
/client/plugins/button/index.js:
--------------------------------------------------------------------------------
1 | // 为组件提供 install 方法，供组件对外按需引入
2 | import Component from './src/index'
3 | Component.install = Vue => {
4 | Vue.component(Component.name, Component)
5 | }
6 | export default Component
7 |
--------------------------------------------------------------------------------
/client/plugins/button/src/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | {{text}}
5 |
6 |
7 |
8 |
31 |
32 |
39 |
--------------------------------------------------------------------------------
/client/plugins/checkbox/index.js:
--------------------------------------------------------------------------------
1 | // 为组件提供 install 方法，供组件对外按需引入
2 | import Component from './src/index'
3 | Component.install = Vue => {
4 | Vue.component(Component.name, Component)
5 | }
6 | export default Component
7 |
--------------------------------------------------------------------------------
/client/plugins/checkbox/src/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
13 |
14 |
16 |
--------------------------------------------------------------------------------
/client/plugins/iframe/index.js:
--------------------------------------------------------------------------------
1 | // 为组件提供 install 方法，供组件对外按需引入
2 | import Component from './src/index'
3 | Component.install = Vue => {
4 | Vue.component(Component.name, Component)
5 | }
6 | export default Component
--------------------------------------------------------------------------------
/client/plugins/iframe/src/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
27 |
28 |
34 |
--------------------------------------------------------------------------------
/client/plugins/image-carousel/index.js:
--------------------------------------------------------------------------------
1 | // 为组件提供 install 方法，供组件对外按需引入
2 | import Component from './src/index'
3 | Component.install = Vue => {
4 | Vue.component(Component.name, Component)
5 | }
6 | export default Component
7 |
--------------------------------------------------------------------------------
/client/plugins/image-carousel/src/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | ![]()
8 |
9 |
10 |
11 |
12 |
13 |
47 |
48 |
57 |
62 |
--------------------------------------------------------------------------------
/client/plugins/image/index.js:
--------------------------------------------------------------------------------
1 | // 为组件提供 install 方法，供组件对外按需引入
2 | import Component from './src/index'
3 | Component.install = Vue => {
4 | Vue.component(Component.name, Component)
5 | }
6 | export default Component
7 |
--------------------------------------------------------------------------------
/client/plugins/image/src/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | ![]()
5 | ![]()
6 |
7 |
8 |
9 |
26 |
27 |
38 |
--------------------------------------------------------------------------------
/client/plugins/input/index.js:
--------------------------------------------------------------------------------
1 | // 为组件提供 install 方法，供组件对外按需引入
2 | import Component from './src/index'
3 | Component.install = Vue => {
4 | Vue.component(Component.name, Component)
5 | }
6 | export default Component
7 |
--------------------------------------------------------------------------------
/client/plugins/input/src/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
3 |
14 |
15 |
16 |
43 |
44 |
49 |
--------------------------------------------------------------------------------
/client/plugins/qrcode/index.js:
--------------------------------------------------------------------------------
1 | // 为组件提供 install 方法，供组件对外按需引入
2 | import Component from './src/index'
3 | Component.install = Vue => {
4 | Vue.component(Component.name, Component)
5 | }
6 | export default Component
7 |
--------------------------------------------------------------------------------
/client/plugins/qrcode/src/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
6 |
7 |
8 |
13 |
14 |
17 |
--------------------------------------------------------------------------------
/client/plugins/stepper/index.js:
--------------------------------------------------------------------------------
1 | // 为组件提供 install 方法，供组件对外按需引入
2 | import Component from './src/index'
3 | Component.install = Vue => {
4 | Vue.component(Component.name, Component)
5 | }
6 | export default Component
7 |
--------------------------------------------------------------------------------
/client/plugins/stepper/src/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
64 |
65 |
70 |
--------------------------------------------------------------------------------
/client/plugins/video/index.js:
--------------------------------------------------------------------------------
1 | // 为组件提供 install 方法，供组件对外按需引入
2 | import Component from './src/index'
3 | Component.install = Vue => {
4 | Vue.component(Component.name, Component)
5 | }
6 | export default Component
--------------------------------------------------------------------------------
/client/plugins/video/src/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
6 |
7 |
8 |
38 |
39 |
41 |
--------------------------------------------------------------------------------
/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 | })
--------------------------------------------------------------------------------
/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/store/modules/user.js:
--------------------------------------------------------------------------------
1 | /**
2 | * 用户相关
3 | */
4 | import { setLocalStorage, getLocalStorage } from '@/common/js/mUtils'
5 | const state = {
6 | access_token: '',
7 | permissionsList: [],
8 | userInfo: {},
9 | }
10 | const actions = {
11 |
12 | };
13 |
14 | const mutations = {
15 | /**
16 | * 更新用户data info数据
17 | */
18 | UPDATE_USER_INFO(state, data) {
19 | state.userInfo = {...data }
20 | // 存储状态
21 | mutations['SAVE_USER_TO_LOCAL'](state)
22 | },
23 | /**
24 | * 更新oauth相关
25 | */
26 | UPDATE_ACCESS_TOKEN(state, data) {
27 | state.access_token = data || ''
28 | // 存储状态
29 | mutations['SAVE_USER_TO_LOCAL'](state)
30 | },
31 | /**
32 | * 更新个人权限相关
33 | * @param state
34 | * @param data
35 | */
36 | UPDATE_USER_PERMISSION(state, data) {
37 | state.permissionsList = data || [];
38 | // 存储状态
39 | mutations['SAVE_USER_TO_LOCAL'](state)
40 | },
41 |
42 | /**
43 | * 将user state 数据存储在localstore里面
44 | * @param state
45 | */
46 | SAVE_USER_TO_LOCAL(state) {
47 | setLocalStorage('user', state)
48 | },
49 | /**
50 | * 从localstorage里取出数据更新user
51 | * @param state
52 | */
53 | UPDATE_USER_FROM_LOCAL(state) {
54 | let user = getLocalStorage('user')
55 | if (user) {
56 | for (let key in state) {
57 | state[key] = user[key]
58 | }
59 | }
60 | }
61 | }
62 |
63 |
64 | const getters = {
65 | authorization(state) {
66 | return state.access_token ? 'Bearer ' + state.access_token : ''
67 | },
68 | userInfo(state) {
69 | return state.userInfo
70 | }
71 | };
72 |
73 |
74 | export default {
75 | state,
76 | actions,
77 | getters,
78 | mutations
79 | }
--------------------------------------------------------------------------------
/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 |
--------------------------------------------------------------------------------
/common/secret.js:
--------------------------------------------------------------------------------
1 | const CryptoJS = require('crypto-js'); //引用AES源码js
2 |
3 | const keyStr = "icklsdufidsakdfa"; //十六位十六进制数作为密钥
4 | const ivStr = ''; // 偏移量
5 |
6 | function Encrypt(data){
7 | var key = CryptoJS.enc.Utf8.parse(keyStr);
8 | var iv = CryptoJS.enc.Utf8.parse(ivStr);
9 | var encrypted =CryptoJS.AES.encrypt(data,key,{
10 | iv:iv,
11 | mode:CryptoJS.mode.ECB,
12 | padding:CryptoJS.pad.Pkcs7
13 | });
14 | //返回的是base64格式的密文
15 | return encrypted.ciphertext.toString();
16 | }
17 |
18 | // encrypted 为是base64格式的密文
19 | function Decrypt(encrypted){
20 | var encryptedHexStr = CryptoJS.enc.Hex.parse(encrypted);
21 | var srcs = CryptoJS.enc.Base64.stringify(encryptedHexStr);
22 | var key = CryptoJS.enc.Utf8.parse(keyStr);
23 | var iv = CryptoJS.enc.Utf8.parse(ivStr);
24 | var decrypted =CryptoJS.AES.decrypt(srcs,key,{
25 | iv:iv,
26 | mode:CryptoJS.mode.CBC,
27 | padding:CryptoJS.pad.Pkcs7
28 | });
29 | return decrypted.toString(CryptoJS.enc.Utf8);
30 | }
31 |
32 | // 测试加、解密
33 | function testAES(){
34 | var data = "1234567890123456"; // 明文
35 |
36 | console.log("加密前：" + data);
37 |
38 | // 测试加密
39 | var encrypted = Encrypt(data); // 密文
40 | console.log("加密后: " + encrypted);
41 |
42 | // var decryptedStr = Decrypt(encrypted);
43 | // console.log("解密后: " + decryptedStr);
44 | }
45 | // testAES()
46 | export default {
47 | Decrypt ,
48 | Encrypt
49 | }
50 |
--------------------------------------------------------------------------------
/common/swiper-config.js:
--------------------------------------------------------------------------------
1 | export default {
2 |
3 | }
4 |
--------------------------------------------------------------------------------
/common/uitls.js:
--------------------------------------------------------------------------------
1 | /**
2 | * 生成uuid方法
3 | * @returns {string}
4 | * https://segmentfault.com/q/1010000039371012?utm_source=sf-similar-question
5 | */
6 | export const createUUID = function() {
7 | var d = new Date().getTime();
8 | if (window.performance && typeof window.performance.now === "function") {
9 | d += performance.now(); //use high-precision timer if available
10 | }
11 | var uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
12 | var r = (d + Math.random() * 16) % 16 | 0; //按位或运算
13 | d = Math.floor(d / 16);
14 | return (c == 'x' ? r : (r & 0x3 | 0x8)).toString(16); //将一个 Number 对象转换为 16 进制字符串
15 | });
16 | return uuid;
17 | }
18 |
19 | /**
20 | * 深拷贝
21 | * @param {*} obj 拷贝对象(object or array)
22 | * @param {*} cache 缓存数组
23 | */
24 | export const deepClone = function(obj, cache = []) {
25 | // typeof [] => 'object'
26 | // typeof {} => 'object'
27 | if (obj === null || typeof obj !== 'object') {
28 | return obj
29 | }
30 | // 如果传入的对象与缓存的相等, 则递归结束, 这样防止循环
31 | /**
32 | * 类似下面这种
33 | * var a = {b:1}
34 | * a.c = a
35 | * 资料: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Errors/Cyclic_object_value
36 | */
37 | const hit = cache.filter(c => c.original === obj)[0]
38 | if (hit) {
39 | return hit.copy
40 | }
41 |
42 | const copy = Array.isArray(obj) ? [] : {}
43 | // 将copy首先放入cache, 因为我们需要在递归deepCopy的时候引用它
44 | cache.push({
45 | original: obj,
46 | copy
47 | })
48 | Object.keys(obj).forEach(key => {
49 | copy[key] = deepClone(obj[key], cache)
50 | })
51 |
52 | return copy
53 | }
--------------------------------------------------------------------------------
/docs/.nojekyll:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Oct1a/Dcode-Editor/f40710766b97cd2abdd96e638c56cf36f4b7629f/docs/.nojekyll
--------------------------------------------------------------------------------
/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 | ```
--------------------------------------------------------------------------------
/docs/_coverpage.md:
--------------------------------------------------------------------------------
1 | 
2 |
3 |
4 |
5 | >一个神奇的文档网站生成器。
6 |
7 |
8 |
9 | - 简单、轻便 (压缩后 ~21kB)
10 | - 无需生成 html 文件
11 | - 众多主题
12 |
13 | [GitHub](https://github.com/docsifyjs/docsify/) [Get Started](#docsify)
14 |
15 |
16 | 
--------------------------------------------------------------------------------
/docs/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
3 |
5 |
6 |
7 |
39 |
--------------------------------------------------------------------------------
/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-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 |
--------------------------------------------------------------------------------
/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 |
--------------------------------------------------------------------------------
/engine-template/engine-h5-swiper/src/components-template.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
5 |
6 |
7 |
57 |
--------------------------------------------------------------------------------
/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 |
--------------------------------------------------------------------------------
/public/static/css/chunk-0069f99e.9fab0072.css:
--------------------------------------------------------------------------------
1 | .page-home[data-v-659890ee]{display:flex;width:100%;height:100%;background:#f0f3f4}.page-home .home-side-bar[data-v-659890ee]{width:200px;background-color:#fff;border-right:1px solid #e6ebed;padding-top:8px;z-index:2}.page-home .my-page-list[data-v-659890ee]{flex:1;height:100%}.page-home .my-page-list .sub-page[data-v-659890ee]{height:100%}
--------------------------------------------------------------------------------
/public/static/css/chunk-1b5ebbde.04778ce4.css:
--------------------------------------------------------------------------------
1 | .components-preview-inner[data-v-655a0d3a]{width:100%}.setting-bg[data-v-655a0d3a]{position:fixed;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.8);z-index:1042}.left-panel[data-v-655a0d3a]{position:fixed;top:0;bottom:0;left:0;right:640px;z-index:1050;overflow:hidden}.right-panel[data-v-655a0d3a]{position:fixed;width:640px;top:0;right:0;bottom:0;z-index:1050;background-color:#fff;overflow-y:auto;color:#333}.iframe-wrapper[data-v-655a0d3a]{position:absolute;left:50%;top:50%;margin-left:-185px;margin-top:-334px;background:#fff}.cloase-btn[data-v-655a0d3a]{position:fixed;top:8px;right:20px;font-size:28px;color:#7f8593;-webkit-transition:all .28s;transition:all .28s;z-index:1060;cursor:pointer}.cloase-btn[data-v-655a0d3a]:hover{color:#00acee}
--------------------------------------------------------------------------------
/public/static/css/chunk-30466f2e.346304c2.css:
--------------------------------------------------------------------------------
1 | .my-page-list[data-v-48a3b697],.page-list-wrapper[data-v-48a3b697]{height:100%}.my-page-nav-list[data-v-48a3b697]{height:40px;line-height:40px;z-index:2;margin-bottom:20px}.my-page-nav-list .my-page-nav-item[data-v-48a3b697]{float:left;padding-right:32px;text-align:center;cursor:pointer}.my-page-nav-list .my-page-nav-item.active[data-v-48a3b697],.my-page-nav-list .my-page-nav-item[data-v-48a3b697]:hover{color:#00acee}.full-input-w[data-v-48a3b697]{width:100%}.nav-tabs-label[data-v-48a3b697]{display:inline-block;padding:0 16px;height:60px;line-height:60px}.page-search-wrapper[data-v-48a3b697]{padding:0}.page-item-wrapper .page-item[data-v-48a3b697]{float:left;margin-right:20px;margin-bottom:40px}.my-page-list .page-search-wrapper .el-tabs__header{margin:0}.my-page-list .page-search-wrapper .el-tabs__nav-wrap{padding:0 30px}
--------------------------------------------------------------------------------
/public/static/css/chunk-39d883ed.4d235bf0.css:
--------------------------------------------------------------------------------
1 | .my-page-list[data-v-26f12d29],.page-list-wrapper[data-v-26f12d29]{height:100%}.my-page-nav-list[data-v-26f12d29]{height:40px;line-height:40px;z-index:2;margin-bottom:20px}.my-page-nav-list .my-page-nav-item[data-v-26f12d29]{float:left;padding-right:32px;text-align:center;cursor:pointer}.my-page-nav-list .my-page-nav-item.active[data-v-26f12d29],.my-page-nav-list .my-page-nav-item[data-v-26f12d29]:hover{color:#00acee}.full-input-w[data-v-26f12d29]{width:100%}.nav-tabs-label[data-v-26f12d29]{display:inline-block;padding:0 16px;height:60px;line-height:60px}.page-search-wrapper[data-v-26f12d29]{padding:0}.page-item-wrapper .page-item[data-v-26f12d29]{float:left;margin-right:20px;margin-bottom:40px}.my-page-list .page-search-wrapper .el-tabs__header{margin:0}.my-page-list .page-search-wrapper .el-tabs__nav-wrap{padding:0 30px}
--------------------------------------------------------------------------------
/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-6f24315e.c3a401dd.css:
--------------------------------------------------------------------------------
1 | .page[data-v-5ad9cf8a]{position:relative;margin-top:7%;width:100%;height:100%;background:url(../../static/img/login_bg2.53ecd4df.png) no-repeat 0 0;background-size:494px 602px}.login-card[data-v-5ad9cf8a]{height:100%;padding-right:130px;padding-top:80px;width:100%}.title[data-v-5ad9cf8a]{font-size:2.3rem;font-weight:700;margin:20px 0 50px 40px}.changeBtn[data-v-5ad9cf8a]{cursor:pointer}[data-v-5ad9cf8a] .el-input__inner{border-radius:30px;line-height:80px;background-color:#f5f5f5;border:none;text-indent:20px;height:50px}[data-v-5ad9cf8a] .el-input__prefix{font-size:1.4rem;padding:8px}[data-v-5ad9cf8a] .el-form-item__error{padding-left:50px}[data-v-5ad9cf8a] .el-form-item{margin-bottom:40px}[data-v-5ad9cf8a] .el-dialog__header{text-align:center}[data-v-5ad9cf8a] .el-dialog__body{padding:3px 25px 25px 25px}[data-v-5ad9cf8a] .el-dialog__body .drag_verify{margin-top:20px}
--------------------------------------------------------------------------------
/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%}
--------------------------------------------------------------------------------
/public/static/fonts/element-icons.535877f5.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Oct1a/Dcode-Editor/f40710766b97cd2abdd96e638c56cf36f4b7629f/public/static/fonts/element-icons.535877f5.woff
--------------------------------------------------------------------------------
/public/static/fonts/element-icons.732389de.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Oct1a/Dcode-Editor/f40710766b97cd2abdd96e638c56cf36f4b7629f/public/static/fonts/element-icons.732389de.ttf
--------------------------------------------------------------------------------
/public/static/fonts/iconfont.2adcd9a2.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Oct1a/Dcode-Editor/f40710766b97cd2abdd96e638c56cf36f4b7629f/public/static/fonts/iconfont.2adcd9a2.eot
--------------------------------------------------------------------------------
/public/static/fonts/iconfont.4e2258a0.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Oct1a/Dcode-Editor/f40710766b97cd2abdd96e638c56cf36f4b7629f/public/static/fonts/iconfont.4e2258a0.ttf
--------------------------------------------------------------------------------
/public/static/fonts/iconfont.687560f7.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Oct1a/Dcode-Editor/f40710766b97cd2abdd96e638c56cf36f4b7629f/public/static/fonts/iconfont.687560f7.woff
--------------------------------------------------------------------------------
/public/static/img/Switch.a0e8f86f.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Oct1a/Dcode-Editor/f40710766b97cd2abdd96e638c56cf36f4b7629f/public/static/img/Switch.a0e8f86f.jpg
--------------------------------------------------------------------------------
/public/static/img/avatar.e033ea29.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Oct1a/Dcode-Editor/f40710766b97cd2abdd96e638c56cf36f4b7629f/public/static/img/avatar.e033ea29.png
--------------------------------------------------------------------------------
/public/static/img/banner.95ab5f16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Oct1a/Dcode-Editor/f40710766b97cd2abdd96e638c56cf36f4b7629f/public/static/img/banner.95ab5f16.png
--------------------------------------------------------------------------------
/public/static/img/banner.f77c57eb.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Oct1a/Dcode-Editor/f40710766b97cd2abdd96e638c56cf36f4b7629f/public/static/img/banner.f77c57eb.png
--------------------------------------------------------------------------------
/public/static/img/button.b3883c1e.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Oct1a/Dcode-Editor/f40710766b97cd2abdd96e638c56cf36f4b7629f/public/static/img/button.b3883c1e.png
--------------------------------------------------------------------------------
/public/static/img/carousel.a5b2553e.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Oct1a/Dcode-Editor/f40710766b97cd2abdd96e638c56cf36f4b7629f/public/static/img/carousel.a5b2553e.png
--------------------------------------------------------------------------------
/public/static/img/checkbox.bd4b7763.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Oct1a/Dcode-Editor/f40710766b97cd2abdd96e638c56cf36f4b7629f/public/static/img/checkbox.bd4b7763.jpg
--------------------------------------------------------------------------------
/public/static/img/circle-border.5fe597d1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Oct1a/Dcode-Editor/f40710766b97cd2abdd96e638c56cf36f4b7629f/public/static/img/circle-border.5fe597d1.png
--------------------------------------------------------------------------------
/public/static/img/form.d3b05bae.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Oct1a/Dcode-Editor/f40710766b97cd2abdd96e638c56cf36f4b7629f/public/static/img/form.d3b05bae.png
--------------------------------------------------------------------------------
/public/static/img/funnel.c69030ce.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Oct1a/Dcode-Editor/f40710766b97cd2abdd96e638c56cf36f4b7629f/public/static/img/funnel.c69030ce.jpg
--------------------------------------------------------------------------------
/public/static/img/headerImage.baefd97f.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Oct1a/Dcode-Editor/f40710766b97cd2abdd96e638c56cf36f4b7629f/public/static/img/headerImage.baefd97f.png
--------------------------------------------------------------------------------
/public/static/img/iframe.6d67bf34.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Oct1a/Dcode-Editor/f40710766b97cd2abdd96e638c56cf36f4b7629f/public/static/img/iframe.6d67bf34.png
--------------------------------------------------------------------------------
/public/static/img/image.e19d7f4a.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Oct1a/Dcode-Editor/f40710766b97cd2abdd96e638c56cf36f4b7629f/public/static/img/image.e19d7f4a.png
--------------------------------------------------------------------------------
/public/static/img/lineCharts.ae72a114.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Oct1a/Dcode-Editor/f40710766b97cd2abdd96e638c56cf36f4b7629f/public/static/img/lineCharts.ae72a114.jpg
--------------------------------------------------------------------------------
/public/static/img/login_bg.b2d321f6.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Oct1a/Dcode-Editor/f40710766b97cd2abdd96e638c56cf36f4b7629f/public/static/img/login_bg.b2d321f6.png
--------------------------------------------------------------------------------
/public/static/img/login_bg2.53ecd4df.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Oct1a/Dcode-Editor/f40710766b97cd2abdd96e638c56cf36f4b7629f/public/static/img/login_bg2.53ecd4df.png
--------------------------------------------------------------------------------
/public/static/img/logo.30525635.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Oct1a/Dcode-Editor/f40710766b97cd2abdd96e638c56cf36f4b7629f/public/static/img/logo.30525635.png
--------------------------------------------------------------------------------
/public/static/img/map.cdd0a85e.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Oct1a/Dcode-Editor/f40710766b97cd2abdd96e638c56cf36f4b7629f/public/static/img/map.cdd0a85e.png
--------------------------------------------------------------------------------
/public/static/img/music.4a52a7c8.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Oct1a/Dcode-Editor/f40710766b97cd2abdd96e638c56cf36f4b7629f/public/static/img/music.4a52a7c8.png
--------------------------------------------------------------------------------
/public/static/img/nodata.6b16cccd.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Oct1a/Dcode-Editor/f40710766b97cd2abdd96e638c56cf36f4b7629f/public/static/img/nodata.6b16cccd.jpg
--------------------------------------------------------------------------------
/public/static/img/notice.1a7c4d2d.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Oct1a/Dcode-Editor/f40710766b97cd2abdd96e638c56cf36f4b7629f/public/static/img/notice.1a7c4d2d.png
--------------------------------------------------------------------------------
/public/static/img/pagecover-image.677bc94e.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Oct1a/Dcode-Editor/f40710766b97cd2abdd96e638c56cf36f4b7629f/public/static/img/pagecover-image.677bc94e.png
--------------------------------------------------------------------------------
/public/static/img/pieCharts.1c159a3c.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Oct1a/Dcode-Editor/f40710766b97cd2abdd96e638c56cf36f4b7629f/public/static/img/pieCharts.1c159a3c.jpg
--------------------------------------------------------------------------------
/public/static/img/qcode.5d8d13b4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Oct1a/Dcode-Editor/f40710766b97cd2abdd96e638c56cf36f4b7629f/public/static/img/qcode.5d8d13b4.png
--------------------------------------------------------------------------------
/public/static/img/radio.8232ca9c.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Oct1a/Dcode-Editor/f40710766b97cd2abdd96e638c56cf36f4b7629f/public/static/img/radio.8232ca9c.jpg
--------------------------------------------------------------------------------
/public/static/img/rate.45d4b8f2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Oct1a/Dcode-Editor/f40710766b97cd2abdd96e638c56cf36f4b7629f/public/static/img/rate.45d4b8f2.jpg
--------------------------------------------------------------------------------
/public/static/img/stepper.4d9b0ce6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Oct1a/Dcode-Editor/f40710766b97cd2abdd96e638c56cf36f4b7629f/public/static/img/stepper.4d9b0ce6.jpg
--------------------------------------------------------------------------------
/public/static/img/tabars.ca6734c0.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Oct1a/Dcode-Editor/f40710766b97cd2abdd96e638c56cf36f4b7629f/public/static/img/tabars.ca6734c0.png
--------------------------------------------------------------------------------
/public/static/img/text.857c2679.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Oct1a/Dcode-Editor/f40710766b97cd2abdd96e638c56cf36f4b7629f/public/static/img/text.857c2679.png
--------------------------------------------------------------------------------
/public/static/img/use-beb469.beb469b6.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Oct1a/Dcode-Editor/f40710766b97cd2abdd96e638c56cf36f4b7629f/public/static/img/use-beb469.beb469b6.png
--------------------------------------------------------------------------------
/public/static/img/video.9e4bd305.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Oct1a/Dcode-Editor/f40710766b97cd2abdd96e638c56cf36f4b7629f/public/static/img/video.9e4bd305.png
--------------------------------------------------------------------------------
/public/static/img/wordcloud.7d29abbe.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Oct1a/Dcode-Editor/f40710766b97cd2abdd96e638c56cf36f4b7629f/public/static/img/wordcloud.7d29abbe.jpg
--------------------------------------------------------------------------------
/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
--------------------------------------------------------------------------------
/public/static/js/chunk-39d883ed.8cccd16a.js:
--------------------------------------------------------------------------------
1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-39d883ed"],{"566d":function(e,a,t){"use strict";t.r(a);var s=function(){var e=this,a=e.$createElement,t=e._self._c||a;return t("div",{staticClass:"clearfix my-page-list"},[t("div",{staticClass:"page-search-wrapper bg-white"},[t("el-tabs",{on:{"tab-click":e.handlePageModeClick},model:{value:e.searchParams.pageMode,callback:function(a){e.$set(e.searchParams,"pageMode",a)},expression:"searchParams.pageMode"}},e._l(e.pageModeList,(function(a,s){return t("el-tab-pane",{key:s,attrs:{name:a.value,disabled:a.disabled}},[t("div",{attrs:{slot:"label"},slot:"label"},[t("span",{staticClass:"nav-tabs-label"},[e._v(e._s(a.label))])])])})),1)],1),t("div",{staticClass:"scroll-wrapper page-list-wrapper"},[e.pageList.length?t("el-scrollbar",{staticStyle:{height:"100%"}},[t("div",{directives:[{name:"loading",rawName:"v-loading",value:e.loading,expression:"loading"}],staticClass:"page-content"},[t("div",{staticClass:"page-item-wrapper"},e._l(e.pageList,(function(a,s){return t("div",{key:s,staticClass:"page-item"},[t("thumbnailPanel",{attrs:{pageData:a,btnList:["useTemplate"],showMoreBtn:!1,showPublishState:!1},on:{refresh:e.getPageList,showPreview:e.showPreviewFn}})],1)})),0)])]):t("notFundData")],1),e.showPreview?t("previewPage",{attrs:{pageId:e.previewId},on:{closePreview:function(a){e.showPreview=!1}}}):e._e()],1)},i=[],n=(t("a450"),t("c5c7")),r=t("2f88"),o=t("bf8b"),l={components:{notFundData:n["a"],thumbnailPanel:r["a"],previewPage:o["a"]},data:function(){return{loading:!1,pageList:[],pageModeList:[],searchParams:{pageMode:"h5"},previewId:"",showPreview:!1}},created:function(){this.pageModeList=this.$config.pageModeList,this.getPageList()},methods:{handlePageModeClick:function(e){this.searchParams.pageMode=e.name,this.getPageList()},getPageList:function(){var e=this;this.$API.getPublishTemplates(this.searchParams).then((function(a){e.pageList=a.body||[]}))},showPreviewFn:function(e){this.previewId=e,this.showPreview=!0}}},c=l,d=(t("c8ea"),t("8bc8"),t("4ac2")),p=Object(d["a"])(c,s,i,!1,null,"26f12d29",null);a["default"]=p.exports},"8bc8":function(e,a,t){"use strict";t("d85e")},"9ddc":function(e,a,t){},c8ea:function(e,a,t){"use strict";t("9ddc")},d85e:function(e,a,t){}}]);
2 | //# sourceMappingURL=chunk-39d883ed.8cccd16a.js.map
--------------------------------------------------------------------------------
/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/api/file.js:
--------------------------------------------------------------------------------
1 | const fs = require('fs')
2 | const path = require('path')
3 |
4 | module.exports = app => ({
5 | /**
6 | * 单文件上传
7 | * @param file 要上传的文件
8 | * @param folderPath 保存目标目录
9 | * @returns {Promise<{fileName: *, url: string}>}
10 | */
11 | async upload(file, folderName) {
12 | let {$config, $helper} = app;
13 | // 读取文件
14 | let fileData = fs.readFileSync(file.path)
15 | // 将文件存到指定位置
16 | let folderPath = path.join(path.join(__dirname, '../public/resource/'), folderName) // 拼接文件夹
17 | // 判断文件夹是否存在不存在则新建一个
18 | await $helper.dirExists(folderPath);
19 | // 拼接文件路径
20 | let filePath = path.join(folderPath, file.name) // 拼接文件路径
21 | fs.writeFileSync(filePath, fileData)
22 | // 返回文件信息
23 | return {
24 | fileName: file.filename,
25 | url: $config.baseUrl + `/resource/${folderName ? folderName + '/' : ''}${file.name}`
26 | }
27 | }
28 | })
29 |
--------------------------------------------------------------------------------
/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 | })
--------------------------------------------------------------------------------
/service/app.js:
--------------------------------------------------------------------------------
1 | const Application = require('./core');
2 |
3 | const app = new Application();
4 |
5 | app.start(3333);
--------------------------------------------------------------------------------
/service/config/index.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | port: 3333,
3 | mongodb: {
4 | url: 'mongodb://localhost:27017/Oct1a',
5 | options: {}
6 | },
7 | middleware: ['handlerError'],
8 | jwt: { secret: 'Oct1a_H' },
9 | crypto: { secret: '#*#*Oct1a_H*#*#' },
10 | baseUrl: '',
11 | eqxiuCookie: '_tracker_distinct_id_=2020111920aaabbc; ARK_ID=JSdfda9e002ba3079ecdec774543e214ebdfda; _tracker_user_id_=b9564bd5d2714e12b5cc243eabfe3ea1; bigdata_user_reg_time=2020-12-17%2008%3A46%3A50; Hm_lvt_93cd06ebda2db598041456a9d18c7299=1618806303,1619361256,1620872002; _tracker_ab=abTest_v1_undefined_undefined; ab_trace_id=8794808596b941fa865a543cb2a7fef8; JSESSIONID=79319b30297241978acbcbf913cc818d; canvasId=51a92dcf-a5f0-4040-90a5-b108292fc4f5; ARK_STARTUP=eyJTVEFSVFVQIjp0cnVlLCJTVEFSVFVQVElNRSI6IjIwMjEtMDUtMjAgMDk6MTA6NTEuMTgwIn0%3D; eip-user-login-first={"e3ea1":"2021-05-20"}; _tracker_session_id_=3d01aaab-e93c-42d0-88d6-4cda23b74234; _tracker_launch_=1; FZ_STROAGE.eqxiu.com=eyJBUktTVVBFUiI6eyJwcm9kdWN0IjoiSDXllYbln44ifSwiU0VFU0lPTklEIjoiZjU1YjI0NTk0MDkzOTFlZSIsIlNFRVNJT05EQVRFIjoxNjIxNDczMDYxODgzLCJBTlNBUFBJRCI6ImYxY2MwYWUzZTBkMDc4MjIiLCJBTlMkREVCVUciOjAsIkFOU1VQTE9BRFVSTCI6Imh0dHBzOi8vYXJrLXB1c2gxLmVxeGl1LmNvbS8iLCJGUklTVERBWSI6IjIwMjEwNTE0IiwiRlJJU1RJTUUiOmZhbHNlLCJBUktfSUQiOiJKU2RmZGE5ZTAwMmJhMzA3OWVjZGVjNzc0NTQzZTIxNGViZGZkYSIsIkFSS0ZSSVNUUFJPRklMRSI6IjIwMjEtMDUtMTQgMTU6MzY6NTAuMzUxIn0%3D; _tracker_share_level_=0; _tracker_from_user_=; _tracker_from_id_='
12 | }
--------------------------------------------------------------------------------
/service/controller/API.js:
--------------------------------------------------------------------------------
1 | module.exports = app => ({
2 | /**
3 | * 获取用户作品列表
4 | * @returns {Promise<*>}
5 | */
6 | async getWorks() {
7 | const { $model, $helper } = app;
8 | let works = await $model.page.find();
9 | $helper.returnBody(true, works)
10 | },
11 | /**
12 | * 获取用户列表
13 | * @returns {Promise<*>}
14 | */
15 | async getUsers() {
16 | const { $model, $helper } = app;
17 | let users = await $model.user.find();
18 | $helper.returnBody(true, users)
19 | },
20 |
21 | /**
22 | * 更新用户状态
23 | * @returns {Promise
37 |
39 |
44 |
45 |
48 |
49 |
50 |
--------------------------------------------------------------------------------
/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 | }
--------------------------------------------------------------------------------