` 35 | 36 | return { template, attributes, slots } 37 | } 38 | export default handle 39 | -------------------------------------------------------------------------------- /server/routes/projectManage.js: -------------------------------------------------------------------------------- 1 | const projectManage = require('../controllers/projectManage.js'); 2 | const router = require('koa-router')(); 3 | 4 | router.get('/getAllProject', projectManage.getAllProject); 5 | router.get('/getProjectByUserId/:id', projectManage.getProjectByUserId); 6 | router.get('/getProjectById/:id', projectManage.getProjectById); 7 | router.get('/getTempletById/:id', projectManage.getTempletById); 8 | router.post('/createProject', projectManage.createProject); 9 | router.post('/createProjectPermission', projectManage.createProjectPermission); 10 | router.post('/createTemplet', projectManage.createTemplet); 11 | router.post('/updateProject', projectManage.updateProject); 12 | router.post('/updateProjectPermission', projectManage.updateProjectPermission); 13 | router.post('/updateTemplet', projectManage.updateTemplet); 14 | router.delete('/removeProject/:id', projectManage.removeProject); 15 | router.delete('/removeProjectPermission/:id', projectManage.removeProjectPermission); 16 | router.delete('/removeTemplet/:id', projectManage.removeTemplet); 17 | 18 | module.exports = router; 19 | -------------------------------------------------------------------------------- /src/assets/css/highlight/dark.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Dark style from softwaremaniacs.org (c) Ivan Sagalaev
41 | ${subContent||attributes.text.value?attributes.text.value:' '}
42 |
`
43 |
44 | template = template.replace(/text=".*?"/g, '') //模板字符串中删除text属性
45 |
46 | return { template, attributes, slots }
47 | }
48 | export default handle
49 |
--------------------------------------------------------------------------------
/src/assets/css/highlight/atelier-dune-dark.css:
--------------------------------------------------------------------------------
1 | /* Base16 Atelier Dune Dark - Theme */
2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/dune) */
3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
4 |
5 | /* Atelier-Dune Comment */
6 | .hljs-comment,
7 | .hljs-quote {
8 | color: #999580;
9 | }
10 |
11 | /* Atelier-Dune Red */
12 | .hljs-variable,
13 | .hljs-template-variable,
14 | .hljs-attribute,
15 | .hljs-tag,
16 | .hljs-name,
17 | .hljs-regexp,
18 | .hljs-link,
19 | .hljs-name,
20 | .hljs-selector-id,
21 | .hljs-selector-class {
22 | color: #d73737;
23 | }
24 |
25 | /* Atelier-Dune Orange */
26 | .hljs-number,
27 | .hljs-meta,
28 | .hljs-built_in,
29 | .hljs-builtin-name,
30 | .hljs-literal,
31 | .hljs-type,
32 | .hljs-params {
33 | color: #b65611;
34 | }
35 |
36 | /* Atelier-Dune Green */
37 | .hljs-string,
38 | .hljs-symbol,
39 | .hljs-bullet {
40 | color: #60ac39;
41 | }
42 |
43 | /* Atelier-Dune Blue */
44 | .hljs-title,
45 | .hljs-section {
46 | color: #6684e1;
47 | }
48 |
49 | /* Atelier-Dune Purple */
50 | .hljs-keyword,
51 | .hljs-selector-tag {
52 | color: #b854d4;
53 | }
54 |
55 | .hljs {
56 | display: block;
57 | overflow-x: auto;
58 | background: #20201d;
59 | color: #a6a28c;
60 | padding: 0.5em;
61 | }
62 |
63 | .hljs-emphasis {
64 | font-style: italic;
65 | }
66 |
67 | .hljs-strong {
68 | font-weight: bold;
69 | }
70 |
--------------------------------------------------------------------------------
/src/assets/css/highlight/atelier-dune-light.css:
--------------------------------------------------------------------------------
1 | /* Base16 Atelier Dune Light - Theme */
2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/dune) */
3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
4 |
5 | /* Atelier-Dune Comment */
6 | .hljs-comment,
7 | .hljs-quote {
8 | color: #7d7a68;
9 | }
10 |
11 | /* Atelier-Dune Red */
12 | .hljs-variable,
13 | .hljs-template-variable,
14 | .hljs-attribute,
15 | .hljs-tag,
16 | .hljs-name,
17 | .hljs-regexp,
18 | .hljs-link,
19 | .hljs-name,
20 | .hljs-selector-id,
21 | .hljs-selector-class {
22 | color: #d73737;
23 | }
24 |
25 | /* Atelier-Dune Orange */
26 | .hljs-number,
27 | .hljs-meta,
28 | .hljs-built_in,
29 | .hljs-builtin-name,
30 | .hljs-literal,
31 | .hljs-type,
32 | .hljs-params {
33 | color: #b65611;
34 | }
35 |
36 | /* Atelier-Dune Green */
37 | .hljs-string,
38 | .hljs-symbol,
39 | .hljs-bullet {
40 | color: #60ac39;
41 | }
42 |
43 | /* Atelier-Dune Blue */
44 | .hljs-title,
45 | .hljs-section {
46 | color: #6684e1;
47 | }
48 |
49 | /* Atelier-Dune Purple */
50 | .hljs-keyword,
51 | .hljs-selector-tag {
52 | color: #b854d4;
53 | }
54 |
55 | .hljs {
56 | display: block;
57 | overflow-x: auto;
58 | background: #fefbec;
59 | color: #6e6b5e;
60 | padding: 0.5em;
61 | }
62 |
63 | .hljs-emphasis {
64 | font-style: italic;
65 | }
66 |
67 | .hljs-strong {
68 | font-weight: bold;
69 | }
70 |
--------------------------------------------------------------------------------
/src/assets/css/highlight/monokai-sublime.css:
--------------------------------------------------------------------------------
1 | /*
2 |
3 | Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-license.org/
4 |
5 | */
6 |
7 | .hljs {
8 | display: block;
9 | overflow-x: auto;
10 | padding: 0.5em;
11 | background: #23241f;
12 | }
13 |
14 | .hljs,
15 | .hljs-tag,
16 | .hljs-subst {
17 | color: #f8f8f2;
18 | }
19 |
20 | .hljs-strong,
21 | .hljs-emphasis {
22 | color: #a8a8a2;
23 | }
24 |
25 | .hljs-bullet,
26 | .hljs-quote,
27 | .hljs-number,
28 | .hljs-regexp,
29 | .hljs-literal,
30 | .hljs-link {
31 | color: #ae81ff;
32 | }
33 |
34 | .hljs-code,
35 | .hljs-title,
36 | .hljs-section,
37 | .hljs-selector-class {
38 | color: #a6e22e;
39 | }
40 |
41 | .hljs-strong {
42 | font-weight: bold;
43 | }
44 |
45 | .hljs-emphasis {
46 | font-style: italic;
47 | }
48 |
49 | .hljs-keyword,
50 | .hljs-selector-tag,
51 | .hljs-name,
52 | .hljs-attr {
53 | color: #f92672;
54 | }
55 |
56 | .hljs-symbol,
57 | .hljs-attribute {
58 | color: #66d9ef;
59 | }
60 |
61 | .hljs-params,
62 | .hljs-class .hljs-title {
63 | color: #f8f8f2;
64 | }
65 |
66 | .hljs-string,
67 | .hljs-type,
68 | .hljs-built_in,
69 | .hljs-builtin-name,
70 | .hljs-selector-id,
71 | .hljs-selector-attr,
72 | .hljs-selector-pseudo,
73 | .hljs-addition,
74 | .hljs-variable,
75 | .hljs-template-variable {
76 | color: #e6db74;
77 | }
78 |
79 | .hljs-comment,
80 | .hljs-deletion,
81 | .hljs-meta {
82 | color: #75715e;
83 | }
84 |
--------------------------------------------------------------------------------
/server/models/templetPage.js:
--------------------------------------------------------------------------------
1 | // server/models/todolist.js
2 |
3 | const db = require('../config/db.js');
4 |
5 | const templetPageModel = '../schema/templetPage.js';
6 |
7 | const FEDSQL = db.FEDSQL; // 引入数据库
8 |
9 | const templets = FEDSQL.import(templetPageModel);
10 |
11 | const getAllTemplet = async () => { // 获取全部
12 | const allTemplet = await templets.findAll();// 查找全部
13 | return allTemplet; // 返回数据
14 | };
15 |
16 | const getTempletById = async (id) => {
17 | const templet = await templets.findOne({
18 | where: { id },
19 | });
20 |
21 | return templet; // 返回数据
22 | };
23 |
24 | const getQueryTemplet = async (form) => {
25 | const queryStr = {
26 | where: form,
27 | };
28 | const Templet = await templets.findAll(queryStr);
29 |
30 | return Templet; // 返回数据
31 | };
32 |
33 | const createTemplet = async (data) => {
34 | const result = await templets.create(data);
35 | return result;
36 | };
37 |
38 | const removeTemplet = async (id) => {
39 | await templets.destroy({
40 | where: {
41 | id,
42 | },
43 | });
44 |
45 | return true;
46 | };
47 |
48 | const updateTemplet = async (data) => {
49 | await templets.update(data, {
50 | where: {
51 | id: data.id,
52 | },
53 | });
54 |
55 | return true;
56 | };
57 |
58 | module.exports = {
59 | getAllTemplet,
60 | getTempletById,
61 | getQueryTemplet,
62 | createTemplet,
63 | removeTemplet,
64 | updateTemplet,
65 | };
66 |
--------------------------------------------------------------------------------
/src/assets/css/highlight/atelier-heath-dark.css:
--------------------------------------------------------------------------------
1 | /* Base16 Atelier Heath Dark - Theme */
2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/heath) */
3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
4 |
5 | /* Atelier-Heath Comment */
6 | .hljs-comment,
7 | .hljs-quote {
8 | color: #9e8f9e;
9 | }
10 |
11 | /* Atelier-Heath Red */
12 | .hljs-variable,
13 | .hljs-template-variable,
14 | .hljs-attribute,
15 | .hljs-tag,
16 | .hljs-name,
17 | .hljs-regexp,
18 | .hljs-link,
19 | .hljs-name,
20 | .hljs-selector-id,
21 | .hljs-selector-class {
22 | color: #ca402b;
23 | }
24 |
25 | /* Atelier-Heath Orange */
26 | .hljs-number,
27 | .hljs-meta,
28 | .hljs-built_in,
29 | .hljs-builtin-name,
30 | .hljs-literal,
31 | .hljs-type,
32 | .hljs-params {
33 | color: #a65926;
34 | }
35 |
36 | /* Atelier-Heath Green */
37 | .hljs-string,
38 | .hljs-symbol,
39 | .hljs-bullet {
40 | color: #918b3b;
41 | }
42 |
43 | /* Atelier-Heath Blue */
44 | .hljs-title,
45 | .hljs-section {
46 | color: #516aec;
47 | }
48 |
49 | /* Atelier-Heath Purple */
50 | .hljs-keyword,
51 | .hljs-selector-tag {
52 | color: #7b59c0;
53 | }
54 |
55 | .hljs {
56 | display: block;
57 | overflow-x: auto;
58 | background: #1b181b;
59 | color: #ab9bab;
60 | padding: 0.5em;
61 | }
62 |
63 | .hljs-emphasis {
64 | font-style: italic;
65 | }
66 |
67 | .hljs-strong {
68 | font-weight: bold;
69 | }
70 |
--------------------------------------------------------------------------------
/src/assets/css/highlight/atelier-heath-light.css:
--------------------------------------------------------------------------------
1 | /* Base16 Atelier Heath Light - Theme */
2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/heath) */
3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
4 |
5 | /* Atelier-Heath Comment */
6 | .hljs-comment,
7 | .hljs-quote {
8 | color: #776977;
9 | }
10 |
11 | /* Atelier-Heath Red */
12 | .hljs-variable,
13 | .hljs-template-variable,
14 | .hljs-attribute,
15 | .hljs-tag,
16 | .hljs-name,
17 | .hljs-regexp,
18 | .hljs-link,
19 | .hljs-name,
20 | .hljs-selector-id,
21 | .hljs-selector-class {
22 | color: #ca402b;
23 | }
24 |
25 | /* Atelier-Heath Orange */
26 | .hljs-number,
27 | .hljs-meta,
28 | .hljs-built_in,
29 | .hljs-builtin-name,
30 | .hljs-literal,
31 | .hljs-type,
32 | .hljs-params {
33 | color: #a65926;
34 | }
35 |
36 | /* Atelier-Heath Green */
37 | .hljs-string,
38 | .hljs-symbol,
39 | .hljs-bullet {
40 | color: #918b3b;
41 | }
42 |
43 | /* Atelier-Heath Blue */
44 | .hljs-title,
45 | .hljs-section {
46 | color: #516aec;
47 | }
48 |
49 | /* Atelier-Heath Purple */
50 | .hljs-keyword,
51 | .hljs-selector-tag {
52 | color: #7b59c0;
53 | }
54 |
55 | .hljs {
56 | display: block;
57 | overflow-x: auto;
58 | background: #f7f3f7;
59 | color: #695d69;
60 | padding: 0.5em;
61 | }
62 |
63 | .hljs-emphasis {
64 | font-style: italic;
65 | }
66 |
67 | .hljs-strong {
68 | font-weight: bold;
69 | }
70 |
--------------------------------------------------------------------------------
/src/assets/css/highlight/tomorrow-night-bright.css:
--------------------------------------------------------------------------------
1 | /* Tomorrow Night Bright Theme */
2 | /* Original theme - https://github.com/chriskempson/tomorrow-theme */
3 | /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
4 |
5 | /* Tomorrow Comment */
6 | .hljs-comment,
7 | .hljs-quote {
8 | color: #969896;
9 | }
10 |
11 | /* Tomorrow Red */
12 | .hljs-variable,
13 | .hljs-template-variable,
14 | .hljs-tag,
15 | .hljs-name,
16 | .hljs-selector-id,
17 | .hljs-selector-class,
18 | .hljs-regexp,
19 | .hljs-deletion {
20 | color: #d54e53;
21 | }
22 |
23 | /* Tomorrow Orange */
24 | .hljs-number,
25 | .hljs-built_in,
26 | .hljs-builtin-name,
27 | .hljs-literal,
28 | .hljs-type,
29 | .hljs-params,
30 | .hljs-meta,
31 | .hljs-link {
32 | color: #e78c45;
33 | }
34 |
35 | /* Tomorrow Yellow */
36 | .hljs-attribute {
37 | color: #e7c547;
38 | }
39 |
40 | /* Tomorrow Green */
41 | .hljs-string,
42 | .hljs-symbol,
43 | .hljs-bullet,
44 | .hljs-addition {
45 | color: #b9ca4a;
46 | }
47 |
48 | /* Tomorrow Blue */
49 | .hljs-title,
50 | .hljs-section {
51 | color: #7aa6da;
52 | }
53 |
54 | /* Tomorrow Purple */
55 | .hljs-keyword,
56 | .hljs-selector-tag {
57 | color: #c397d8;
58 | }
59 |
60 | .hljs {
61 | display: block;
62 | overflow-x: auto;
63 | background: black;
64 | color: #eaeaea;
65 | padding: 0.5em;
66 | }
67 |
68 | .hljs-emphasis {
69 | font-style: italic;
70 | }
71 |
72 | .hljs-strong {
73 | font-weight: bold;
74 | }
75 |
--------------------------------------------------------------------------------
/src/views/designerPage/components/template/Muse-UI/Tr.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable */
2 | import { getTemplate, getSlotContent, getStringTypeAttr } from '@/views/designerPage/components/template'
3 |
4 | var handle = function(_attr, _slots) {
5 | //定义默认属性
6 | let attributes = {
7 | selectable:{
8 | type:'boolean',
9 | value:false
10 | },
11 | selected:{
12 | type:'boolean',
13 | value:false
14 | }
15 | },
16 | slots = {
17 | default: []
18 | }
19 |
20 | //覆盖默认属性
21 | Object.assign(slots, _slots)
22 | Object.assign(attributes, _attr)
23 |
24 | //根据组件不同需要做的不同操作
25 |
26 |
27 | //获取插槽模板内容
28 | var subContent = getSlotContent(slots) || ' '
29 | //设置当前组件的slot
30 | if (attributes.slot && attributes.slot!=='default') {
31 | attributes.slot = {
32 | type: 'text',
33 | value: attributes.slot
34 | }
35 | } else {
36 | attributes.slot = {
37 | type: 'text',
38 | value: ''
39 | }
40 | }
41 |
42 | //字符串模板操作
43 | let stringAttr = getStringTypeAttr(attributes)
44 | let template = `
3 |
36 |
37 |
38 |
54 |
--------------------------------------------------------------------------------
/src/views/designerPage/components/template/Common/A.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable */
2 | import { getTemplate, getSlotContent, getStringTypeAttr } from '@/views/designerPage/components/template'
3 |
4 | var handle = function(_attr, _slots) {
5 | //定义默认属性
6 | let attributes = {
7 | text: {
8 | type: 'text',
9 | value: 'Link'
10 | },
11 | href:{
12 | type:'text',
13 | value:''
14 | },
15 | target: {
16 | type: 'selection',
17 | value: '',
18 | items: ['_blank', 'self', '_parent', '_top']
19 | },
20 | title:{
21 | type:'text',
22 | value:''
23 | }
24 | },
25 | slots = {}
26 |
27 | //覆盖默认属性
28 | Object.assign(slots, _slots)
29 | Object.assign(attributes, _attr)
30 |
31 | //根据组件不同需要做的不同操作
32 |
33 |
34 | //获取插槽模板内容
35 | // var subContent = getSlotContent(slots) || ' '
36 |
37 | //设置当前组件的slot
38 | if (attributes.slot && attributes.slot !== 'default') {
39 | attributes.slot = {
40 | type: 'text',
41 | value: attributes.slot
42 | }
43 | } else {
44 | attributes.slot = {
45 | type: 'text',
46 | value: ''
47 | }
48 | }
49 |
50 | //字符串模板操作
51 | let stringAttr = getStringTypeAttr(attributes)
52 | let template = `
53 | ${attributes.text.value||' '}
54 | `
55 |
56 | template = template.replace(/text=".*?"/g, '')//模板字符串中删除text属性
57 |
58 |
59 | return { template, attributes, slots }
60 | }
61 | export default handle
62 |
--------------------------------------------------------------------------------
/src/views/designerPage/components/template/iView-UI/Rate.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable */
2 | import { getTemplate, getSlotContent, getStringTypeAttr } from '@/views/designerPage/components/template'
3 |
4 | var handle = function(_attr, _slots) {
5 | //定义默认属性
6 | let attributes = {
7 | count:{
8 | type:'number',
9 | value: 5
10 | },
11 | value:{
12 | type:'number',
13 | value: 0
14 | },
15 | ['allow-harf']:{
16 | type:'boolean',
17 | value:false
18 | },
19 | disabled:{
20 | type:'boolean',
21 | value:false
22 | },
23 | ['show-text']:{
24 | type:'boolean',
25 | value:false
26 | }
27 | },
28 | slots = {
29 | }
30 |
31 | //覆盖默认属性
32 | Object.assign(slots, _slots)
33 | Object.assign(attributes, _attr)
34 |
35 | //根据组件不同需要做的不同操作
36 |
37 |
38 | //获取插槽模板内容
39 | var subContent = getSlotContent(slots)
40 | //设置当前组件的slot
41 | if (attributes.slot && attributes.slot !== 'default') {
42 | attributes.slot = {
43 | type: 'text',
44 | value: attributes.slot
45 | }
46 | } else {
47 | attributes.slot = {
48 | type: 'text',
49 | value: ''
50 | }
51 | }
52 |
53 | //字符串模板操作
54 | let stringAttr = getStringTypeAttr(attributes)
55 | let template = `
5 |
8 |
12 | 设计师
9 |设计台页面拖拽组件快速生成原型界面；支持pc端、手机端自适应预览； 10 | 具备可视化样式编辑器和属性设置器，可自定义样式；色盘分享社区获取最新灵感。
11 |
13 |
16 |
20 | 前端开发工程师
17 |根据预览页面自动生成实时代码，帮助前端开发工程师编写代码， 18 | 只需在复制粘贴的代码基础上进行业务二次开发即可。
19 |
21 |
24 |
28 | 产品经理
25 |支持导入不同UI库，能让设计稿贴近实际开发web应用的页面效果， 26 | 大大减少了产品经理、美工及前端开发工程师的沟通成本。在线浏览原型稿，远程指导。
27 |
29 |
32 |
35 | 项目管理
33 |为美工设计师、产品经理及前端开发工程师在设计产品原型或设计页面时提供参考与帮助而研发的工具。可提升项目管理质量，加快项目进度。
34 |
3 |
17 |
18 |
45 |
62 |
--------------------------------------------------------------------------------
/src/views/designerPage/components/template/iView-UI/Radio.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable */
2 | import { getTemplate, getSlotContent, getStringTypeAttr } from '@/views/designerPage/components/template'
3 |
4 | var handle = function(_attr, _slots) {
5 | //定义默认属性
6 | let attributes = {
7 | value:{
8 | type:'boolean',
9 | value:false
10 | },
11 | label:{
12 | type:'text',
13 | value:'label'
14 | },
15 | disabled:{
16 | type:'text',
17 | value:''
18 | },
19 | ['true-value']:{
20 | type:'text',
21 | value:''
22 | },
23 | ['false-value']:{
24 | type:'text',
25 | value:''
26 | }
27 | },
28 | slots = {
29 | default: []
30 | }
31 |
32 | //覆盖默认属性
33 | Object.assign(slots, _slots)
34 | Object.assign(attributes, _attr)
35 |
36 | //根据组件不同需要做的不同操作
37 |
38 |
39 | //获取插槽模板内容
40 | var subContent = getSlotContent(slots)
41 | //设置当前组件的slot
42 | if (attributes.slot && attributes.slot !== 'default') {
43 | attributes.slot = {
44 | type: 'text',
45 | value: attributes.slot
46 | }
47 | } else {
48 | attributes.slot = {
49 | type: 'text',
50 | value: ''
51 | }
52 | }
53 |
54 | //字符串模板操作
55 | let stringAttr = getStringTypeAttr(attributes)
56 | let template = `
4 |
5 |
10 |
15 |
16 |
11 |
14 |