7 |
9 |
3 |
5 |
6 |
7 |
19 |
20 |
31 |
--------------------------------------------------------------------------------
/dbtree-vue/src/icons/svg/table.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/dbtree-vue/.env.development:
--------------------------------------------------------------------------------
1 | # just a flag
2 | ENV = 'development'
3 |
4 | # base api
5 | VUE_APP_BASE_API = '/dev-api'
6 |
7 | # vue-cli uses the VUE_CLI_BABEL_TRANSPILE_MODULES environment variable,
8 | # to control whether the babel-plugin-dynamic-import-node plugin is enabled.
9 | # It only does one thing by converting all import() to require().
10 | # This configuration can significantly increase the speed of hot updates,
11 | # when you have a large number of pages.
12 | # Detail: https://github.com/vuejs/vue-cli/blob/dev/packages/@vue/babel-preset-app/index.js
13 |
14 | VUE_CLI_BABEL_TRANSPILE_MODULES = true
15 |
--------------------------------------------------------------------------------
/dbtree-vue/src/icons/svg/password.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/dbtree-vue/src/layout/components/Sidebar/Item.vue:
--------------------------------------------------------------------------------
1 |
30 |
--------------------------------------------------------------------------------
/dbtree-vue/mock/table.js:
--------------------------------------------------------------------------------
1 | import Mock from 'mockjs'
2 |
3 | const data = Mock.mock({
4 | 'items|30': [{
5 | id: '@id',
6 | title: '@sentence(10, 20)',
7 | 'status|1': ['published', 'draft', 'deleted'],
8 | author: 'name',
9 | display_time: '@datetime',
10 | pageviews: '@integer(300, 5000)'
11 | }]
12 | })
13 |
14 | export default [
15 | {
16 | url: '/table/list',
17 | type: 'get',
18 | response: config => {
19 | const items = data.items
20 | return {
21 | code: 20000,
22 | data: {
23 | total: items.length,
24 | items: items
25 | }
26 | }
27 | }
28 | }
29 | ]
30 |
--------------------------------------------------------------------------------
/dbtree-backend/src/main/java/com/autohome/dbtree/contract/DelegateRule.java:
--------------------------------------------------------------------------------
1 | package com.autohome.dbtree.contract;
2 |
3 | public class DelegateRule {
4 |
5 | private String delegate_table;
6 |
7 | private String table_pattern;
8 |
9 | public String getDelegate_table() {
10 | return delegate_table;
11 | }
12 |
13 | public void setDelegate_table(String delegate_table) {
14 | this.delegate_table = delegate_table;
15 | }
16 |
17 | public String getTable_pattern() {
18 | return table_pattern;
19 | }
20 |
21 | public void setTable_pattern(String table_pattern) {
22 | this.table_pattern = table_pattern;
23 | }
24 | }
25 |
--------------------------------------------------------------------------------
/dbtree-vue/src/store/modules/settings.js:
--------------------------------------------------------------------------------
1 | import defaultSettings from '@/settings'
2 |
3 | const { showSettings, fixedHeader, sidebarLogo } = defaultSettings
4 |
5 | const state = {
6 | showSettings: showSettings,
7 | fixedHeader: fixedHeader,
8 | sidebarLogo: sidebarLogo
9 | }
10 |
11 | const mutations = {
12 | CHANGE_SETTING: (state, { key, value }) => {
13 | if (state.hasOwnProperty(key)) {
14 | state[key] = value
15 | }
16 | }
17 | }
18 |
19 | const actions = {
20 | changeSetting({ commit }, data) {
21 | commit('CHANGE_SETTING', data)
22 | }
23 | }
24 |
25 | export default {
26 | namespaced: true,
27 | state,
28 | mutations,
29 | actions
30 | }
31 |
32 |
--------------------------------------------------------------------------------
/dbtree-vue/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | name: {{ name }}
4 |
3 |
13 |
14 |
15 |
16 |
32 |
33 |
45 |
--------------------------------------------------------------------------------
/dbtree-backend/src/main/java/com/autohome/dbtree/service/ITreeService.java:
--------------------------------------------------------------------------------
1 | package com.autohome.dbtree.service;
2 |
3 | import com.autohome.dbtree.contract.*;
4 | import com.autohome.dbtree.dao.mysql.dbtree.domain.TreeNode;
5 |
6 | import java.util.List;
7 |
8 | public interface ITreeService {
9 |
10 | boolean addDb(String dbName);
11 |
12 | boolean deleteFolder(Long id);
13 |
14 | boolean updateDb(String dbName);
15 |
16 | boolean deleteDb(String dbName);
17 |
18 | boolean moveNodeTo(List
3 |
5 |
15 |
17 |
18 |
19 |
20 |
21 |
57 |
--------------------------------------------------------------------------------
/dbtree-vue/src/icons/svg/tree.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/dbtree-vue/src/views/tree/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
15 |
16 |
17 |
78 |
79 |
--------------------------------------------------------------------------------
/dbtree-vue/src/views/dbtree/server/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
15 |
16 |
17 |
78 |
79 |
--------------------------------------------------------------------------------
/dbtree-backend/src/main/java/com/autohome/dbtree/dao/mysql/dbtree/domain/TreeNode.java:
--------------------------------------------------------------------------------
1 | package com.autohome.dbtree.dao.mysql.dbtree.domain;
2 |
3 | import java.util.Date;
4 |
5 | public class TreeNode {
6 | private Long id;
7 |
8 | private String db_name;
9 |
10 | private Integer folder;
11 |
12 | private String node_name;
13 |
14 | private Long parent_id;
15 |
16 | private Date created_stime;
17 |
18 | private Date modified_stime;
19 |
20 | public Long getId() {
21 | return id;
22 | }
23 |
24 | public void setId(Long id) {
25 | this.id = id;
26 | }
27 |
28 | public String getDb_name() {
29 | return db_name;
30 | }
31 |
32 | public void setDb_name(String db_name) {
33 | this.db_name = db_name == null ? null : db_name.trim();
34 | }
35 |
36 | public Integer getFolder() {
37 | return folder;
38 | }
39 |
40 | public void setFolder(Integer folder) {
41 | this.folder = folder;
42 | }
43 |
44 | public String getNode_name() {
45 | return node_name;
46 | }
47 |
48 | public void setNode_name(String node_name) {
49 | this.node_name = node_name == null ? null : node_name.trim();
50 | }
51 |
52 | public Long getParent_id() {
53 | return parent_id;
54 | }
55 |
56 | public void setParent_id(Long parent_id) {
57 | this.parent_id = parent_id;
58 | }
59 |
60 | public Date getCreated_stime() {
61 | return created_stime;
62 | }
63 |
64 | public void setCreated_stime(Date created_stime) {
65 | this.created_stime = created_stime;
66 | }
67 |
68 | public Date getModified_stime() {
69 | return modified_stime;
70 | }
71 |
72 | public void setModified_stime(Date modified_stime) {
73 | this.modified_stime = modified_stime;
74 | }
75 | }
--------------------------------------------------------------------------------
/dbtree-vue/mock/user.js:
--------------------------------------------------------------------------------
1 |
2 | const tokens = {
3 | admin: {
4 | token: 'admin-token'
5 | },
6 | editor: {
7 | token: 'editor-token'
8 | }
9 | }
10 |
11 | const users = {
12 | 'admin-token': {
13 | roles: ['admin'],
14 | introduction: 'I am a super administrator',
15 | avatar: 'https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif',
16 | name: 'Super Admin'
17 | },
18 | 'editor-token': {
19 | roles: ['editor'],
20 | introduction: 'I am an editor',
21 | avatar: 'https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif',
22 | name: 'Normal Editor'
23 | }
24 | }
25 |
26 | export default [
27 | // user login
28 | {
29 | url: '/user/login',
30 | type: 'post',
31 | response: config => {
32 | const { username } = config.body
33 | const token = tokens[username]
34 |
35 | // mock error
36 | if (!token) {
37 | return {
38 | code: 60204,
39 | message: 'Account and password are incorrect.'
40 | }
41 | }
42 |
43 | return {
44 | code: 20000,
45 | data: token
46 | }
47 | }
48 | },
49 |
50 | // get user info
51 | {
52 | url: '/user/info\.*',
53 | type: 'get',
54 | response: config => {
55 | const { token } = config.query
56 | const info = users[token]
57 |
58 | // mock error
59 | if (!info) {
60 | return {
61 | code: 50008,
62 | message: 'Login failed, unable to get user details.'
63 | }
64 | }
65 |
66 | return {
67 | code: 20000,
68 | data: info
69 | }
70 | }
71 | },
72 |
73 | // user logout
74 | {
75 | url: '/user/logout',
76 | type: 'post',
77 | response: _ => {
78 | return {
79 | code: 20000,
80 | data: 'success'
81 | }
82 | }
83 | }
84 | ]
85 |
--------------------------------------------------------------------------------
/dbtree-backend/src/main/java/com/autohome/dbtree/config/DbTreeConfig.java:
--------------------------------------------------------------------------------
1 | package com.autohome.dbtree.config;
2 |
3 | import java.io.IOException;
4 | import java.io.StringWriter;
5 | import java.nio.charset.StandardCharsets;
6 | import java.util.ArrayList;
7 | import java.util.Map;
8 |
9 | import javax.annotation.Resource;
10 |
11 | import com.autohome.dbtree.contract.DbInfo;
12 | import com.autohome.dbtree.contract.DbServer;
13 | import com.fasterxml.jackson.core.type.TypeReference;
14 | import com.fasterxml.jackson.databind.ObjectMapper;
15 | import org.apache.commons.io.IOUtils;
16 | import org.springframework.context.annotation.Bean;
17 | import org.springframework.context.annotation.Configuration;
18 | import org.springframework.core.io.ClassPathResource;
19 |
20 | @Configuration
21 | public class DbTreeConfig {
22 |
23 | @Resource
24 | private ObjectMapper objectMapper;
25 |
26 | @Bean
27 | public Map
3 |
4 |
5 | ![]()
6 |
8 |
9 | ![]()
10 |
12 |
13 |
14 |
15 |
16 |
33 |
34 |
83 |
--------------------------------------------------------------------------------
/dbtree-vue/mock/mock-server.js:
--------------------------------------------------------------------------------
1 | const chokidar = require('chokidar')
2 | const bodyParser = require('body-parser')
3 | const chalk = require('chalk')
4 | const path = require('path')
5 |
6 | const mockDir = path.join(process.cwd(), 'mock')
7 |
8 | function registerRoutes(app) {
9 | let mockLastIndex
10 | const { default: mocks } = require('./index.js')
11 | for (const mock of mocks) {
12 | app[mock.type](mock.url, mock.response)
13 | mockLastIndex = app._router.stack.length
14 | }
15 | const mockRoutesLength = Object.keys(mocks).length
16 | return {
17 | mockRoutesLength: mockRoutesLength,
18 | mockStartIndex: mockLastIndex - mockRoutesLength
19 | }
20 | }
21 |
22 | function unregisterRoutes() {
23 | Object.keys(require.cache).forEach(i => {
24 | if (i.includes(mockDir)) {
25 | delete require.cache[require.resolve(i)]
26 | }
27 | })
28 | }
29 |
30 | module.exports = app => {
31 | // es6 polyfill
32 | require('@babel/register')
33 |
34 | // parse app.body
35 | // https://expressjs.com/en/4x/api.html#req.body
36 | app.use(bodyParser.json())
37 | app.use(bodyParser.urlencoded({
38 | extended: true
39 | }))
40 |
41 | const mockRoutes = registerRoutes(app)
42 | var mockRoutesLength = mockRoutes.mockRoutesLength
43 | var mockStartIndex = mockRoutes.mockStartIndex
44 |
45 | // watch files, hot reload mock server
46 | chokidar.watch(mockDir, {
47 | ignored: /mock-server/,
48 | ignoreInitial: true
49 | }).on('all', (event, path) => {
50 | if (event === 'change' || event === 'add') {
51 | try {
52 | // remove mock routes stack
53 | app._router.stack.splice(mockStartIndex, mockRoutesLength)
54 |
55 | // clear routes cache
56 | unregisterRoutes()
57 |
58 | const mockRoutes = registerRoutes(app)
59 | mockRoutesLength = mockRoutes.mockRoutesLength
60 | mockStartIndex = mockRoutes.mockStartIndex
61 |
62 | console.log(chalk.magentaBright(`\n > Mock Server hot reload success! changed ${path}`))
63 | } catch (error) {
64 | console.log(chalk.redBright(error))
65 | }
66 | }
67 | })
68 | }
69 |
--------------------------------------------------------------------------------
/dbtree-backend/src/main/java/com/autohome/dbtree/config/ScheduleTask.java:
--------------------------------------------------------------------------------
1 | package com.autohome.dbtree.config;
2 |
3 | import com.autohome.dbtree.contract.DbInfo;
4 | import com.autohome.dbtree.dao.mysql.dbtree.domain.TreeNode;
5 | import com.autohome.dbtree.service.ITreeService;
6 | import com.autohome.dbtree.service.impl.LockService;
7 | import org.slf4j.Logger;
8 | import org.slf4j.LoggerFactory;
9 | import org.springframework.scheduling.annotation.Scheduled;
10 | import org.springframework.stereotype.Component;
11 |
12 | import javax.annotation.Resource;
13 | import java.util.List;
14 | import java.util.Map;
15 |
16 | @Component
17 | public class ScheduleTask {
18 |
19 | private static final Logger LOGGER = LoggerFactory.getLogger(ScheduleTask.class);
20 |
21 | @Resource
22 | private LockService lockService;
23 |
24 | @Resource
25 | private Map{{ title }}
7 |{{ title }}
11 |
3 |
4 |
12 |
13 |
14 |
52 |
53 |
94 |
--------------------------------------------------------------------------------
/dbtree-backend/src/main/java/com/autohome/dbtree/contract/TreeNodeVo.java:
--------------------------------------------------------------------------------
1 | package com.autohome.dbtree.contract;
2 |
3 | import com.autohome.dbtree.dao.mysql.dbtree.domain.TreeNode;
4 | import io.swagger.annotations.ApiModel;
5 | import io.swagger.annotations.ApiModelProperty;
6 |
7 | @ApiModel
8 | public class TreeNodeVo {
9 |
10 | @ApiModelProperty(value = "所属数据库")
11 | private String database;
12 |
13 | @ApiModelProperty(value = "节点名")
14 | private String node_name;
15 |
16 | @ApiModelProperty(value = "是否目录节点")
17 | private Boolean leaf;
18 |
19 | @ApiModelProperty(value = "节点ID")
20 | private Long id;
21 |
22 | @ApiModelProperty(value = "父亲节点ID")
23 | private Long parent_id;
24 |
25 | @ApiModelProperty(value = "是否在编辑")
26 | private Boolean edit;
27 |
28 | public String getDatabase() {
29 | return database;
30 | }
31 |
32 | public void setDatabase(String database) {
33 | this.database = database;
34 | }
35 |
36 | public String getNode_name() {
37 | return node_name;
38 | }
39 |
40 | public void setNode_name(String node_name) {
41 | this.node_name = node_name;
42 | }
43 |
44 | public Long getId() {
45 | return id;
46 | }
47 |
48 | public void setId(Long id) {
49 | this.id = id;
50 | }
51 |
52 | public Long getParent_id() {
53 | return parent_id;
54 | }
55 |
56 | public void setParent_id(Long parent_id) {
57 | this.parent_id = parent_id;
58 | }
59 |
60 | public Boolean getLeaf() {
61 | return leaf;
62 | }
63 |
64 | public void setLeaf(Boolean leaf) {
65 | this.leaf = leaf;
66 | }
67 |
68 | public Boolean getEdit() {
69 | return edit;
70 | }
71 |
72 | public void setEdit(Boolean edit) {
73 | this.edit = edit;
74 | }
75 |
76 | public static TreeNodeVo fromTreeNode(TreeNode treeNode) {
77 | TreeNodeVo treeNodeVo = new TreeNodeVo();
78 | treeNodeVo.setId(treeNode.getId());
79 | treeNodeVo.setNode_name(treeNode.getNode_name());
80 | treeNodeVo.setParent_id(treeNode.getParent_id());
81 | treeNodeVo.setLeaf(treeNode.getFolder() == 0);
82 | treeNodeVo.setEdit(false);
83 | treeNodeVo.setDatabase(treeNode.getDb_name());
84 | return treeNodeVo;
85 | }
86 | }
87 |
--------------------------------------------------------------------------------
/dbtree-vue/src/components/Breadcrumb/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
6 |
11 |
3 |
11 |
12 |
13 | {{ scope.$index }}
14 |
15 |
16 |
17 |
18 | {{ scope.row.title }}
19 |
20 |
21 |
22 |
23 | {{ scope.row.author }}
24 |
25 |
26 |
27 |
28 | {{ scope.row.pageviews }}
29 |
30 |
31 |
32 |
33 | {{ scope.row.status }}
34 |
35 |
36 |
37 |
38 |
39 | {{ scope.row.display_time }}
40 |
41 |
42 |
43 |
44 |
45 |
46 |
80 |
--------------------------------------------------------------------------------
/dbtree-vue/src/icons/svg/form.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/dbtree-vue/src/views/icons/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
7 |
8 |
9 |
21 |
22 |
34 |
35 |
36 |
37 |
38 |
64 |
65 |
92 |
--------------------------------------------------------------------------------
/dbtree-vue/src/views/form/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
10 |
11 |
19 |
20 |
12 | {{ generateIconCode(item) }}
13 |
14 |
15 |
18 |
23 |
24 |
32 |
33 |
25 | {{ generateElementIconCode(item) }}
26 |
27 |
28 |
29 | {{ item }}
30 |
31 |
3 |
4 |
5 |
7 |
8 |
9 |
12 |
13 |
14 |
15 |
17 | -
18 |
19 |
21 |
22 |
23 |
25 |
26 |
27 |
32 |
33 |
34 |
35 |
38 |
39 |
40 |
42 |
43 | Create
44 | Cancel
45 |
46 |
47 |
48 |
49 |
50 |
79 |
80 |
85 |
86 |
--------------------------------------------------------------------------------
/dbtree-backend/src/main/java/com/autohome/dbtree/config/DbTreeMybatisConfig.java:
--------------------------------------------------------------------------------
1 | package com.autohome.dbtree.config;
2 |
3 | import com.alibaba.druid.pool.DruidDataSource;
4 | import com.github.pagehelper.PageInterceptor;
5 | import org.apache.ibatis.plugin.Interceptor;
6 | import org.apache.ibatis.session.SqlSessionFactory;
7 | import org.mybatis.spring.SqlSessionFactoryBean;
8 | import org.mybatis.spring.annotation.MapperScan;
9 | import org.springframework.beans.factory.annotation.Value;
10 | import org.springframework.boot.context.properties.ConfigurationProperties;
11 | import org.springframework.context.annotation.Bean;
12 | import org.springframework.context.annotation.Configuration;
13 | import org.springframework.core.io.support.PathMatchingResourcePatternResolver;
14 | import org.springframework.jdbc.datasource.DataSourceTransactionManager;
15 | import org.springframework.transaction.PlatformTransactionManager;
16 | import org.springframework.transaction.annotation.EnableTransactionManagement;
17 |
18 | import java.io.IOException;
19 | import java.util.Properties;
20 |
21 | @Configuration
22 | @EnableTransactionManagement
23 | @MapperScan(value = "com.autohome.dbtree.dao.mysql.dbtree.mapper", sqlSessionFactoryRef = "dbTreeSqlSessionFactory")
24 | public class DbTreeMybatisConfig {
25 |
26 | @Value("${druid.datasource.dbtree.mapperLocations}")
27 | private String mapperLocations;
28 |
29 | @Bean(name = "dbTreeDataSource", destroyMethod = "close")
30 | @ConfigurationProperties(prefix = "druid.datasource.dbtree")
31 | public DruidDataSource dbTreeDataSource() {
32 | return new DruidDataSource();
33 | }
34 |
35 | @Bean(name = "dbTreeSqlSessionFactory")
36 | public SqlSessionFactory dbTreeSqlSessionFactory() throws Exception {
37 | PageInterceptor pageInterceptor = new PageInterceptor();
38 | pageInterceptor.setProperties(new Properties());
39 | SqlSessionFactoryBean sqlSessionFactoryBean = new SqlSessionFactoryBean();
40 | sqlSessionFactoryBean.setDataSource(dbTreeDataSource());
41 | sqlSessionFactoryBean.setPlugins(new Interceptor[]{pageInterceptor});
42 |
43 | try {
44 | PathMatchingResourcePatternResolver resolver = new PathMatchingResourcePatternResolver();
45 | sqlSessionFactoryBean.setMapperLocations(resolver.getResources(this.mapperLocations));
46 | } catch (IOException ex) {
47 | throw new RuntimeException(ex);
48 | }
49 |
50 | try {
51 | return sqlSessionFactoryBean.getObject();
52 | } catch (Exception ex) {
53 | throw new RuntimeException(ex);
54 | }
55 | }
56 |
57 | @Bean
58 | public PlatformTransactionManager dbTreeTransactionManager() throws Exception {
59 | return new DataSourceTransactionManager(dbTreeDataSource());
60 | }
61 | }
62 |
--------------------------------------------------------------------------------
/dbtree-vue/src/utils/request.js:
--------------------------------------------------------------------------------
1 | import axios from 'axios'
2 | import { MessageBox, Message } from 'element-ui'
3 | import store from '@/store'
4 | import { getToken } from '@/utils/auth'
5 |
6 | // create an axios instance
7 | const service = axios.create({
8 | baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
9 | // withCredentials: true, // send cookies when cross-domain requests
10 | timeout: 10000 // request timeout
11 | })
12 |
13 | // request interceptor
14 | // service.interceptors.request.use(
15 | // config => {
16 | // // do something before request is sent
17 |
18 | // if (store.getters.token) {
19 | // // let each request carry token
20 | // // ['X-Token'] is a custom headers key
21 | // // please modify it according to the actual situation
22 | // config.headers['X-Token'] = getToken()
23 | // }
24 | // return config
25 | // },
26 | // error => {
27 | // // do something with request error
28 | // console.log(error) // for debug
29 | // return Promise.reject(error)
30 | // }
31 | // )
32 |
33 | // response interceptor
34 | // service.interceptors.response.use(
35 | // /**
36 | // * If you want to get http information such as headers or status
37 | // * Please return response => response
38 | // */
39 |
40 | // /**
41 | // * Determine the request status by custom code
42 | // * Here is just an example
43 | // * You can also judge the status by HTTP Status Code
44 | // */
45 | // response => {
46 | // const res = response.data
47 |
48 | // // if the custom code is not 20000, it is judged as an error.
49 | // if (res.code !== 20000) {
50 | // Message({
51 | // message: res.message || 'Error',
52 | // type: 'error',
53 | // duration: 5 * 1000
54 | // })
55 |
56 | // // 50008: Illegal token; 50012: Other clients logged in; 50014: Token expired;
57 | // if (res.code === 50008 || res.code === 50012 || res.code === 50014) {
58 | // // to re-login
59 | // MessageBox.confirm('You have been logged out, you can cancel to stay on this page, or log in again', 'Confirm logout', {
60 | // confirmButtonText: 'Re-Login',
61 | // cancelButtonText: 'Cancel',
62 | // type: 'warning'
63 | // }).then(() => {
64 | // store.dispatch('user/resetToken').then(() => {
65 | // location.reload()
66 | // })
67 | // })
68 | // }
69 | // return Promise.reject(new Error(res.message || 'Error'))
70 | // } else {
71 | // return res
72 | // }
73 | // },
74 | // error => {
75 | // console.log('err' + error) // for debug
76 | // Message({
77 | // message: error.message,
78 | // type: 'error',
79 | // duration: 5 * 1000
80 | // })
81 | // return Promise.reject(error)
82 | // }
83 | // )
84 |
85 | export default service
86 |
--------------------------------------------------------------------------------
/dbtree-backend/src/main/resources/mapping/TreeNodeMapper.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 | 
](http://godban.github.io/browsers-support-badges/)IE / Edge | [
](http://godban.github.io/browsers-support-badges/)Firefox | [
](http://godban.github.io/browsers-support-badges/)Chrome | [
](http://godban.github.io/browsers-support-badges/)Safari |
82 | | --------- | --------- | --------- | --------- |
83 | | IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions
84 |
85 | ## License
86 |
87 | [MIT](https://github.com/PanJiaChen/vue-admin-template/blob/master/LICENSE) license.
88 |
89 | Copyright (c) 2017-present PanJiaChen
90 |
--------------------------------------------------------------------------------
/dbtree-vue/README-zh.md:
--------------------------------------------------------------------------------
1 | # vue-admin-template
2 |
3 | > 这是一个极简的 vue admin 管理后台。它只包含了 Element UI & axios & iconfont & permission control & lint，这些搭建后台必要的东西。
4 |
5 | [线上地址](http://panjiachen.github.io/vue-admin-template)
6 |
7 | [国内访问](https://panjiachen.gitee.io/vue-admin-template)
8 |
9 | 目前版本为 `v4.0+` 基于 `vue-cli` 进行构建，若你想使用旧版本，可以切换分支到[tag/3.11.0](https://github.com/PanJiaChen/vue-admin-template/tree/tag/3.11.0)，它不依赖 `vue-cli`。
10 |
11 | ## Extra
12 |
13 | 如果你想要根据用户角色来动态生成侧边栏和 router，你可以使用该分支[permission-control](https://github.com/PanJiaChen/vue-admin-template/tree/permission-control)
14 |
15 | ## 相关项目
16 |
17 | [vue-element-admin](https://github.com/PanJiaChen/vue-element-admin)
18 |
19 | [electron-vue-admin](https://github.com/PanJiaChen/electron-vue-admin)
20 |
21 | [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template)
22 |
23 | 写了一个系列的教程配套文章，如何从零构建后一个完整的后台项目:
24 |
25 | - [手摸手，带你用 vue 撸后台 系列一(基础篇)](https://juejin.im/post/59097cd7a22b9d0065fb61d2)
26 | - [手摸手，带你用 vue 撸后台 系列二(登录权限篇)](https://juejin.im/post/591aa14f570c35006961acac)
27 | - [手摸手，带你用 vue 撸后台 系列三 (实战篇)](https://juejin.im/post/593121aa0ce4630057f70d35)
28 | - [手摸手，带你用 vue 撸后台 系列四(vueAdmin 一个极简的后台基础模板,专门针对本项目的文章,算作是一篇文档)](https://juejin.im/post/595b4d776fb9a06bbe7dba56)
29 | - [手摸手，带你封装一个 vue component](https://segmentfault.com/a/1190000009090836)
30 |
31 | ## Build Setup
32 |
33 | ```bash
34 | # 克隆项目
35 | git clone https://github.com/PanJiaChen/vue-admin-template.git
36 |
37 | # 进入项目目录
38 | cd vue-admin-template
39 |
40 | # 安装依赖
41 | npm install
42 |
43 | # 建议不要直接使用 cnpm 安装以来，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
44 | npm install --registry=https://registry.npm.taobao.org
45 |
46 | # 启动服务
47 | npm run dev
48 | ```
49 |
50 | 浏览器访问 [http://localhost:9528](http://localhost:9528)
51 |
52 | ## 发布
53 |
54 | ```bash
55 | # 构建测试环境
56 | npm run build:stage
57 |
58 | # 构建生产环境
59 | npm run build:prod
60 | ```
61 |
62 | ## 其它
63 |
64 | ```bash
65 | # 预览发布环境效果
66 | npm run preview
67 |
68 | # 预览发布环境效果 + 静态资源分析
69 | npm run preview -- --report
70 |
71 | # 代码格式检查
72 | npm run lint
73 |
74 | # 代码格式检查并自动修复
75 | npm run lint -- --fix
76 | ```
77 |
78 | 更多信息请参考 [使用文档](https://panjiachen.github.io/vue-element-admin-site/zh/)
79 |
80 | ## Demo
81 |
82 | 
83 |
84 | ## Browsers support
85 |
86 | Modern browsers and Internet Explorer 10+.
87 |
88 | | [](http://godban.github.io/browsers-support-badges/)IE / Edge | [](http://godban.github.io/browsers-support-badges/)Firefox | [](http://godban.github.io/browsers-support-badges/)Chrome | [](http://godban.github.io/browsers-support-badges/)Safari |
89 | | --------- | --------- | --------- | --------- |
90 | | IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions
91 |
92 | ## License
93 |
94 | [MIT](https://github.com/PanJiaChen/vue-admin-template/blob/master/LICENSE) license.
95 |
96 | Copyright (c) 2017-present PanJiaChen
97 |
--------------------------------------------------------------------------------
/dbtree-backend/src/main/java/com/autohome/dbtree/contract/ColumnInfo.java:
--------------------------------------------------------------------------------
1 | package com.autohome.dbtree.contract;
2 |
3 | import io.swagger.annotations.ApiModel;
4 | import io.swagger.annotations.ApiModelProperty;
5 |
6 | @ApiModel
7 | public class ColumnInfo {
8 |
9 | @ApiModelProperty(value = "列名")
10 | private String columnName;
11 |
12 | @ApiModelProperty(value = "列数据类型，如: varchar")
13 | private String dataType;
14 |
15 | private String maxLength;
16 |
17 | @ApiModelProperty(value = "列注释")
18 | private String columnComment;
19 |
20 | @ApiModelProperty(value = "列默认值")
21 | private String columnDefault;
22 |
23 | @ApiModelProperty(value = "列是否可空")
24 | private String nullable;
25 |
26 | @ApiModelProperty(value = "是否主键")
27 | private Integer primaryKey;
28 |
29 | @ApiModelProperty(value = "额外说明")
30 | private String extra;
31 |
32 | @ApiModelProperty(value = "列类型。如: varchar(200)")
33 | private String columnType;
34 |
35 | @ApiModelProperty(value = "是否自增")
36 | private Integer autoIncrement;
37 |
38 | @ApiModelProperty(value = "字段精度")
39 | private Integer precision;
40 |
41 | @ApiModelProperty(value = "小数位数")
42 | private Integer scale;
43 |
44 | public String getColumnName() {
45 | return columnName;
46 | }
47 |
48 | public void setColumnName(String columnName) {
49 | this.columnName = columnName;
50 | }
51 |
52 | public String getDataType() {
53 | return dataType;
54 | }
55 |
56 | public void setDataType(String dataType) {
57 | this.dataType = dataType;
58 | }
59 |
60 | public String getMaxLength() {
61 | return maxLength;
62 | }
63 |
64 | public void setMaxLength(String maxLength) {
65 | this.maxLength = maxLength;
66 | }
67 |
68 | public String getColumnComment() {
69 | return columnComment;
70 | }
71 |
72 | public void setColumnComment(String columnComment) {
73 | this.columnComment = columnComment;
74 | }
75 |
76 | public String getColumnDefault() {
77 | return columnDefault;
78 | }
79 |
80 | public void setColumnDefault(String columnDefault) {
81 | this.columnDefault = columnDefault;
82 | }
83 |
84 | public String getNullable() {
85 | return nullable;
86 | }
87 |
88 | public void setNullable(String nullable) {
89 | this.nullable = nullable;
90 | }
91 |
92 | public Integer getPrimaryKey() {
93 | return primaryKey;
94 | }
95 |
96 | public void setPrimaryKey(Integer primaryKey) {
97 | this.primaryKey = primaryKey;
98 | }
99 |
100 | public String getExtra() {
101 | return extra;
102 | }
103 |
104 | public void setExtra(String extra) {
105 | this.extra = extra;
106 | }
107 |
108 | public String getColumnType() {
109 | return columnType;
110 | }
111 |
112 | public void setColumnType(String columnType) {
113 | this.columnType = columnType;
114 | }
115 |
116 | public Integer getAutoIncrement() {
117 | return autoIncrement;
118 | }
119 |
120 | public void setAutoIncrement(Integer autoIncrement) {
121 | this.autoIncrement = autoIncrement;
122 | }
123 |
124 | public Integer getPrecision() {
125 | return precision;
126 | }
127 |
128 | public void setPrecision(Integer precision) {
129 | this.precision = precision;
130 | }
131 |
132 | public Integer getScale() {
133 | return scale;
134 | }
135 |
136 | public void setScale(Integer scale) {
137 | this.scale = scale;
138 | }
139 | }
140 |
--------------------------------------------------------------------------------
/dbtree-vue/src/layout/components/Navbar.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
32 |
33 |
34 |
61 |
62 |
140 |
--------------------------------------------------------------------------------
/dbtree-backend/src/main/java/com/autohome/dbtree/controller/CodeController.java:
--------------------------------------------------------------------------------
1 | package com.autohome.dbtree.controller;
2 |
3 | import com.autohome.dbtree.config.MybatisCodeGeneratorConfig;
4 | import com.autohome.dbtree.contract.Protocol;
5 | import com.autohome.dbtree.service.IMybatisCodeGenerateService;
6 | import com.autohome.dbtree.service.ITableExportService;
7 | import com.google.common.base.Splitter;
8 | import com.google.common.base.Strings;
9 | import org.springframework.core.io.ByteArrayResource;
10 | import org.springframework.http.HttpHeaders;
11 | import org.springframework.http.MediaType;
12 | import org.springframework.http.ResponseEntity;
13 | import org.springframework.stereotype.Controller;
14 | import org.springframework.web.bind.annotation.RequestMapping;
15 | import org.springframework.web.bind.annotation.RequestMethod;
16 | import org.springframework.web.bind.annotation.RequestParam;
17 | import org.springframework.web.bind.annotation.ResponseBody;
18 |
19 | import javax.annotation.Resource;
20 | import java.io.File;
21 | import java.io.IOException;
22 | import java.nio.charset.StandardCharsets;
23 | import java.nio.file.Files;
24 | import java.nio.file.Path;
25 | import java.nio.file.Paths;
26 | import java.util.List;
27 |
28 | @Controller
29 | @RequestMapping("/code")
30 | public class CodeController {
31 |
32 | @Resource
33 | private MybatisCodeGeneratorConfig mybatisCodeGeneratorConfig;
34 |
35 | @Resource
36 | private IMybatisCodeGenerateService myBatisCodeGenerateService;
37 |
38 | @Resource
39 | private ITableExportService tableExportService;
40 |
41 | @RequestMapping(value = "/mybatisDownload", method = RequestMethod.GET)
42 | public ResponseEntity
8 |
9 |
14 |
15 |
16 | Home
17 |
18 |
19 |
20 | Github
21 |
22 |
23 | Docs
24 |
25 |
26 | Log Out
27 |
28 |
29 |
30 |
31 |
10 | 
11 |
12 |
13 |
11 |
12 | 
21 |
22 | ## Why this tool
23 |
24 | In daily development, database communication is one of the most important and frequent part, our team found that no matter database
25 | client like MSS Management Studio, phpMyAdmin or database design software like Power Designer, it is not convenient to browse or share
26 | table definition and comment. Especially when there are thousands of sub-tables, it is really tough. So we design this tool and we
27 | love this tool, hope it would help you too.
28 |
29 | comment friendly and classify your table as folders is good for all.
30 |
31 | ## config
32 |
33 | * database server config
34 |
35 | dbtree-backend/src/main/resources/dbconfig/db-server.json
36 | ```json
37 | {
38 | "mysql-127.0.0.1": {
39 | "db_type": "mysql",
40 | "host": "127.0.0.1",
41 | "port": 3306,
42 | "user": "root",
43 | "password": "123456"
44 | },
45 | "sqlserver-127.0.0.2": {
46 | "db_type": "sqlserver",
47 | "host": "127.0.0.2",
48 | "port": 1433,
49 | "user": "root",
50 | "password":"123456"
51 | }
52 | }
53 | ```
54 | the password is plain.
55 |
56 | * database config
57 |
58 | dbtree-backend/src/main/resources/dbconfig/db-config.json
59 | ```json
60 | {
61 | "db_1": {
62 | "db_name": "db_1",
63 | "db_server": "mysql-127.0.0.1",
64 | "split_table_rules": [
65 | {
66 | "delegate_table": "rule",
67 | "table_pattern": "rule_%"
68 | }
69 | ]
70 | },
71 | "db_2": {
72 | "db_name": "db_2",
73 | "db_server": "sqlserver-127.0.0.2"
74 | }
75 | }
76 | ```
77 | db-config.json is a json map content, the key must be as same as database name(db_name). You can use split_table_rules to specify the
78 | table split pattern, the example means using rule to represent all rule_% tables.
79 |
80 | * mybatis.base.folder
81 |
82 | the store folder for mybatis generated code file
83 |
84 | * mybatis.mysql.connector
85 |
86 | the location of mysql jdbc jar. you can copy dbtree/connector/mysql-connector-java-5.1.36.jar to your own folder.
87 |
88 | * mybatis.sqlserver.connector
89 |
90 | the location of sqlserver jdbc jar. you can copy dbtree/connector/sqljdbc42.jar to your own folder
91 |
92 | ## Debug
93 |
94 | Requirements
95 | * jdk 1.8+
96 | * node.js
97 |
98 | open and run the springboot project，visit：http://localhost:8080
99 |
100 | for better debug experience, you should use VS Code to open the dbtree-vue folder. execute the following command:
101 |
102 | ```bash
103 | # install dependency
104 | npm install
105 |
106 | # develop
107 | npm run dev
108 | ```
109 |
110 | This will automatically open http://localhost:9528
111 |
112 | ## Deploy
113 |
114 | This project use springboot2.x + vue-element-template + mybatis。dbtree-vue resources will be package into dbtree-backend/src/main/resources/public.
115 | You need only deploy dbtree-backend/target/dbtree.jar.
116 |
117 | mysql schema folder：dbtree-backend/doc/schema
118 |
119 | JDK version 1.8
120 |
121 | The tool only deploy in develop environment, you don't need to deploy it in production, it is not safe.
122 |
123 | ## Thanks To
124 |
125 | - [vue-admin-template](https://github.com/PanJiaChen/vue-admin-template)
126 |
127 |
128 |
--------------------------------------------------------------------------------
/dbtree-backend/src/main/java/com/autohome/dbtree/util/JdbcUtil.java:
--------------------------------------------------------------------------------
1 | package com.autohome.dbtree.util;
2 |
3 | import org.slf4j.Logger;
4 | import org.slf4j.LoggerFactory;
5 |
6 | import java.sql.Connection;
7 | import java.sql.PreparedStatement;
8 | import java.sql.ResultSet;
9 | import java.util.ArrayList;
10 | import java.util.List;
11 | import java.util.function.Consumer;
12 | import java.util.function.Function;
13 |
14 | public class JdbcUtil {
15 |
16 | private static final Logger LOGGER = LoggerFactory.getLogger(JdbcUtil.class);
17 |
18 | public static 
25 |
26 | * 选择目录，勾选表，生成mybatis资源
27 |
28 | 
29 |
30 | * 添加分类目录，对表进行归档
31 |
32 | 
33 |
34 | 
35 |
36 | ## 功能演示
37 |
38 |
39 |
40 | ## 为何写这个小工具
41 |
42 | 在不断的迭代过程中，数据库是开发之间沟通非常频繁且重要的一个环节，我们发现无论是mss management studio，phpMyAdmin这类数据库客户端还是
43 | 类似Power Designer的数据库设计软件对表信息共享，注释维护这两个需求来说用起来都非常不便利，尤其是有上千个分表的时候，客户端用起来还是非常难受的。
44 | 所以写了这个网页小工具，希望对有同样需求的人有所帮助。
45 |
46 | 还有一个很酷的功能，就是你可以选择表，然后一键生成下载mybatis资源文件的功能，非常方便，不用配置mybatis generator配置文件。
47 |
48 | ## 配置修改
49 |
50 | * 服务器配置
51 |
52 | dbtree-backend/src/main/resources/dbconfig/db-server.json
53 | ```json
54 | {
55 | "mysql-127.0.0.1": {
56 | "db_type": "mysql",
57 | "host": "127.0.0.1",
58 | "port": 3306,
59 | "user": "root",
60 | "password": "123456"
61 | },
62 | "sqlserver-127.0.0.2": {
63 | "db_type": "sqlserver",
64 | "host": "127.0.0.2",
65 | "port": 1433,
66 | "user": "root",
67 | "password":"123456"
68 | }
69 | }
70 | ```
71 | 密码是明文配置
72 |
73 | * 数据库配置
74 |
75 | dbtree-backend/src/main/resources/dbconfig/db-config.json
76 | ```json
77 | {
78 | "db_1": {
79 | "db_name": "db_1",
80 | "db_server": "mysql-127.0.0.1",
81 | "split_table_rules": [
82 | {
83 | "delegate_table": "rule",
84 | "table_pattern": "rule_%"
85 | }
86 | ]
87 | },
88 | "db_2": {
89 | "db_name": "db_2",
90 | "db_server": "sqlserver-127.0.0.2"
91 | }
92 | }
93 | ```
94 | db-config.json配置文件内容是map结构的json数据，其中key必须和库名(db_name)一致。split_table_rules是指定分表策略，例子的意思是用 rule 代替所有rule_%的表。
95 |
96 | * mybatis.base.folder
97 |
98 | mybatis生成文件存放目录。
99 |
100 | * mybatis.mysql.connector
101 |
102 | mysql jdbc jar包位置, 用于配置mybatis generator core的mysql classpathEntry。你可以直接使用dbtree/connector/mysql-connector-java-5.1.36.jar
103 | 拷贝到你的服务器上
104 |
105 | * mybatis.sqlserver.connector
106 |
107 | sqlserver jdbc jar包位置, 用于配置mybatis generator core的SQL Server classpathEntry。你可以直接使用 dbtree/connector/sqljdbc42.jar拷贝
108 | 到你的服务器上
109 |
110 | ## 表结构语句
111 |
112 | mysql表创建语句见：dbtree-backend/doc/schema目录
113 |
114 | ## 数据库连接配置
115 |
116 | 自行修改配置文件中的数据库服务器地址，和用户名, 密码，密码使用druid默认加密。参考: [druid数据库密码加密](https://github.com/alibaba/druid/wiki/%E4%BD%BF%E7%94%A8ConfigFilter)
117 |
118 | ## 开发调试
119 |
120 | 环境要求
121 | * jdk 1.8+
122 | * node.js
123 |
124 | 打开项目运行，访问：http://localhost:8080
125 |
126 | 为了更好的开发体验，你应该单独使用VS Code打开dbtree-vue目录，进行调试。执行如下命令:
127 |
128 | ```bash
129 | # install dependency
130 | npm install
131 |
132 | # 建议不要直接使用 cnpm 安装以来，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
133 | npm install --registry=https://registry.npm.taobao.org
134 |
135 | # develop
136 | npm run dev
137 | ```
138 |
139 | 会自动打开： http://localhost:9528
140 |
141 | ## 部署
142 |
143 | JDK使用1.8
144 |
145 | 项目使用 springboot2.x + vue-element-template + mybatis。dbtree-vue资源会打包进dbtree-backend/src/main/resources/public下。直接部署
146 | dbtree-backend/target/dbtree-{version}.jar就可以了。
147 |
148 | 打包后会自动生成dbtree-backend/target/dbtree-{version}.zip文件，将包上传到服务器上，解压后，已经写好启动脚本，端口改为自己的即可。
149 |
150 | ```bash
151 | # start
152 | scripts/startup.sh
153 |
154 | # stop
155 | scripts/shutdown.sh
156 |
157 | ```
158 |
159 | 这个工具主要给开发人员使用，部署到测试就可以了，没必要部署到线上，也不安全。
160 |
161 | ## 后续规划
162 |
163 | * 增加服务器配置页面，数据库配置页面，动态增加数据库，不用修改配置重新部署
164 | * 表列表在表名增加链接，点击可以到表详细页
165 | * 表详细页面，增加表注释修改功能
166 | * 数据库展开，获取下面两级数据，解决只获取一级数据，搜索功能显得鸡肋的问题
167 |
168 | ## 主要技术
169 |
170 | * Element tree组件
171 | * mybatis generator core
172 | * springboot2.x
173 | * vue 2.x
174 |
175 | ## 致谢
176 |
177 | - [vue-admin-template](https://github.com/PanJiaChen/vue-admin-template)
178 | - [Element tree](https://element.eleme.io/#/zh-CN/component/tree)
179 |
180 |
181 |
--------------------------------------------------------------------------------
/dbtree-backend/src/main/scripts/startup.sh:
--------------------------------------------------------------------------------
1 | #!/bin/bash
2 | SERVICE_NAME=dbtree
3 | ## Adjust server port if necessary
4 | SERVER_PORT=8080
5 | PROFILE=dev
6 | ## Adjust log dir if necessary
7 | LOG_DIR=/data/dbtree/$SERVER_PORT/logs
8 |
9 |
10 | ## Adjust memory settings if necessary
11 | export JAVA_OPTS="-Xms1024m -Xmx1024m -Xss256k -XX:MetaspaceSize=64m -XX:MaxMetaspaceSize=256m -XX:NewRatio=4 -XX:SurvivorRatio=8"
12 |
13 | ## Only uncomment the following when you are using server jvm
14 | #export JAVA_OPTS="$JAVA_OPTS -server -XX:-ReduceInitialCardMarks"
15 |
16 | export JAVA_OPTS="$JAVA_OPTS -XX:+UseParNewGC -XX:ParallelGCThreads=4 -XX:MaxTenuringThreshold=9 -XX:+UseConcMarkSweepGC -XX:+DisableExplicitGC -XX:+UseCMSInitiatingOccupancyOnly -XX:+ScavengeBeforeFullGC -XX:+UseCMSCompactAtFullCollection -XX:+CMSParallelRemarkEnabled -XX:CMSFullGCsBeforeCompaction=9 -XX:CMSInitiatingOccupancyFraction=60 -XX:+CMSClassUnloadingEnabled -XX:SoftRefLRUPolicyMSPerMB=0 -XX:+CMSPermGenSweepingEnabled -XX:CMSInitiatingPermOccupancyFraction=70 -XX:+ExplicitGCInvokesConcurrent -XX:+PrintGCDetails -XX:+PrintGCDateStamps -XX:+PrintGCApplicationConcurrentTime -XX:+PrintHeapAtGC -XX:+HeapDumpOnOutOfMemoryError -XX:-OmitStackTraceInFastThrow -Duser.timezone=Asia/Shanghai -Dclient.encoding.override=UTF-8 -Dfile.encoding=UTF-8 -Djava.security.egd=file:/dev/./urandom"
17 | export JAVA_OPTS="$JAVA_OPTS -Dserver.port=$SERVER_PORT -Dspring.profiles.active=$PROFILE -Dlogs.dir=$LOG_DIR -Dlogging.file=$LOG_DIR/$SERVICE_NAME.log -Xloggc:$LOG_DIR/heap_trace.txt -XX:HeapDumpPath=$LOG_DIR/HeapDumpOnOutOfMemoryError/"
18 |
19 | PATH_TO_JAR=$SERVICE_NAME".jar"
20 | SERVER_URL="http://localhost:$SERVER_PORT"
21 |
22 | function checkPidAlive {
23 | for i in `ls -t ${SERVICE_NAME}_data${SERVICE_NAME}${SERVER_PORT}/$SERVICE_NAME*.pid 2>/dev/null`
24 | do
25 | read pid < $i
26 |
27 | result=$(ps -p "$pid")
28 | if [ "$?" -eq 0 ]; then
29 | return 0
30 | else
31 | printf "\npid - $pid just quit unexpectedly, please check logs under $LOG_DIR and /tmp for more information!\n"
32 | exit 1;
33 | fi
34 | done
35 |
36 | printf "\nNo pid file found, startup may failed. Please check logs under $LOG_DIR and /tmp for more information!\n"
37 | exit 1;
38 | }
39 |
40 | if [ "$(uname)" == "Darwin" ]; then
41 | windows="0"
42 | elif [ "$(expr substr $(uname -s) 1 5)" == "Linux" ]; then
43 | windows="0"
44 | elif [ "$(expr substr $(uname -s) 1 5)" == "MINGW" ]; then
45 | windows="1"
46 | else
47 | windows="0"
48 | fi
49 |
50 | # for Windows
51 | if [ "$windows" == "1" ] && [[ -n "$JAVA_HOME" ]] && [[ -x "$JAVA_HOME/bin/java" ]]; then
52 | tmp_java_home=`cygpath -sw "$JAVA_HOME"`
53 | export JAVA_HOME=`cygpath -u $tmp_java_home`
54 | echo "Windows new JAVA_HOME is: $JAVA_HOME"
55 | fi
56 |
57 | cd `dirname $0`/..
58 |
59 | for i in `ls $SERVICE_NAME-*.jar 2>/dev/null`
60 | do
61 | if [[ ! $i == *"-sources.jar" ]]
62 | then
63 | PATH_TO_JAR=$i
64 | break
65 | fi
66 | done
67 |
68 | if [[ ! -f PATH_TO_JAR && -d current ]]; then
69 | cd current
70 | for i in `ls $SERVICE_NAME-*.jar 2>/dev/null`
71 | do
72 | if [[ ! $i == *"-sources.jar" ]]
73 | then
74 | PATH_TO_JAR=$i
75 | break
76 | fi
77 | done
78 | fi
79 |
80 | if [[ -f $SERVICE_NAME".jar" ]]; then
81 | rm -rf $SERVICE_NAME".jar"
82 | fi
83 |
84 | printf "$(date) ==== Starting ==== \n"
85 |
86 | ln $PATH_TO_JAR $SERVICE_NAME".jar"
87 | chmod a+x $SERVICE_NAME".jar"
88 | ./$SERVICE_NAME".jar" start
89 |
90 | rc=$?;
91 |
92 | if [[ $rc != 0 ]];
93 | then
94 | echo "$(date) Failed to start $SERVICE_NAME.jar, return code: $rc"
95 | exit $rc;
96 | fi
97 |
98 | declare -i counter=0
99 | declare -i max_counter=48 # 48*5=240s
100 | declare -i total_time=0
101 |
102 | printf "Waiting for server startup"
103 | until [[ (( counter -ge max_counter )) || "$(curl -X GET --silent --connect-timeout 1 --max-time 2 --head $SERVER_URL | grep "200")" != "" ]];
104 | do
105 | printf "."
106 | counter+=1
107 | sleep 5
108 |
109 | checkPidAlive
110 | done
111 |
112 | total_time=counter*5
113 |
114 | if [[ (( counter -ge max_counter )) ]];
115 | then
116 | printf "\n$(date) Server failed to start in $total_time seconds!\n"
117 | exit 1;
118 | fi
119 |
120 | printf "\n$(date) Server started in $total_time seconds!\n"
121 |
122 | exit 0;
123 |
--------------------------------------------------------------------------------
/dbtree-vue/src/styles/sidebar.scss:
--------------------------------------------------------------------------------
1 | #app {
2 |
3 | .main-container {
4 | min-height: 100%;
5 | transition: margin-left .28s;
6 | margin-left: $sideBarWidth;
7 | position: relative;
8 | }
9 |
10 | .sidebar-container {
11 | transition: width 0.28s;
12 | width: $sideBarWidth !important;
13 | background-color: $menuBg;
14 | height: 100%;
15 | position: fixed;
16 | font-size: 0px;
17 | top: 0;
18 | bottom: 0;
19 | left: 0;
20 | z-index: 1001;
21 | overflow: hidden;
22 |
23 | // reset element-ui css
24 | .horizontal-collapse-transition {
25 | transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
26 | }
27 |
28 | .scrollbar-wrapper {
29 | overflow-x: hidden !important;
30 | }
31 |
32 | .el-scrollbar__bar.is-vertical {
33 | right: 0px;
34 | }
35 |
36 | .el-scrollbar {
37 | height: 100%;
38 | }
39 |
40 | &.has-logo {
41 | .el-scrollbar {
42 | height: calc(100% - 50px);
43 | }
44 | }
45 |
46 | .is-horizontal {
47 | display: none;
48 | }
49 |
50 | a {
51 | display: inline-block;
52 | width: 100%;
53 | overflow: hidden;
54 | }
55 |
56 | .svg-icon {
57 | margin-right: 16px;
58 | }
59 |
60 | .el-menu {
61 | border: none;
62 | height: 100%;
63 | width: 100% !important;
64 | }
65 |
66 | // menu hover
67 | .submenu-title-noDropdown,
68 | .el-submenu__title {
69 | &:hover {
70 | background-color: $menuHover !important;
71 | }
72 | }
73 |
74 | .is-active>.el-submenu__title {
75 | color: $subMenuActiveText !important;
76 | }
77 |
78 | & .nest-menu .el-submenu>.el-submenu__title,
79 | & .el-submenu .el-menu-item {
80 | min-width: $sideBarWidth !important;
81 | background-color: $subMenuBg !important;
82 |
83 | &:hover {
84 | background-color: $subMenuHover !important;
85 | }
86 | }
87 | }
88 |
89 | .hideSidebar {
90 | .sidebar-container {
91 | width: 54px !important;
92 | }
93 |
94 | .main-container {
95 | margin-left: 54px;
96 | }
97 |
98 | .submenu-title-noDropdown {
99 | padding: 0 !important;
100 | position: relative;
101 |
102 | .el-tooltip {
103 | padding: 0 !important;
104 |
105 | .svg-icon {
106 | margin-left: 20px;
107 | }
108 | }
109 | }
110 |
111 | .el-submenu {
112 | overflow: hidden;
113 |
114 | &>.el-submenu__title {
115 | padding: 0 !important;
116 |
117 | .svg-icon {
118 | margin-left: 20px;
119 | }
120 |
121 | .el-submenu__icon-arrow {
122 | display: none;
123 | }
124 | }
125 | }
126 |
127 | .el-menu--collapse {
128 | .el-submenu {
129 | &>.el-submenu__title {
130 | &>span {
131 | height: 0;
132 | width: 0;
133 | overflow: hidden;
134 | visibility: hidden;
135 | display: inline-block;
136 | }
137 | }
138 | }
139 | }
140 | }
141 |
142 | .el-menu--collapse .el-menu .el-submenu {
143 | min-width: $sideBarWidth !important;
144 | }
145 |
146 | // mobile responsive
147 | .mobile {
148 | .main-container {
149 | margin-left: 0px;
150 | }
151 |
152 | .sidebar-container {
153 | transition: transform .28s;
154 | width: $sideBarWidth !important;
155 | }
156 |
157 | &.hideSidebar {
158 | .sidebar-container {
159 | pointer-events: none;
160 | transition-duration: 0.3s;
161 | transform: translate3d(-$sideBarWidth, 0, 0);
162 | }
163 | }
164 | }
165 |
166 | .withoutAnimation {
167 |
168 | .main-container,
169 | .sidebar-container {
170 | transition: none;
171 | }
172 | }
173 | }
174 |
175 | // when menu collapsed
176 | .el-menu--vertical {
177 | &>.el-menu {
178 | .svg-icon {
179 | margin-right: 16px;
180 | }
181 | }
182 |
183 | .nest-menu .el-submenu>.el-submenu__title,
184 | .el-menu-item {
185 | &:hover {
186 | // you can use $subMenuHover
187 | background-color: $menuHover !important;
188 | }
189 | }
190 |
191 | // the scroll bar appears when the subMenu is too long
192 | >.el-menu--popup {
193 | max-height: 100vh;
194 | overflow-y: auto;
195 |
196 | &::-webkit-scrollbar-track-piece {
197 | background: #d3dce6;
198 | }
199 |
200 | &::-webkit-scrollbar {
201 | width: 6px;
202 | }
203 |
204 | &::-webkit-scrollbar-thumb {
205 | background: #99a9bf;
206 | border-radius: 20px;
207 | }
208 | }
209 | }
210 |
--------------------------------------------------------------------------------
/dbtree-vue/vue.config.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | const path = require('path')
3 | const defaultSettings = require('./src/settings.js')
4 |
5 | function resolve(dir) {
6 | return path.join(__dirname, dir)
7 | }
8 |
9 | const name = defaultSettings.title || 'vue Admin Template' // page title
10 |
11 | // If your port is set to 80,
12 | // use administrator privileges to execute the command line.
13 | // For example, Mac: sudo npm run
14 | // You can change the port by the following methods:
15 | // port = 9528 npm run dev OR npm run dev --port = 9528
16 | const port = process.env.port || process.env.npm_config_port || 9528 // dev port
17 |
18 | // All configuration item explanations can be find in https://cli.vuejs.org/config/
19 | module.exports = {
20 | /**
21 | * You will need to set publicPath if you plan to deploy your site under a sub path,
22 | * for example GitHub Pages. If you plan to deploy your site to https://foo.github.io/bar/,
23 | * then publicPath should be set to "/bar/".
24 | * In most cases please use '/' !!!
25 | * Detail: https://cli.vuejs.org/config/#publicpath
26 | */
27 | publicPath: '/',
28 | outputDir: 'target/dist',
29 | assetsDir: 'static',
30 | lintOnSave: process.env.NODE_ENV === 'development',
31 | productionSourceMap: false,
32 | devServer: {
33 | port: port,
34 | open: true,
35 | overlay: {
36 | warnings: false,
37 | errors: true
38 | },
39 | proxy: {
40 | [process.env.VUE_APP_BASE_API +'/tree']: {
41 | //target: `http://127.0.0.1:${port}/mock`,
42 | target: `http://localhost:8080`,
43 | changeOrigin: true,
44 | pathRewrite: {
45 | ['^' + process.env.VUE_APP_BASE_API]: ''
46 | }
47 | },
48 | [process.env.VUE_APP_BASE_API +'/code']: {
49 | //target: `http://127.0.0.1:${port}/mock`,
50 | target: `http://localhost:8080`,
51 | changeOrigin: true,
52 | pathRewrite: {
53 | ['^' + process.env.VUE_APP_BASE_API]: ''
54 | }
55 | },
56 | // change xxx-api/login => mock/login
57 | // detail: https://cli.vuejs.org/config/#devserver-proxy
58 | [process.env.VUE_APP_BASE_API]: {
59 | target: `http://127.0.0.1:${port}/mock`,
60 | //target: `http://localhost:8080`,
61 | changeOrigin: true,
62 | pathRewrite: {
63 | ['^' + process.env.VUE_APP_BASE_API]: ''
64 | }
65 | }
66 | }
67 | ,after: require('./mock/mock-server.js')
68 | },
69 | configureWebpack: {
70 | // provide the app's title in webpack's name field, so that
71 | // it can be accessed in index.html to inject the correct title.
72 | name: name,
73 | resolve: {
74 | alias: {
75 | '@': resolve('src')
76 | }
77 | }
78 | },
79 | chainWebpack(config) {
80 | config.plugins.delete('preload') // TODO: need test
81 | config.plugins.delete('prefetch') // TODO: need test
82 |
83 | // set svg-sprite-loader
84 | config.module
85 | .rule('svg')
86 | .exclude.add(resolve('src/icons'))
87 | .end()
88 | config.module
89 | .rule('icons')
90 | .test(/\.svg$/)
91 | .include.add(resolve('src/icons'))
92 | .end()
93 | .use('svg-sprite-loader')
94 | .loader('svg-sprite-loader')
95 | .options({
96 | symbolId: 'icon-[name]'
97 | })
98 | .end()
99 |
100 | // set preserveWhitespace
101 | config.module
102 | .rule('vue')
103 | .use('vue-loader')
104 | .loader('vue-loader')
105 | .tap(options => {
106 | options.compilerOptions.preserveWhitespace = true
107 | return options
108 | })
109 | .end()
110 |
111 | config
112 | // https://webpack.js.org/configuration/devtool/#development
113 | .when(process.env.NODE_ENV === 'development',
114 | config => config.devtool('cheap-source-map')
115 | )
116 |
117 | config
118 | .when(process.env.NODE_ENV !== 'development',
119 | config => {
120 | config
121 | .plugin('ScriptExtHtmlWebpackPlugin')
122 | .after('html')
123 | .use('script-ext-html-webpack-plugin', [{
124 | // `runtime` must same as runtimeChunk name. default is `runtime`
125 | inline: /runtime\..*\.js$/
126 | }])
127 | .end()
128 | config
129 | .optimization.splitChunks({
130 | chunks: 'all',
131 | cacheGroups: {
132 | libs: {
133 | name: 'chunk-libs',
134 | test: /[\\/]node_modules[\\/]/,
135 | priority: 10,
136 | chunks: 'initial' // only package third parties that are initially dependent
137 | },
138 | elementUI: {
139 | name: 'chunk-elementUI', // split elementUI into a single package
140 | priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app
141 | test: /[\\/]node_modules[\\/]_?element-ui(.*)/ // in order to adapt to cnpm
142 | },
143 | commons: {
144 | name: 'chunk-commons',
145 | test: resolve('src/components'), // can customize your rules
146 | minChunks: 3, // minimum common number
147 | priority: 5,
148 | reuseExistingChunk: true
149 | }
150 | }
151 | })
152 | config.optimization.runtimeChunk('single')
153 | }
154 | )
155 | }
156 | }
157 |
--------------------------------------------------------------------------------
/dbtree-vue/.eslintrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | root: true,
3 | parserOptions: {
4 | parser: 'babel-eslint',
5 | sourceType: 'module'
6 | },
7 | env: {
8 | browser: true,
9 | node: true,
10 | es6: true,
11 | },
12 | extends: ['plugin:vue/recommended', 'eslint:recommended'],
13 |
14 | // add your custom rules here
15 | //it is base on https://github.com/vuejs/eslint-config-vue
16 | rules: {
17 | "vue/max-attributes-per-line": [2, {
18 | "singleline": 10,
19 | "multiline": {
20 | "max": 1,
21 | "allowFirstLine": false
22 | }
23 | }],
24 | "vue/singleline-html-element-content-newline": "off",
25 | "vue/multiline-html-element-content-newline":"off",
26 | "vue/name-property-casing": ["error", "PascalCase"],
27 | "vue/no-v-html": "off",
28 | 'accessor-pairs': 2,
29 | 'arrow-spacing': [2, {
30 | 'before': true,
31 | 'after': true
32 | }],
33 | 'block-spacing': [2, 'always'],
34 | 'brace-style': [2, '1tbs', {
35 | 'allowSingleLine': true
36 | }],
37 | 'camelcase': [0, {
38 | 'properties': 'always'
39 | }],
40 | 'comma-dangle': [2, 'never'],
41 | 'comma-spacing': [2, {
42 | 'before': false,
43 | 'after': true
44 | }],
45 | 'comma-style': [2, 'last'],
46 | 'constructor-super': 2,
47 | 'curly': [2, 'multi-line'],
48 | 'dot-location': [2, 'property'],
49 | 'eol-last': 2,
50 | 'eqeqeq': ["error", "always", {"null": "ignore"}],
51 | 'generator-star-spacing': [2, {
52 | 'before': true,
53 | 'after': true
54 | }],
55 | 'handle-callback-err': [2, '^(err|error)$'],
56 | 'indent': [2, 2, {
57 | 'SwitchCase': 1
58 | }],
59 | 'jsx-quotes': [2, 'prefer-single'],
60 | 'key-spacing': [2, {
61 | 'beforeColon': false,
62 | 'afterColon': true
63 | }],
64 | 'keyword-spacing': [2, {
65 | 'before': true,
66 | 'after': true
67 | }],
68 | 'new-cap': [2, {
69 | 'newIsCap': true,
70 | 'capIsNew': false
71 | }],
72 | 'new-parens': 2,
73 | 'no-array-constructor': 2,
74 | 'no-caller': 2,
75 | 'no-console': 'off',
76 | 'no-class-assign': 2,
77 | 'no-cond-assign': 2,
78 | 'no-const-assign': 2,
79 | 'no-control-regex': 0,
80 | 'no-delete-var': 2,
81 | 'no-dupe-args': 2,
82 | 'no-dupe-class-members': 2,
83 | 'no-dupe-keys': 2,
84 | 'no-duplicate-case': 2,
85 | 'no-empty-character-class': 2,
86 | 'no-empty-pattern': 2,
87 | 'no-eval': 2,
88 | 'no-ex-assign': 2,
89 | 'no-extend-native': 2,
90 | 'no-extra-bind': 2,
91 | 'no-extra-boolean-cast': 2,
92 | 'no-extra-parens': [2, 'functions'],
93 | 'no-fallthrough': 2,
94 | 'no-floating-decimal': 2,
95 | 'no-func-assign': 2,
96 | 'no-implied-eval': 2,
97 | 'no-inner-declarations': [2, 'functions'],
98 | 'no-invalid-regexp': 2,
99 | 'no-irregular-whitespace': 2,
100 | 'no-iterator': 2,
101 | 'no-label-var': 2,
102 | 'no-labels': [2, {
103 | 'allowLoop': false,
104 | 'allowSwitch': false
105 | }],
106 | 'no-lone-blocks': 2,
107 | 'no-mixed-spaces-and-tabs': 2,
108 | 'no-multi-spaces': 2,
109 | 'no-multi-str': 2,
110 | 'no-multiple-empty-lines': [2, {
111 | 'max': 1
112 | }],
113 | 'no-native-reassign': 2,
114 | 'no-negated-in-lhs': 2,
115 | 'no-new-object': 2,
116 | 'no-new-require': 2,
117 | 'no-new-symbol': 2,
118 | 'no-new-wrappers': 2,
119 | 'no-obj-calls': 2,
120 | 'no-octal': 2,
121 | 'no-octal-escape': 2,
122 | 'no-path-concat': 2,
123 | 'no-proto': 2,
124 | 'no-redeclare': 2,
125 | 'no-regex-spaces': 2,
126 | 'no-return-assign': [2, 'except-parens'],
127 | 'no-self-assign': 2,
128 | 'no-self-compare': 2,
129 | 'no-sequences': 2,
130 | 'no-shadow-restricted-names': 2,
131 | 'no-spaced-func': 2,
132 | 'no-sparse-arrays': 2,
133 | 'no-this-before-super': 2,
134 | 'no-throw-literal': 2,
135 | 'no-trailing-spaces': 2,
136 | 'no-undef': 2,
137 | 'no-undef-init': 2,
138 | 'no-unexpected-multiline': 2,
139 | 'no-unmodified-loop-condition': 2,
140 | 'no-unneeded-ternary': [2, {
141 | 'defaultAssignment': false
142 | }],
143 | 'no-unreachable': 2,
144 | 'no-unsafe-finally': 2,
145 | 'no-unused-vars': [2, {
146 | 'vars': 'all',
147 | 'args': 'none'
148 | }],
149 | 'no-useless-call': 2,
150 | 'no-useless-computed-key': 2,
151 | 'no-useless-constructor': 2,
152 | 'no-useless-escape': 0,
153 | 'no-whitespace-before-property': 2,
154 | 'no-with': 2,
155 | 'one-var': [2, {
156 | 'initialized': 'never'
157 | }],
158 | 'operator-linebreak': [2, 'after', {
159 | 'overrides': {
160 | '?': 'before',
161 | ':': 'before'
162 | }
163 | }],
164 | 'padded-blocks': [2, 'never'],
165 | 'quotes': [2, 'single', {
166 | 'avoidEscape': true,
167 | 'allowTemplateLiterals': true
168 | }],
169 | 'semi': [2, 'never'],
170 | 'semi-spacing': [2, {
171 | 'before': false,
172 | 'after': true
173 | }],
174 | 'space-before-blocks': [2, 'always'],
175 | 'space-before-function-paren': [2, 'never'],
176 | 'space-in-parens': [2, 'never'],
177 | 'space-infix-ops': 2,
178 | 'space-unary-ops': [2, {
179 | 'words': true,
180 | 'nonwords': false
181 | }],
182 | 'spaced-comment': [2, 'always', {
183 | 'markers': ['global', 'globals', 'eslint', 'eslint-disable', '*package', '!', ',']
184 | }],
185 | 'template-curly-spacing': [2, 'never'],
186 | 'use-isnan': 2,
187 | 'valid-typeof': 2,
188 | 'wrap-iife': [2, 'any'],
189 | 'yield-star-spacing': [2, 'both'],
190 | 'yoda': [2, 'never'],
191 | 'prefer-const': 2,
192 | 'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
193 | 'object-curly-spacing': [2, 'always', {
194 | objectsInObjects: false
195 | }],
196 | 'array-bracket-spacing': [2, 'never']
197 | }
198 | }
199 |
--------------------------------------------------------------------------------
/dbtree-vue/src/views/404.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
21 |
22 |
23 |
34 |
35 |
229 |
--------------------------------------------------------------------------------
4 |
20 |
5 | 
6 | 
7 |
8 |
9 |
10 |
6 |
7 |
8 |
9 |
11 |
19 | OOPS!
12 | All rights reserved
13 | wallstreetcn
14 |
15 | {{ message }}
16 | Please check that the URL you entered is correct, or click the button below to return to the homepage.
17 | Back to home
18 |