You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@iotdb.apache.org by hx...@apache.org on 2018/12/19 13:22:43 UTC

[incubator-iotdb-website] 01/01: the first dist version, which only contains the home page

This is an automated email from the ASF dual-hosted git repository.

hxd pushed a commit to branch asf-site
in repository https://gitbox.apache.org/repos/asf/incubator-iotdb-website.git

commit 7e140bb959157ba973398256a92fb39eac3087c1
Author: xiangdong huang <sa...@gmail.com>
AuthorDate: Wed Dec 19 21:22:02 2018 +0800

    the first dist version, which only contains the home page
---
 .babelrc                                           |  18 --
 .editorconfig                                      |   9 -
 .postcssrc.js                                      |  10 -
 README.md                                          |  30 --
 build/build.js                                     |  41 ---
 build/check-versions.js                            |  54 ----
 build/logo.png                                     | Bin 6849 -> 0 bytes
 build/utils.js                                     | 101 ------
 build/vue-loader.conf.js                           |  22 --
 build/webpack.base.conf.js                         |  90 ------
 build/webpack.dev.conf.js                          |  95 ------
 build/webpack.prod.conf.js                         | 149 ---------
 build/webpack.test.conf.js                         |  32 --
 config/dev.env.js                                  |   7 -
 config/index.js                                    |  69 -----
 config/prod.env.js                                 |   4 -
 config/test.env.js                                 |   7 -
 index.html                                         |  18 +-
 package.json                                       |  84 -----
 src/App.vue                                        |  25 --
 src/assets/css/index_css.css                       |  11 -
 src/assets/img/home-icon2.png                      | Bin 5529 -> 0 bytes
 src/assets/img/home-icon5.png                      | Bin 1989 -> 0 bytes
 src/assets/logo.png                                | Bin 6849 -> 0 bytes
 src/components/Footer.vue                          |  25 --
 src/components/FooterFixed.vue                     |  24 --
 src/components/NavBar.vue                          | 162 ----------
 src/components/SideBar.vue                         |  68 ----
 src/main.js                                        |  12 -
 src/router/index.js                                |  53 ----
 src/views/Comming.vue                              |  13 -
 src/views/Community.vue                            |  21 --
 src/views/Development.vue                          |  22 --
 src/views/Documents.vue                            | 153 ---------
 src/views/Download.vue                             |  22 --
 src/views/HelloWorld.vue                           | 113 -------
 src/views/Home.vue                                 | 249 ---------------
 src/views/Tools.vue                                | 343 ---------------------
 static/.gitkeep                                    |   0
 .../css/app.2e1896cc219f53b09ba16fee54548480.css   |   2 +
 .../app.2e1896cc219f53b09ba16fee54548480.css.map   |   1 +
 .../img/home-Slide1.abe5757.png                    | Bin
 .../img/home-Slide2.a572f45.png                    | Bin
 .../img/home-Slide3.922cafc.png                    | Bin
 .../img/home-icon1.f0f12e7.png                     | Bin
 .../img/home-icon3.a6a9a5e.png                     | Bin
 .../img/home-icon4.73ed5c6.png                     | Bin
 .../img/home-icon6.0f66f18.png                     | Bin
 .../img/tools.jpg => static/img/tools.cba8788.jpg  | Bin
 static/js/app.bf7d6333e341ad8390cb.js              |   2 +
 static/js/app.bf7d6333e341ad8390cb.js.map          |   1 +
 static/js/manifest.3ad1d5771e9b13dbdad2.js         |   2 +
 static/js/manifest.3ad1d5771e9b13dbdad2.js.map     |   1 +
 static/js/vendor.a71f103aa07e3361d4ef.js           |  51 +++
 static/js/vendor.a71f103aa07e3361d4ef.js.map       |   1 +
 test/unit/.eslintrc                                |   9 -
 test/unit/index.js                                 |  13 -
 test/unit/karma.conf.js                            |  33 --
 test/unit/specs/HelloWorld.spec.js                 |  11 -
 59 files changed, 62 insertions(+), 2221 deletions(-)

diff --git a/.babelrc b/.babelrc
deleted file mode 100644
index 801edec..0000000
--- a/.babelrc
+++ /dev/null
@@ -1,18 +0,0 @@
-{
-  "presets": [
-    ["env", {
-      "modules": false,
-      "targets": {
-        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
-      }
-    }],
-    "stage-2"
-  ],
-  "plugins": ["transform-vue-jsx", "transform-runtime"],
-  "env": {
-    "test": {
-      "presets": ["env", "stage-2"],
-      "plugins": ["transform-vue-jsx", "istanbul"]
-    }
-  }
-}
diff --git a/.editorconfig b/.editorconfig
deleted file mode 100644
index 9d08a1a..0000000
--- a/.editorconfig
+++ /dev/null
@@ -1,9 +0,0 @@
-root = true
-
-[*]
-charset = utf-8
-indent_style = space
-indent_size = 2
-end_of_line = lf
-insert_final_newline = true
-trim_trailing_whitespace = true
diff --git a/.postcssrc.js b/.postcssrc.js
deleted file mode 100644
index eee3e92..0000000
--- a/.postcssrc.js
+++ /dev/null
@@ -1,10 +0,0 @@
-// https://github.com/michael-ciniawsky/postcss-load-config
-
-module.exports = {
-  "plugins": {
-    "postcss-import": {},
-    "postcss-url": {},
-    // to edit target browsers: use "browserslist" field in package.json
-    "autoprefixer": {}
-  }
-}
diff --git a/README.md b/README.md
deleted file mode 100644
index 41d400d..0000000
--- a/README.md
+++ /dev/null
@@ -1,30 +0,0 @@
-# IoTDB website
-
-## Requirements
-
-* Node.js
-* npm
-
-Please make sure node and npm are latest version.
-
-## Build Setup
-
-``` bash
-# install dependencies
-npm install
-
-# serve with hot reload at localhost:8080
-npm run dev
-
-# build for production with minification
-npm run build
-
-# build for production and view the bundle analyzer report
-npm run build --report
-
-# run unit tests
-npm run unit
-
-# run all tests
-npm test
-```
diff --git a/build/build.js b/build/build.js
deleted file mode 100644
index 8f2ad8a..0000000
--- a/build/build.js
+++ /dev/null
@@ -1,41 +0,0 @@
-'use strict'
-require('./check-versions')()
-
-process.env.NODE_ENV = 'production'
-
-const ora = require('ora')
-const rm = require('rimraf')
-const path = require('path')
-const chalk = require('chalk')
-const webpack = require('webpack')
-const config = require('../config')
-const webpackConfig = require('./webpack.prod.conf')
-
-const spinner = ora('building for production...')
-spinner.start()
-
-rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => {
-  if (err) throw err
-  webpack(webpackConfig, (err, stats) => {
-    spinner.stop()
-    if (err) throw err
-    process.stdout.write(stats.toString({
-      colors: true,
-      modules: false,
-      children: false, // If you are using ts-loader, setting this to true will make TypeScript errors show up during build.
-      chunks: false,
-      chunkModules: false
-    }) + '\n\n')
-
-    if (stats.hasErrors()) {
-      console.log(chalk.red('  Build failed with errors.\n'))
-      process.exit(1)
-    }
-
-    console.log(chalk.cyan('  Build complete.\n'))
-    console.log(chalk.yellow(
-      '  Tip: built files are meant to be served over an HTTP server.\n' +
-      '  Opening index.html over file:// won\'t work.\n'
-    ))
-  })
-})
diff --git a/build/check-versions.js b/build/check-versions.js
deleted file mode 100644
index 3ef972a..0000000
--- a/build/check-versions.js
+++ /dev/null
@@ -1,54 +0,0 @@
-'use strict'
-const chalk = require('chalk')
-const semver = require('semver')
-const packageConfig = require('../package.json')
-const shell = require('shelljs')
-
-function exec (cmd) {
-  return require('child_process').execSync(cmd).toString().trim()
-}
-
-const versionRequirements = [
-  {
-    name: 'node',
-    currentVersion: semver.clean(process.version),
-    versionRequirement: packageConfig.engines.node
-  }
-]
-
-if (shell.which('npm')) {
-  versionRequirements.push({
-    name: 'npm',
-    currentVersion: exec('npm --version'),
-    versionRequirement: packageConfig.engines.npm
-  })
-}
-
-module.exports = function () {
-  const warnings = []
-
-  for (let i = 0; i < versionRequirements.length; i++) {
-    const mod = versionRequirements[i]
-
-    if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) {
-      warnings.push(mod.name + ': ' +
-        chalk.red(mod.currentVersion) + ' should be ' +
-        chalk.green(mod.versionRequirement)
-      )
-    }
-  }
-
-  if (warnings.length) {
-    console.log('')
-    console.log(chalk.yellow('To use this template, you must update following to modules:'))
-    console.log()
-
-    for (let i = 0; i < warnings.length; i++) {
-      const warning = warnings[i]
-      console.log('  ' + warning)
-    }
-
-    console.log()
-    process.exit(1)
-  }
-}
diff --git a/build/logo.png b/build/logo.png
deleted file mode 100644
index f3d2503..0000000
Binary files a/build/logo.png and /dev/null differ
diff --git a/build/utils.js b/build/utils.js
deleted file mode 100644
index e534fb0..0000000
--- a/build/utils.js
+++ /dev/null
@@ -1,101 +0,0 @@
-'use strict'
-const path = require('path')
-const config = require('../config')
-const ExtractTextPlugin = require('extract-text-webpack-plugin')
-const packageConfig = require('../package.json')
-
-exports.assetsPath = function (_path) {
-  const assetsSubDirectory = process.env.NODE_ENV === 'production'
-    ? config.build.assetsSubDirectory
-    : config.dev.assetsSubDirectory
-
-  return path.posix.join(assetsSubDirectory, _path)
-}
-
-exports.cssLoaders = function (options) {
-  options = options || {}
-
-  const cssLoader = {
-    loader: 'css-loader',
-    options: {
-      sourceMap: options.sourceMap
-    }
-  }
-
-  const postcssLoader = {
-    loader: 'postcss-loader',
-    options: {
-      sourceMap: options.sourceMap
-    }
-  }
-
-  // generate loader string to be used with extract text plugin
-  function generateLoaders (loader, loaderOptions) {
-    const loaders = options.usePostCSS ? [cssLoader, postcssLoader] : [cssLoader]
-
-    if (loader) {
-      loaders.push({
-        loader: loader + '-loader',
-        options: Object.assign({}, loaderOptions, {
-          sourceMap: options.sourceMap
-        })
-      })
-    }
-
-    // Extract CSS when that option is specified
-    // (which is the case during production build)
-    if (options.extract) {
-      return ExtractTextPlugin.extract({
-        use: loaders,
-        fallback: 'vue-style-loader'
-      })
-    } else {
-      return ['vue-style-loader'].concat(loaders)
-    }
-  }
-
-  // https://vue-loader.vuejs.org/en/configurations/extract-css.html
-  return {
-    css: generateLoaders(),
-    postcss: generateLoaders(),
-    less: generateLoaders('less'),
-    sass: generateLoaders('sass', { indentedSyntax: true }),
-    scss: generateLoaders('sass'),
-    stylus: generateLoaders('stylus'),
-    styl: generateLoaders('stylus')
-  }
-}
-
-// Generate loaders for standalone style files (outside of .vue)
-exports.styleLoaders = function (options) {
-  const output = []
-  const loaders = exports.cssLoaders(options)
-
-  for (const extension in loaders) {
-    const loader = loaders[extension]
-    output.push({
-      test: new RegExp('\\.' + extension + '$'),
-      use: loader
-    })
-  }
-
-  return output
-}
-
-exports.createNotifierCallback = () => {
-  const notifier = require('node-notifier')
-
-  return (severity, errors) => {
-    if (severity !== 'error') return
-
-    const error = errors[0]
-    const filename = error.file && error.file.split('!').pop()
-
-    notifier.notify({
-      title: packageConfig.name,
-      message: severity + ': ' + error.name,
-      subtitle: filename || '',
-      icon: path.join(__dirname, 'logo.png')
-    })
-  }
-}
diff --git a/build/vue-loader.conf.js b/build/vue-loader.conf.js
deleted file mode 100644
index 33ed58b..0000000
--- a/build/vue-loader.conf.js
+++ /dev/null
@@ -1,22 +0,0 @@
-'use strict'
-const utils = require('./utils')
-const config = require('../config')
-const isProduction = process.env.NODE_ENV === 'production'
-const sourceMapEnabled = isProduction
-  ? config.build.productionSourceMap
-  : config.dev.cssSourceMap
-
-module.exports = {
-  loaders: utils.cssLoaders({
-    sourceMap: sourceMapEnabled,
-    extract: isProduction
-  }),
-  cssSourceMap: sourceMapEnabled,
-  cacheBusting: config.dev.cacheBusting,
-  transformToRequire: {
-    video: ['src', 'poster'],
-    source: 'src',
-    img: 'src',
-    image: 'xlink:href'
-  }
-}
diff --git a/build/webpack.base.conf.js b/build/webpack.base.conf.js
deleted file mode 100644
index c4ccfea..0000000
--- a/build/webpack.base.conf.js
+++ /dev/null
@@ -1,90 +0,0 @@
-'use strict'
-const path = require('path')
-const utils = require('./utils')
-const config = require('../config')
-const vueLoaderConfig = require('./vue-loader.conf')
-var webpack = require('webpack')
-function resolve (dir) {
-  return path.join(__dirname, '..', dir)
-}
-
-
-
-module.exports = {
-  context: path.resolve(__dirname, '../'),
-  entry: {
-    app: './src/main.js'
-  },
-  output: {
-    path: config.build.assetsRoot,
-    filename: '[name].js',
-    publicPath: process.env.NODE_ENV === 'production'
-      ? config.build.assetsPublicPath
-      : config.dev.assetsPublicPath
-  },
-  resolve: {
-    extensions: ['.js', '.vue', '.json'],
-    alias: {
-      '@': resolve('src'),
-      // 'jquery': path.resolve(__dirname, '../node_modules/jquery/src/jquery')
-      // 'jquery': 'jquery'
-    }
-  },
-  module: {
-    rules: [
-      {
-        test: /\.vue$/,
-        loader: 'vue-loader',
-        options: vueLoaderConfig
-      },
-      {
-        test: /\.js$/,
-        loader: 'babel-loader',
-        include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')]
-      },
-      {
-        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
-        loader: 'url-loader',
-        options: {
-          limit: 10000,
-          name: utils.assetsPath('img/[name].[hash:7].[ext]')
-        }
-      },
-      {
-        test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
-        loader: 'url-loader',
-        options: {
-          limit: 10000,
-          name: utils.assetsPath('media/[name].[hash:7].[ext]')
-        }
-      },
-      {
-        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
-        loader: 'url-loader',
-        options: {
-          limit: 10000,
-          name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
-        }
-      }
-    ]
-  },
-  plugins: [
-    new webpack.ProvidePlugin({
-      $: "jquery",
-      jQuery: "jquery",
-      jquery: "jquery",
-      "window.jQuery": "jquery"
-    })],
-  node: {
-    // prevent webpack from injecting useless setImmediate polyfill because Vue
-    // source contains it (although only uses it if it's native).
-    setImmediate: false,
-    // prevent webpack from injecting mocks to Node native modules
-    // that does not make sense for the client
-    dgram: 'empty',
-    fs: 'empty',
-    net: 'empty',
-    tls: 'empty',
-    child_process: 'empty'
-  }
-};
diff --git a/build/webpack.dev.conf.js b/build/webpack.dev.conf.js
deleted file mode 100644
index 070ae22..0000000
--- a/build/webpack.dev.conf.js
+++ /dev/null
@@ -1,95 +0,0 @@
-'use strict'
-const utils = require('./utils')
-const webpack = require('webpack')
-const config = require('../config')
-const merge = require('webpack-merge')
-const path = require('path')
-const baseWebpackConfig = require('./webpack.base.conf')
-const CopyWebpackPlugin = require('copy-webpack-plugin')
-const HtmlWebpackPlugin = require('html-webpack-plugin')
-const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
-const portfinder = require('portfinder')
-
-const HOST = process.env.HOST
-const PORT = process.env.PORT && Number(process.env.PORT)
-
-const devWebpackConfig = merge(baseWebpackConfig, {
-  module: {
-    rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap, usePostCSS: true })
-  },
-  // cheap-module-eval-source-map is faster for development
-  devtool: config.dev.devtool,
-
-  // these devServer options should be customized in /config/index.js
-  devServer: {
-    clientLogLevel: 'warning',
-    historyApiFallback: {
-      rewrites: [
-        { from: /.*/, to: path.posix.join(config.dev.assetsPublicPath, 'index.html') },
-      ],
-    },
-    hot: true,
-    contentBase: false, // since we use CopyWebpackPlugin.
-    compress: true,
-    host: HOST || config.dev.host,
-    port: PORT || config.dev.port,
-    open: config.dev.autoOpenBrowser,
-    overlay: config.dev.errorOverlay
-      ? { warnings: false, errors: true }
-      : false,
-    publicPath: config.dev.assetsPublicPath,
-    proxy: config.dev.proxyTable,
-    quiet: true, // necessary for FriendlyErrorsPlugin
-    watchOptions: {
-      poll: config.dev.poll,
-    }
-  },
-  plugins: [
-    new webpack.DefinePlugin({
-      'process.env': require('../config/dev.env')
-    }),
-    new webpack.HotModuleReplacementPlugin(),
-    new webpack.NamedModulesPlugin(), // HMR shows correct file names in console on update.
-    new webpack.NoEmitOnErrorsPlugin(),
-    // https://github.com/ampedandwired/html-webpack-plugin
-    new HtmlWebpackPlugin({
-      filename: 'index.html',
-      template: 'index.html',
-      inject: true
-    }),
-    // copy custom static assets
-    new CopyWebpackPlugin([
-      {
-        from: path.resolve(__dirname, '../static'),
-        to: config.dev.assetsSubDirectory,
-        ignore: ['.*']
-      }
-    ])
-  ]
-})
-
-module.exports = new Promise((resolve, reject) => {
-  portfinder.basePort = process.env.PORT || config.dev.port
-  portfinder.getPort((err, port) => {
-    if (err) {
-      reject(err)
-    } else {
-      // publish the new Port, necessary for e2e tests
-      process.env.PORT = port
-      // add port to devServer config
-      devWebpackConfig.devServer.port = port
-
-      // Add FriendlyErrorsPlugin
-      devWebpackConfig.plugins.push(new FriendlyErrorsPlugin({
-        compilationSuccessInfo: {
-          messages: [`Your application is running here: http://${devWebpackConfig.devServer.host}:${port}`],
-        },
-        onErrors: config.dev.notifyOnErrors
-        ? utils.createNotifierCallback()
-        : undefined
-      }))
-
-      resolve(devWebpackConfig)
-    }
-  })
-})
diff --git a/build/webpack.prod.conf.js b/build/webpack.prod.conf.js
deleted file mode 100644
index 2f17259..0000000
--- a/build/webpack.prod.conf.js
+++ /dev/null
@@ -1,149 +0,0 @@
-'use strict'
-const path = require('path')
-const utils = require('./utils')
-const webpack = require('webpack')
-const config = require('../config')
-const merge = require('webpack-merge')
-const baseWebpackConfig = require('./webpack.base.conf')
-const CopyWebpackPlugin = require('copy-webpack-plugin')
-const HtmlWebpackPlugin = require('html-webpack-plugin')
-const ExtractTextPlugin = require('extract-text-webpack-plugin')
-const OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin')
-const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
-
-const env = process.env.NODE_ENV === 'testing'
-  ? require('../config/test.env')
-  : require('../config/prod.env')
-
-const webpackConfig = merge(baseWebpackConfig, {
-  module: {
-    rules: utils.styleLoaders({
-      sourceMap: config.build.productionSourceMap,
-      extract: true,
-      usePostCSS: true
-    })
-  },
-  devtool: config.build.productionSourceMap ? config.build.devtool : false,
-  output: {
-    path: config.build.assetsRoot,
-    filename: utils.assetsPath('js/[name].[chunkhash].js'),
-    chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')
-  },
-  plugins: [
-    // http://vuejs.github.io/vue-loader/en/workflow/production.html
-    new webpack.DefinePlugin({
-      'process.env': env
-    }),
-    new UglifyJsPlugin({
-      uglifyOptions: {
-        compress: {
-          warnings: false
-        }
-      },
-      sourceMap: config.build.productionSourceMap,
-      parallel: true
-    }),
-    // extract css into its own file
-    new ExtractTextPlugin({
-      filename: utils.assetsPath('css/[name].[contenthash].css'),
-      // Setting the following option to `false` will not extract CSS from codesplit chunks.
-      // Their CSS will instead be inserted dynamically with style-loader when the codesplit chunk has been loaded by webpack.
-      // It's currently set to `true` because we are seeing that sourcemaps are included in the codesplit bundle as well when it's `false`, 
-      // increasing file size: https://github.com/vuejs-templates/webpack/issues/1110
-      allChunks: true,
-    }),
-    // Compress extracted CSS. We are using this plugin so that possible
-    // duplicated CSS from different components can be deduped.
-    new OptimizeCSSPlugin({
-      cssProcessorOptions: config.build.productionSourceMap
-        ? { safe: true, map: { inline: false } }
-        : { safe: true }
-    }),
-    // generate dist index.html with correct asset hash for caching.
-    // you can customize output by editing /index.html
-    // see https://github.com/ampedandwired/html-webpack-plugin
-    new HtmlWebpackPlugin({
-      filename: process.env.NODE_ENV === 'testing'
-        ? 'index.html'
-        : config.build.index,
-      template: 'index.html',
-      inject: true,
-      minify: {
-        removeComments: true,
-        collapseWhitespace: true,
-        removeAttributeQuotes: true
-        // more options:
-        // https://github.com/kangax/html-minifier#options-quick-reference
-      },
-      // necessary to consistently work with multiple chunks via CommonsChunkPlugin
-      chunksSortMode: 'dependency'
-    }),
-    // keep module.id stable when vendor modules does not change
-    new webpack.HashedModuleIdsPlugin(),
-    // enable scope hoisting
-    new webpack.optimize.ModuleConcatenationPlugin(),
-    // split vendor js into its own file
-    new webpack.optimize.CommonsChunkPlugin({
-      name: 'vendor',
-      minChunks (module) {
-        // any required modules inside node_modules are extracted to vendor
-        return (
-          module.resource &&
-          /\.js$/.test(module.resource) &&
-          module.resource.indexOf(
-            path.join(__dirname, '../node_modules')
-          ) === 0
-        )
-      }
-    }),
-    // extract webpack runtime and module manifest to its own file in order to
-    // prevent vendor hash from being updated whenever app bundle is updated
-    new webpack.optimize.CommonsChunkPlugin({
-      name: 'manifest',
-      minChunks: Infinity
-    }),
-    // This instance extracts shared chunks from code splitted chunks and bundles them
-    // in a separate chunk, similar to the vendor chunk
-    // see: https://webpack.js.org/plugins/commons-chunk-plugin/#extra-async-commons-chunk
-    new webpack.optimize.CommonsChunkPlugin({
-      name: 'app',
-      async: 'vendor-async',
-      children: true,
-      minChunks: 3
-    }),
-
-    // copy custom static assets
-    new CopyWebpackPlugin([
-      {
-        from: path.resolve(__dirname, '../static'),
-        to: config.build.assetsSubDirectory,
-        ignore: ['.*']
-      }
-    ])
-  ]
-})
-
-if (config.build.productionGzip) {
-  const CompressionWebpackPlugin = require('compression-webpack-plugin')
-
-  webpackConfig.plugins.push(
-    new CompressionWebpackPlugin({
-      asset: '[path].gz[query]',
-      algorithm: 'gzip',
-      test: new RegExp(
-        '\\.(' +
-        config.build.productionGzipExtensions.join('|') +
-        ')$'
-      ),
-      threshold: 10240,
-      minRatio: 0.8
-    })
-  )
-}
-
-if (config.build.bundleAnalyzerReport) {
-  const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
-  webpackConfig.plugins.push(new BundleAnalyzerPlugin())
-}
-
-module.exports = webpackConfig
diff --git a/build/webpack.test.conf.js b/build/webpack.test.conf.js
deleted file mode 100644
index 0d658d9..0000000
--- a/build/webpack.test.conf.js
+++ /dev/null
@@ -1,32 +0,0 @@
-'use strict'
-// This is the webpack config used for unit tests.
-
-const utils = require('./utils')
-const webpack = require('webpack')
-const merge = require('webpack-merge')
-const baseWebpackConfig = require('./webpack.base.conf')
-
-const webpackConfig = merge(baseWebpackConfig, {
-  // use inline sourcemap for karma-sourcemap-loader
-  module: {
-    rules: utils.styleLoaders()
-  },
-  devtool: '#inline-source-map',
-  resolveLoader: {
-    alias: {
-      // necessary to to make lang="scss" work in test when using vue-loader's ?inject option
-      // see discussion at https://github.com/vuejs/vue-loader/issues/724
-      'scss-loader': 'sass-loader'
-    }
-  },
-  plugins: [
-    new webpack.DefinePlugin({
-      'process.env': require('../config/test.env')
-    })
-  ]
-})
-
-// no need for app entry during tests
-delete webpackConfig.entry
-
-module.exports = webpackConfig
diff --git a/config/dev.env.js b/config/dev.env.js
deleted file mode 100644
index 1e22973..0000000
--- a/config/dev.env.js
+++ /dev/null
@@ -1,7 +0,0 @@
-'use strict'
-const merge = require('webpack-merge')
-const prodEnv = require('./prod.env')
-
-module.exports = merge(prodEnv, {
-  NODE_ENV: '"development"'
-})
diff --git a/config/index.js b/config/index.js
deleted file mode 100644
index 1f0f155..0000000
--- a/config/index.js
+++ /dev/null
@@ -1,69 +0,0 @@
-'use strict'
-// Template version: 1.3.1
-// see http://vuejs-templates.github.io/webpack for documentation.
-
-const path = require('path')
-
-module.exports = {
-  dev: {
-
-    // Paths
-    assetsSubDirectory: 'static',
-    assetsPublicPath: '/',
-    proxyTable: {},
-
-    // Various Dev Server settings
-    host: 'localhost', // can be overwritten by process.env.HOST
-    port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
-    autoOpenBrowser: false,
-    errorOverlay: true,
-    notifyOnErrors: true,
-    poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-
-
-    
-    /**
-     * Source Maps
-     */
-
-    // https://webpack.js.org/configuration/devtool/#development
-    devtool: 'cheap-module-eval-source-map',
-
-    // If you have problems debugging vue-files in devtools,
-    // set this to false - it *may* help
-    // https://vue-loader.vuejs.org/en/options.html#cachebusting
-    cacheBusting: true,
-
-    cssSourceMap: true
-  },
-
-  build: {
-    // Template for index.html
-    index: path.resolve(__dirname, '../dist/index.html'),
-
-    // Paths
-    assetsRoot: path.resolve(__dirname, '../dist'),
-    assetsSubDirectory: 'static',
-    assetsPublicPath: './',
-
-    /**
-     * Source Maps
-     */
-
-    productionSourceMap: true,
-    // https://webpack.js.org/configuration/devtool/#production
-    devtool: '#source-map',
-
-    // Gzip off by default as many popular static hosts such as
-    // Surge or Netlify already gzip all static assets for you.
-    // Before setting to `true`, make sure to:
-    // npm install --save-dev compression-webpack-plugin
-    productionGzip: false,
-    productionGzipExtensions: ['js', 'css'],
-
-    // Run the build command with an extra argument to
-    // View the bundle analyzer report after build finishes:
-    // `npm run build --report`
-    // Set to `true` or `false` to always turn it on or off
-    bundleAnalyzerReport: process.env.npm_config_report
-  }
-}
diff --git a/config/prod.env.js b/config/prod.env.js
deleted file mode 100644
index a6f9976..0000000
--- a/config/prod.env.js
+++ /dev/null
@@ -1,4 +0,0 @@
-'use strict'
-module.exports = {
-  NODE_ENV: '"production"'
-}
diff --git a/config/test.env.js b/config/test.env.js
deleted file mode 100644
index c2824a3..0000000
--- a/config/test.env.js
+++ /dev/null
@@ -1,7 +0,0 @@
-'use strict'
-const merge = require('webpack-merge')
-const devEnv = require('./dev.env')
-
-module.exports = merge(devEnv, {
-  NODE_ENV: '"testing"'
-})
diff --git a/index.html b/index.html
index 1ed8dab..7a3e520 100644
--- a/index.html
+++ b/index.html
@@ -1,17 +1 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width,initial-scale=1.0">
-  <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
-  <title>Apache IoTDB (incubating)</title>
-</head>
-<body>
-<div id="app"></div>
-<!-- built files will be auto injected -->
-</body>
-
-<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
-
-<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
-</html>
+<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><link rel=stylesheet href=https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css><title>Apache IoTDB (incubating)</title><link href=./static/css/app.2e1896cc219f53b09ba16fee54548480.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.3ad1d5771e9b13dbdad2.js></script><script type=text/javascript src=./static/js/vendor.a7 [...]
\ No newline at end of file
diff --git a/package.json b/package.json
deleted file mode 100644
index f2dbde1..0000000
--- a/package.json
+++ /dev/null
@@ -1,84 +0,0 @@
-{
-  "name": "apache_iotdb_incubating",
-  "version": "1.0.0",
-  "description": "Apache IoTDB website",
-  "author": "xuyi556677@163.com <xu...@163.com>",
-  "private": true,
-  "scripts": {
-    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
-    "start": "npm run dev",
-    "unit": "cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run",
-    "test": "npm run unit",
-    "build": "node build/build.js"
-  },
-  "dependencies": {
-    "popper.js": "^1.14.6",
-    "vue": "^2.5.2",
-    "vue-router": "^3.0.1"
-  },
-  "devDependencies": {
-    "autoprefixer": "^7.1.2",
-    "babel-core": "^6.22.1",
-    "babel-helper-vue-jsx-merge-props": "^2.0.3",
-    "babel-loader": "^7.1.1",
-    "babel-plugin-istanbul": "^4.1.1",
-    "babel-plugin-syntax-jsx": "^6.18.0",
-    "babel-plugin-transform-runtime": "^6.22.0",
-    "babel-plugin-transform-vue-jsx": "^3.5.0",
-    "babel-preset-env": "^1.3.2",
-    "babel-preset-stage-2": "^6.22.0",
-    "bootstrap": "^4.1.3",
-    "chai": "^4.1.2",
-    "chalk": "^2.0.1",
-    "copy-webpack-plugin": "^4.0.1",
-    "cross-env": "^5.0.1",
-    "css-loader": "^0.28.0",
-    "extract-text-webpack-plugin": "^3.0.0",
-    "file-loader": "^1.1.4",
-    "friendly-errors-webpack-plugin": "^1.6.1",
-    "html-webpack-plugin": "^2.30.1",
-    "inject-loader": "^3.0.0",
-    "jquery": "^3.3.1",
-    "karma": "^1.4.1",
-    "karma-coverage": "^1.1.1",
-    "karma-mocha": "^1.3.0",
-    "karma-phantomjs-launcher": "^1.0.2",
-    "karma-phantomjs-shim": "^1.4.0",
-    "karma-sinon-chai": "^1.3.1",
-    "karma-sourcemap-loader": "^0.3.7",
-    "karma-spec-reporter": "0.0.31",
-    "karma-webpack": "^2.0.2",
-    "mocha": "^3.2.0",
-    "node-notifier": "^5.1.2",
-    "optimize-css-assets-webpack-plugin": "^3.2.0",
-    "ora": "^1.2.0",
-    "phantomjs-prebuilt": "^2.1.14",
-    "portfinder": "^1.0.13",
-    "postcss-import": "^11.0.0",
-    "postcss-loader": "^2.0.8",
-    "postcss-url": "^7.2.1",
-    "rimraf": "^2.6.0",
-    "semver": "^5.3.0",
-    "shelljs": "^0.7.6",
-    "sinon": "^4.0.0",
-    "sinon-chai": "^2.8.0",
-    "uglifyjs-webpack-plugin": "^1.1.1",
-    "url-loader": "^0.5.8",
-    "vue-loader": "^13.3.0",
-    "vue-style-loader": "^3.0.1",
-    "vue-template-compiler": "^2.5.2",
-    "webpack": "^3.6.0",
-    "webpack-bundle-analyzer": "^2.9.0",
-    "webpack-dev-server": "^2.9.1",
-    "webpack-merge": "^4.1.0"
-  },
-  "engines": {
-    "node": ">= 6.0.0",
-    "npm": ">= 3.0.0"
-  },
-  "browserslist": [
-    "> 1%",
-    "last 2 versions",
-    "not ie <= 8"
-  ]
-}
diff --git a/src/App.vue b/src/App.vue
deleted file mode 100644
index b1ae8dd..0000000
--- a/src/App.vue
+++ /dev/null
@@ -1,25 +0,0 @@
-<template>
-  <div id="app">
-    <my-navbar/>
-    <router-view/>
-  </div>
-</template>
-
-<script>
-  import NavBar from './components/NavBar'
-  export default {
-    name: 'App',
-    components: {
-      'my-navbar': NavBar,
-    }
-  }
-</script>
-
-<style>
-  #app {
-    color: #2c3e50;
-  }
-  body{
-    font-family: 'Lato', sans-serif;
-  }
-</style>
diff --git a/src/assets/css/index_css.css b/src/assets/css/index_css.css
deleted file mode 100644
index 3749799..0000000
--- a/src/assets/css/index_css.css
+++ /dev/null
@@ -1,11 +0,0 @@
-.header{
-    height:50px;
-}
-.footer{
-    height:50px;
-    margin-top:30px;
-    padding:10px 0;
-    text-align:center;
-    color:#fff;
-    background:#222222;
-}
\ No newline at end of file
diff --git a/src/assets/img/home-icon2.png b/src/assets/img/home-icon2.png
deleted file mode 100755
index c1a4af4..0000000
Binary files a/src/assets/img/home-icon2.png and /dev/null differ
diff --git a/src/assets/img/home-icon5.png b/src/assets/img/home-icon5.png
deleted file mode 100755
index 0cc8a74..0000000
Binary files a/src/assets/img/home-icon5.png and /dev/null differ
diff --git a/src/assets/logo.png b/src/assets/logo.png
deleted file mode 100644
index f3d2503..0000000
Binary files a/src/assets/logo.png and /dev/null differ
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
deleted file mode 100644
index e7d7c33..0000000
--- a/src/components/Footer.vue
+++ /dev/null
@@ -1,25 +0,0 @@
-<template>
-  <div class="footer">
-    <div class="container">
-      <p>Copyright © 2018 The Apache Software Foundation. Apache and the Apache feather logo are trademarks of The
-        Apache Software Foundation.</p>
-    </div>
-  </div>
-</template>
-
-<script>
-  export default {
-    name: "Footer"
-  }
-</script>
-
-<style scoped>
-.footer{
-    height:50px;
-    padding:10px 0;
-    margin-top: 30px;
-    text-align:center;
-    color:#fff;
-    background:#222222;
-}
-</style>
diff --git a/src/components/FooterFixed.vue b/src/components/FooterFixed.vue
deleted file mode 100644
index 12f6df4..0000000
--- a/src/components/FooterFixed.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<template>
-    <div class="footer navbar-fixed-bottom">
-        <div class="container">
-            <p>Copyright © 2018 The Apache Software Foundation. Apache and the Apache feather logo are trademarks of The Apache Software Foundation.</p>
-        </div>
-    </div>
-</template>
-
-<script>
-  export default {
-      name:'FooterFixed'
-  }
-</script>
-
-<style>
-.footer{
-    height:50px;
-    padding:10px 0;
-    margin-top: 30px;
-    text-align:center;
-    color:#fff;
-    background:#222222;
-}
-</style>
diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue
deleted file mode 100644
index a427896..0000000
--- a/src/components/NavBar.vue
+++ /dev/null
@@ -1,162 +0,0 @@
-<template>
-  <div class="header">
-  <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
-    <div class="container-fluid">
-      <!-- Brand and toggle get grouped for better mobile display -->
-      <div class="navbar-header">
-        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
-          <span class="sr-only">Toggle navigation</span>
-          <span class="icon-bar"></span>
-          <span class="icon-bar"></span>
-          <span class="icon-bar"></span>
-        </button>
-        <a class="navbar-brand" href="#">IoTDB</a>
-      </div>
-
-      <!-- Collect the nav links, forms, and other content for toggling -->
-      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
-        <ul class="nav navbar-nav">
-          <li class="nav-item">
-            <router-link to="/" class="nav-link"><span>Home</span></router-link>
-          </li>
-          <li class="nav-item">
-            <router-link to="/Download" class="nav-link"><span>Download</span></router-link>
-          </li>
-          <li class="dropdown" >
-            <router-link to="/Documents" class="dropdown-toggle" data-toggle="dropdown" role="button"
-                         aria-haspopup="true" aria-expanded="false"><span>Documents<b class="caret"></b></span></router-link>
-            <ul class="dropdown-menu">
-              <li v-for="item in Documents">
-                <router-link :to=item.url class="nav-link"><span>{{item.content}}</span></router-link>
-              </li>
-            </ul>
-          </li>
-          <li class="dropdown">
-            <router-link to="/Tools" class="dropdown-toggle" data-toggle="dropdown" role="button"
-                         aria-haspopup="true" aria-expanded="false"><span>Tools<b class="caret"></b></span></router-link>
-            <ul class="dropdown-menu">
-              <li v-for="item in Tools">
-                <router-link :to=item.url class="nav-link"><span>{{item.content}}</span></router-link>
-              </li>
-            </ul>
-          </li>
-          <li class="dropdown">
-            <router-link to="/Community" class="dropdown-toggle" data-toggle="dropdown" role="button"
-                         aria-haspopup="true" aria-expanded="false"><span>Community<b class="caret"></b></span></router-link>
-            <ul class="dropdown-menu">
-              <li v-for="item in Community">
-                <router-link :to=item.url class="nav-link"><span>{{item.content}}</span></router-link>
-              </li>
-            </ul>
-          </li>
-          <li class="dropdown">
-            <router-link to="/Development" class="dropdown-toggle" data-toggle="dropdown" role="button"
-                         aria-haspopup="true" aria-expanded="false"><span>Development<b class="caret"></b></span></router-link>
-            <ul class="dropdown-menu">
-              <li v-for="item in Development">
-                <router-link :to=item.url class="nav-link"><span>{{item.content}}</span></router-link>
-              </li>
-            </ul>
-          </li>
-        </ul>
-        <ul class="nav navbar-nav navbar-right">
-          <li class="nav-item">
-            <a href="https://www.apache.org/" class="nav-link"><span style="color: orange">Apache Software Foundation</span></a>
-          </li>
-        </ul>
-      </div><!-- /.navbar-collapse -->
-    </div><!-- /.container-fluid -->
-  </nav>
-    </div>
-</template>
-
-<script>
-  export default {
-    name: "NavBar",
-    data() {
-      return {
-        "Documents":[
-          {"url": "/Comming", "content": "Latest Release"},
-          {"url": "/Comming", "content": "Older Versions and Other resources"},
-          {"url": "/Comming", "content": "Frequently Asked Questions"}
-        ],
-        "Tools":[
-          {"url": "/Comming", "content": "Cli"},
-          {"url": "/Comming", "content": "Grafana"},
-          {"url": "/Comming", "content": "Hadoop"},
-          {"url": "/Comming", "content": "Spark"}
-        ],
-        "Community": [
-          {"url": "/Comming", "content": "Mailing Lists & Resources"},
-          {"url": "/Comming", "content": "Contributing to IoTDB"},
-          {"url": "/Comming", "content": "Issue Tracker"},
-          {"url": "/Comming", "content": "Powered By"},
-          {"url": "/Comming", "content": "Project Committers"},
-          {"url": "/Comming", "content": "Project History"}
-        ],
-        "Development":[
-          {"url": "/Comming", "content": "Useful Developer Tools"},
-          {"url": "/Comming", "content": "Versioning Policy"}
-        ]
-//        "Apache" : [
-//          {"url": "https://www.apache.org/", "content": "Apache Homepage"},
-//          {"url": "https://www.apache.org/licenses", "content": "Licenses"},
-//          {"url": "https://www.apache.org/foundation/sponsorship.html", "content": "Sponsorship"},
-//          {"url": "https://www.apache.org/foundation/thanks.html", "content": "Thanks"},
-//          {"url": "https://www.apache.org/security/", "content": "Security"}
-//        ]
-
-      }
-    },
-  }
-
-</script>
-
-<style>
-  li.dropdown:hover > ul.dropdown-menu {
-    display: block;
-  }
-
-  .navbar-nav>li > a > span{
-    color: white;
-    font-size: 1.6rem;
-  }
-  .navbar-nav>li > a > span:hover{
-    color: orange;
-  }
-  .container-fluid{
-    margin-left: 15%;
-    margin-right: 10%;
-  }
-  @media (min-width: 0px) {
-    .header{
-      margin-bottom: 55px;
-    }
-  }
-
-  @media (min-width: 750px) {
-    .header{
-      margin-bottom: 200px;
-    }
-  }
-  @media (min-width: 890px) {
-    .header{
-      margin-bottom: 150px;
-    }
-  }
-
-  @media (min-width: 1018px) {
-    .header{
-      margin-bottom: 100px;
-    }
-  }
-  @media (min-width: 1330px) {
-    .header{
-      margin-bottom: 55px;
-    }
-  }
-  /*.header{*/
-    /*margin-bottom: 55px;*/
-  /*}*/
-
-</style>
diff --git a/src/components/SideBar.vue b/src/components/SideBar.vue
deleted file mode 100644
index c35f2bc..0000000
--- a/src/components/SideBar.vue
+++ /dev/null
@@ -1,68 +0,0 @@
-<template>
-    <div class="col-md-4 col-md-3 col-sm-6 fixed-side">
-        <div class="sidebar thumbnail" style="background:#f8f8f8;padding: 10px 10px;">
-            <div class="sidebar-module">
-                <h4>Latest News</h4>
-                <ol class="list-unstyled">
-                  <li lang="en">
-                    1. New version of Apache IoTDB (incubating) is released in June, 2018.
-                    This version released 4 new features in Apache IoTDB (incubating) Engine and released
-                    a Apache IoTDB (incubating)-Transfer-Tool for transfer files back from edge to data center.
-                    Also, it contains 6 bug fixes, improvements and enhancements since 0.6.0.
-                  </li>
-                  <li lang="en">
-                    2. Users are encouraged to read the overview of major changes in <router-link to="/Documents">release notes</router-link>,
-                    download this version in <router-link to="/Download">download page</router-link>
-                    and view documents in <router-link to="/Documents">documentation page</router-link>.
-                  </li>
-                </ol>
-            </div>
-            <div class="sidebar-module">
-                <h4>Github repo</h4>
-                <ol class="list-unstyled">
-                    <li><a href="https://github.com/thulab/iotdb">GitHub</a></li>
-                </ol>
-            </div>
-        </div>
-        <button type="button" class="btn btn-warning" style="font-size: 2rem">Download</button>
-        <button type="button" class="btn btn-default" style="margin-top: 15px;border-color: #fcac45;background: white;font-size: 2rem">Quick Start</button>
-    </div>
-</template>
-
-<script>
-    export default {
-      name: "SideBar",
-
-    }
-
-</script>
-
-<style scoped>
-  .fixed-side{
-    position:fixed;
-    top:70px;
-    right: 15%;
-  }
-  button{
-    width: 100%;
-    font-size: x-large;
-    font-weight: bold;
-  }
-  @media  (max-width: 990px) {
-    .fixed-side{
-      display: none;
-    }
-  }
-  @media ( max-width: 1600px ){
-    .fixed-side{
-      right: 8%;
-      top: 110px;
-    }
-  }
-  @media ( max-width: 1700px ){
-    .fixed-side{
-      right: 10%;
-      top: 110px;
-    }
-  }
-</style>
diff --git a/src/main.js b/src/main.js
deleted file mode 100644
index 66f38e6..0000000
--- a/src/main.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import Vue from 'vue'
-import App from './App'
-import router from './router'
-import $ from 'jquery'
-Vue.config.productionTip = false;
-
-/* eslint-disable no-new */
-new Vue({
-  el: '#app',
-  router,
-  render: h => h(App)
-});
diff --git a/src/router/index.js b/src/router/index.js
deleted file mode 100644
index 8229836..0000000
--- a/src/router/index.js
+++ /dev/null
@@ -1,53 +0,0 @@
-import Vue from 'vue'
-import Router from 'vue-router'
-import HelloWorld from '@/views/HelloWorld'
-import Home from '@/views/Home'
-import Download from '@/views/Download'
-import Documents from '@/views/Documents'
-import Tools from '@/views/Tools'
-import Community from '@/views/Community'
-import Development from '@/views/Development'
-import Comming from '@/views/Comming'
-
-
-Vue.use(Router);
-
-export default new Router({
-  routes: [
-    {
-      path: '/',
-      name: 'Home',
-      component: Home
-    },
-    {
-      path: '/Download',
-      name: 'Download',
-      component: Comming
-    },
-    {
-      path: '/Documents',
-      name: 'Documents',
-      component: Comming
-    },
-    {
-      path: '/Tools',
-      name: 'Tools',
-      component: Comming
-    },
-    {
-      path: '/Community',
-      name: 'Comming',
-      component: Comming
-    },
-    {
-      path: '/Development',
-      name: 'Development',
-      component: Comming
-    },
-    {
-      path: '/Comming',
-      name: "Comming",
-      component: Comming
-    }
-  ]
-})
diff --git a/src/views/Comming.vue b/src/views/Comming.vue
deleted file mode 100644
index 21be040..0000000
--- a/src/views/Comming.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<template>
-    <h1>Comming soon...</h1>
-</template>
-
-<script>
-    export default {
-        name: "Comming"
-    }
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/Community.vue b/src/views/Community.vue
deleted file mode 100644
index a53b95e..0000000
--- a/src/views/Community.vue
+++ /dev/null
@@ -1,21 +0,0 @@
-<template>
-  <div class="hello">
-    <h1>{{ msg }}</h1>
-  </div>
-</template>
-
-<script>
-    export default {
-        name: "Community",
-      data() {
-        return {
-          msg: 'Welcome to Community Page'
-        }
-      }
-    }
-</script>
-<style scoped>
-  h1, h2 {
-    font-weight: normal;
-  }
-</style>
diff --git a/src/views/Development.vue b/src/views/Development.vue
deleted file mode 100644
index 786ec5a..0000000
--- a/src/views/Development.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template>
-  <div class="hello">
-    <h1>{{ msg }}</h1>
-  </div>
-</template>
-
-<script>
-    export default {
-        name: "Development",
-      data() {
-        return {
-          msg: 'Welcome to Development Page'
-        }
-      }
-    }
-</script>
-
-<style scoped>
-  h1, h2 {
-    font-weight: normal;
-  }
-</style>
diff --git a/src/views/Documents.vue b/src/views/Documents.vue
deleted file mode 100644
index ed618fa..0000000
--- a/src/views/Documents.vue
+++ /dev/null
@@ -1,153 +0,0 @@
-<template>
-  <div>
-    <div class="main container" style="width: 100%;height: 100%">
-    <div class="row" style="margin: 0 0;">
-        <div class="col-xs-2" style="height: 100%;overflow: auto;">
-            <div class="version text-center">
-                <div class="dropdown center-block"  style="width: 80%; ">
-                    <button class="btn dropdown-toggle" data-toggle="dropdown" style="width: 100%">
-                        IoTDB v0.7
-                        <b class="caret right-block"></b>
-                    </button>
-                    <ul class="dropdown-menu">
-                        <li>
-                            <a id="action-1" href="#">IoTDB v0.7</a>
-                        </li>
-                        <li>
-                            <a href="#">IoTDB v0.7</a>
-                        </li>
-                        <li>
-                            <a href="#">IoTDB v0.7</a>
-                        </li>
-                    </ul>
-                </div>
-            </div>
-            <div class="content center-block" style="width: 80%;margin-bottom: 110px">
-                <h4>Overview</h4>
-                <ul class="list-group">
-                    <li class="Overview" @click="change_navi_content($event)">section1</li>
-                    <li class="Overview" @click="change_navi_content($event)">section2</li>
-                    <li class="Overview" @click="change_navi_content($event)">section3</li>
-                    <li class="Overview" @click="change_navi_content($event)">section4</li>
-                    <li class="Overview" @click="change_navi_content($event)">section5</li>
-                </ul>
-                <h4>Chapter2</h4>
-                <ul class="list-group">
-                    <li class="Chapter2" @click="change_navi_content($event)">section1</li>
-                    <li class="Chapter2" @click="change_navi_content($event)">section2</li>
-                    <li class="Chapter2" @click="change_navi_content($event)">section3</li>
-                    <li class="Chapter2" @click="change_navi_content($event)">section4</li>
-                    <li class="Chapter2" @click="change_navi_content($event)">section5</li>
-                </ul>
-                <h4>Chapter3</h4>
-                <ul class="list-group">
-                    <li class="Chapter3" @click="change_navi_content($event)">section1</li>
-                    <li class="Chapter3" @click="change_navi_content($event)">section2</li>
-                    <li class="Chapter3" @click="change_navi_content($event)">section3</li>
-                    <li class="Chapter3" @click="change_navi_content($event)">section4</li>
-                    <li class="Chapter3" @click="change_navi_content($event)">section5</li>
-                </ul>
-                <h4>Chapter4</h4>
-                <ul class="list-group">
-                    <li class="Chapter4" @click="change_navi_content($event)">section1</li>
-                    <li class="Chapter4" @click="change_navi_content($event)">section2</li>
-                    <li class="Chapter4" @click="change_navi_content($event)">section3</li>
-                    <li class="Chapter4" @click="change_navi_content($event)">section4</li>
-                    <li class="Chapter4" @click="change_navi_content($event)">section5</li>
-                </ul>
-                <h4>Chapter5</h4>
-                <ul class="list-group">
-                    <li class="Chapter5" @click="change_navi_content($event)">section1</li>
-                    <li class="Chapter5" @click="change_navi_content($event)">section2</li>
-                    <li class="Chapter5" @click="change_navi_content($event)">section3</li>
-                    <li class="Chapter5" @click="change_navi_content($event)">section4</li>
-                    <li class="Chapter5" @click="change_navi_content($event)">section5</li>
-                </ul>
-
-            </div>
-        </div>
-
-        <div class="col-xs-10 fixed-middle">
-            <ul class="breadcrumb direct" id="bread_chapter">
-
-            </ul>
-            <div class="text_field">
-              <p id="text_content">
-
-              </p>
-            </div>
-        </div>
-    </div>
-
-</div>
-    <footer_bar/>
-  </div>
-</template>
-
-<script>
-    import Footer from "../components/FooterFixed"
-    export default {
-      name: "Documents",
-      data() {
-      },
-      components:{
-        'footer_bar':Footer
-      },
-      methods:{
-        change_navi_content:function(event) {
-          var chapter=event.currentTarget.className;
-          var section=event.currentTarget.innerText;
-          var x=document.getElementById("bread_chapter");
-          var y=document.getElementById("text_content");
-          x.innerHTML="<li><a href='#'>"+chapter+"</a></li>"+"<li><a>"+section+"</a></li>";
-          y.innerText=chapter+section;
-        }
-
-      }
-    }
-</script>
-
-<style scoped>
-
-  .text_field{
-    position:fixed;
-    overflow: auto;
-    height:70%;
-  }
-  .fixed-middle{
-    position: fixed;
-    top:50px;
-    left: 17%;
-
-  }
-  .col-xs-2{
-      background: #222222;
-      padding: 0 0;
-  }
-  .main{
-      padding: 0;
-  }
-  .dropdown{
-      margin-top: 10px;
-      margin-bottom: 10px;
-  }
-  .dropdown>ul{
-      width:100%;
-  }
-  h4{
-      color: #fcac45;
-  }
-  .list-group>li{
-      list-style-type: none;
-      color: #eff0f8;
-  }
-  .direct a:link{
-      color: #fcac45;
-  }
-  .version{
-      border-bottom: 1px solid #eff0f8;
-  }
-  button{
-      background:#fcac45 ;
-  }
-</style>
diff --git a/src/views/Download.vue b/src/views/Download.vue
deleted file mode 100644
index 47e3f6f..0000000
--- a/src/views/Download.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template>
-  <div class="hello">
-    <h1>{{ msg }}</h1>
-  </div>
-</template>
-
-<script>
-    export default {
-        name: "Download",
-      data() {
-        return {
-          msg: 'Welcome to Download Page'
-        }
-      }
-    }
-</script>
-
-<style scoped>
-  h1, h2 {
-    font-weight: normal;
-  }
-</style>
diff --git a/src/views/HelloWorld.vue b/src/views/HelloWorld.vue
deleted file mode 100644
index 1c19f2a..0000000
--- a/src/views/HelloWorld.vue
+++ /dev/null
@@ -1,113 +0,0 @@
-<template>
-  <div class="hello">
-    <h1>{{ msg }}</h1>
-    <h2>Essential Links</h2>
-    <ul>
-      <li>
-        <a
-          href="https://vuejs.org"
-          target="_blank"
-        >
-          Core Docs
-        </a>
-      </li>
-      <li>
-        <a
-          href="https://forum.vuejs.org"
-          target="_blank"
-        >
-          Forum
-        </a>
-      </li>
-      <li>
-        <a
-          href="https://chat.vuejs.org"
-          target="_blank"
-        >
-          Community Chat
-        </a>
-      </li>
-      <li>
-        <a
-          href="https://twitter.com/vuejs"
-          target="_blank"
-        >
-          Twitter
-        </a>
-      </li>
-      <br>
-      <li>
-        <a
-          href="http://vuejs-templates.github.io/webpack/"
-          target="_blank"
-        >
-          Docs for This Template
-        </a>
-      </li>
-    </ul>
-    <h2>Ecosystem</h2>
-    <ul>
-      <li>
-        <a
-          href="http://router.vuejs.org/"
-          target="_blank"
-        >
-          vue-router
-        </a>
-      </li>
-      <li>
-        <a
-          href="http://vuex.vuejs.org/"
-          target="_blank"
-        >
-          vuex
-        </a>
-      </li>
-      <li>
-        <a
-          href="http://vue-loader.vuejs.org/"
-          target="_blank"
-        >
-          vue-loader
-        </a>
-      </li>
-      <li>
-        <a
-          href="https://github.com/vuejs/awesome-vue"
-          target="_blank"
-        >
-          awesome-vue
-        </a>
-      </li>
-    </ul>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'HelloWorld',
-  data () {
-    return {
-      msg: 'Welcome to Your Vue.js App'
-    }
-  }
-}
-</script>
-
-<!-- Add "scoped" attribute to limit CSS to this component only -->
-<style scoped>
-h1, h2 {
-  font-weight: normal;
-}
-ul {
-  list-style-type: none;
-  padding: 0;
-}
-li {
-  display: inline-block;
-  margin: 0 10px;
-}
-a {
-  color: #42b983;
-}
-</style>
diff --git a/src/views/Home.vue b/src/views/Home.vue
deleted file mode 100644
index faf6fb0..0000000
--- a/src/views/Home.vue
+++ /dev/null
@@ -1,249 +0,0 @@
-<template>
-  <div>
-    <div class="main container" style="max-width: 1200px; min-width: 900px">
-    <div class="row">
-        <div class="col-md-8 col-sm-12">
-            <div>
-                <p class="home-tittle">Apache IoTDB (incubating) (Database for Internet of Things)</p>
-              <p>Apache IoTDB (incubating) (Database for Internet of Things) is an integrated data management engine designed for timeseries data which was initially developed by Tsinghua University. Now Apache IoTDB (incubating) is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Incubator.
-                It can provide users specific services for data collection, storage and analysis. Due to its light weight structure, high performance and usable features together with its intense integration with Hadoop and Spark ecology, Apache IoTDB (incubating) can meet the requirements of massive dataset storage, high-speed data input and complex data analysis in the IoT industrial field.</p>
-            </div>
-            <div>
-                <p class="home-tittle">Scenarios</p>
-                <div id="myCarousel" class="carousel slide" data-ride="carousel">
-                    <ol class="carousel-indicators">
-                        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
-                        <li data-target="#myCarousel" data-slide-to="1"></li>
-                        <li data-target="#myCarousel" data-slide-to="2"></li>
-                    </ol>
-                    <div class="carousel-inner">
-                        <div class="item active">
-                            <img src="../assets/img/home-Slide1.png" alt="First slide">
-                            <div class="Scenarios">
-                                <h1 style="margin-top: 0">Example</h1>
-                                <p>A car company installed sensors on its cars to collect monitoring information such as the driving status of the vehicle. These automotive devices have limited hardware configurations and are difficult to carry complex applications. Cars with sensors can be connected to each other or send data via narrow-band IoT(Example).</p>
-                            </div>
-                        </div>
-                        <div class="item">
-                            <img src="../assets/img/home-Slide2.png" alt="Second slide">
-                            <div class="Scenarios">
-                                <h1 style="margin-top: 0">Example</h1>
-                                <p>A car company installed sensors on its cars to collect monitoring information such as the driving status of the vehicle. These automotive devices have limited hardware configurations and are difficult to carry complex applications. Cars with sensors can be connected to each other or send data via narrow-band IoT(Example).</p>
-                            </div>
-                        </div>
-                        <div class="item">
-                            <img src="../assets/img/home-Slide3.png" alt="Third slide">
-                            <div class="Scenarios">
-                                <h1 style="margin-top: 0">Example</h1>
-                                <p>A car company installed sensors on its cars to collect monitoring information such as the driving status of the vehicle. These automotive devices have limited hardware configurations and are difficult to carry complex applications. Cars with sensors can be connected to each other or send data via narrow-band IoT(Example).</p>
-                            </div>
-                        </div>
-                    </div>
-                    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
-                        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
-                        <span class="sr-only">Previous</span>
-                    </a>
-                    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
-                        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
-                        <span class="sr-only">Next</span>
-                    </a>
-                </div>
-            </div>
-            <div>
-                <p class="home-tittle" style="padding-top: 15px">Main Features</p>
-                <div class="row feature">
-                    <div class="col-xs-4" v-for="item in featureBlock1" @mouseover="hover($event)" @mouseleave="unhover($event)">
-                      <div class="row feature-title-row">
-                        <div class="col-xs-3">
-                            <img :src=item.featureSrc style="vertical-align:middle">
-                        </div>
-                        <div class="col-xs-9 feature-title"><p>{{item.featureTitle}}</p></div>
-                      </div>
-                          <p class="feature-content">{{item.featureContent}}</p>
-                          <hr/>
-                    </div>
-                </div>
-                <div class="row feature">
-                    <div class="col-xs-4" v-for="item in featureBlock2" @mouseover="hover($event)" @mouseleave="unhover($event)">
-                      <div class="row feature-title-row">
-                        <div class="col-xs-3 ">
-                            <img :src=item.featureSrc style="vertical-align:middle">
-                        </div>
-                        <div class="col-xs-9 feature-title"><p>{{item.featureTitle}}</p></div>
-                      </div>
-                          <p class="feature-content">{{item.featureContent}}</p>
-                          <hr/>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <side-bar/>
-    </div>
-
-</div>
-    <footer-bar/>
-  </div>
-</template>
-
-<script>
-  import SideBar from "../components/SideBar";
-  import Footer from "../components/Footer"
-  //import  "../assets/js/index"
-  export default {
-    name: "Home",
-    components: {
-      'side-bar': SideBar,
-      'footer-bar': Footer
-    },
-    data() {
-      return {
-        msg: 'Welcome to Home Page',
-        featureBlock1:[
-          {featureSrc:require("../assets/img/home-icon1.png"),featureTitle:"High-throughput read and write",
-          featureContent:"Apache IoTDB (incubating) supports millions of low-power devices' strong connection data access, high-speed data read and write for intelligent networking devices and mixed devices mentioned above."},
-          {featureSrc:require("../assets/img/home-icon2.png"),featureTitle:"Efficient directory structure",
-          featureContent:"Apache IoTDB (incubating) supports efficient oganization for complex timeseries data structure from intelligent networking devices, oganization for timeseries data from devices of the same type, fuzzy searching strategy for massive and complex directory of timeseries data."},
-          {featureSrc:require("../assets/img/home-icon3.png"),featureTitle:"Rich query semantics",
-          featureContent:"Apache IoTDB (incubating) supports time alignment for timeseries data accross devices and sensors, computation in timeseries field (frequency domain transformation) and rich aggregation function support in time dimension."},
-        ],
-        featureBlock2:[
-          {featureSrc:require("../assets/img/home-icon4.png"),featureTitle:"Low cost on hardware",
-          featureContent:"Apache IoTDB (incubating) can reach a high compression ratio of disk storage (For one billion data storage, hard drive cost less than $0.23)"},
-          {featureSrc:require("../assets/img/home-icon5.png"),featureTitle:"Flexible deployment",
-          featureContent:"Apache IoTDB (incubating) provides users one-click installation tool on the cloud, once-decompressed-used terminal tool and the bridge tool between cloud platform and terminal tool (Data Synchronization Tool)."},
-          {featureSrc:require("../assets/img/home-icon6.png"),featureTitle:"Intense integration with Open Source Ecosystem",
-          featureContent:"Apache IoTDB (incubating) supports Hadoop, Spark, etc. analysis ecosystems and Grafana visualization tool."},
-        ]
-      }
-    },
-    methods: {
-      hover: function (e) {
-        e.currentTarget.style.boxShadow = "2px 2px 10px #909090"
-      },
-      unhover: function (e) {
-        e.currentTarget.style.boxShadow = "";
-      }
-    }
-  }
-
-</script>
-
-<style scoped>
-
-  .feature>.col-xs-4>span{
-    margin-left:10px;
-  }
-  .main>div{
-    margin-top: 10px;
-  }
-  .home-tittle{
-      color: #fcac45;
-      font-size:x-large;
-      font-weight: 600;
-  }
-  .feature{
-      display: table;
-  }
-  .feature>.col-xs-4{
-      padding-top: 20px;
-      padding-right: 20px;
-      padding-left: 20px;
-      float: none;
-      display: table-cell;
-      vertical-align: top;
-  }
-  @media (min-width: 1px) {
-    .feature>.col-xs-4 {
-      height: 250px;
-    }
-    .feature-title-row{
-      height: 60px;
-    }
-  }
-
-  @media (min-width: 975px) {
-    .feature>.col-xs-4 {
-      height: 388px;
-    }
-    .feature-title-row{
-      height: 98px;
-    }
-  }
-  @media (min-width: 1200px) {
-    .feature>.col-xs-4 {
-      height: 307px;
-    }
-    .feature-title-row{
-      height: 77px;
-    }
-  }
-
-  .Scenarios{
-      padding: 5px 10px;
-      background: black;
-      color: white;
-  }
-  .carousel-control.left {
-    background-image:none;
-    background-repeat: repeat-x;
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
-  }
-  .carousel-control.right {
-    left: auto;
-    right: 0;
-    background-image:none;
-    background-repeat: repeat-x;
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
-  }
-
-  .carousel-indicators > li, .carousel-indicators > .active{
-    height: 3px;
-    width: 30px;
-    border-radius: 0px;
-    margin: 0px;
-    border: none;
-  }
-  .carousel-indicators > li{
-    background-color: rgba(255,255,255,.5);
-  }
-  .carousel-indicators > .active{
-    background-color: white;
-  }
-  @media (min-width: 1px) {
-    .carousel-indicators {
-      bottom: 90px;
-    }
-  }
-
-  @media (min-width: 1000px) {
-    .carousel-indicators {
-      bottom: 110px;
-    }
-  }
-  @media (min-width: 1640px) {
-    .carousel-indicators {
-      bottom: 105px;
-    }
-  }
-  .feature>.col-xs-4>img{
-    width:50px;
-    height: 50px;
-    margin:0 8px 8px 0;
-  }
-  hr{
-    position:absolute;
-    bottom:0;
-    left: 10px;
-    right: 10px;
-    margin:0;
-  }
-  .row>div>img{
-    width: 50px;
-    height: 50px;
-  }
-
-  .feature-title>p{
-    font-size: medium;
-  }
-
-</style>
diff --git a/src/views/Tools.vue b/src/views/Tools.vue
deleted file mode 100644
index c5a5201..0000000
--- a/src/views/Tools.vue
+++ /dev/null
@@ -1,343 +0,0 @@
-<template>
-  <div class="backgroundImage">
-    <div class="main container" style="width:95%">
-      <br>
-      <div class="row">
-        <!--<div class="row" style="height:0px;padding-bottom:25%;">-->
-        <div class="col-xs-6">
-          <div class="backgroundDiv">
-            <img src="../assets/img/tools.jpg">
-          </div>
-        </div>
-        <div class="col-xs-6">
-          <div class="introductionDiv">
-            <p style="color:white">Introduction of copywriting(coming soon...)</p>
-          </div>
-        </div>
-      </div>
-      <br>
-      <hr/>
-      <br>
-      <div class="row">
-        <div class="col-xs-3">
-          <div class="toolDiv sidebar thumbnail">
-            <div class="sidebar-module sidebar-module-inset">
-              <h1 style="color: white;text-align:center">IoTDB-Cli</h1>
-              <p style="color: white;text-align:center;font-size: large">Client tool used to read and <br>write data
-                from IoTDB</p>
-              <br>
-              <hr/>
-              <!-- 标准的按钮 -->
-              <div style="text-align:center; margin-top:30px;">
-                <button data-toggle="modal" data-target="#myModal" type="button"
-                        class="toolDownloadButton btn btn-default">
-                  Download
-                </button>
-                <!-- 模态框(Modal) -->
-                <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
-                     aria-hidden="true">
-                  <div class="modal-dialog">
-                    <div class="modal-content">
-                      <div class="modal-header">
-                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
-                          aria-hidden="true">&times;</span></button>
-                        <h2 class="modal-title">Coming soon...</h2>
-                      </div>
-                    </div><!-- /.modal-content -->
-                  </div><!-- /.modal -->
-                </div>
-                <br>
-                <br>
-              </div>
-              <div style="text-align:center;margin-top:10px;">
-                <button data-toggle="modal" data-target="#myModal" type="button"
-                        class="toolDocumentationButton btn btn-default">
-                  <font color="white">Documentation</font>
-                </button>
-                <!-- 模态框(Modal) -->
-                <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
-                     aria-hidden="true">
-                  <div class="modal-dialog">
-                    <div class="modal-content">
-                      <div class="modal-header">
-                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
-                          aria-hidden="true">&times;</span></button>
-                        <h2 class="modal-title">Coming soon...</h2>
-                      </div>
-                    </div><!-- /.modal-content -->
-                  </div><!-- /.modal -->
-                </div>
-                <br>
-                <br>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div class="col-xs-3">
-          <div class="toolDiv sidebar thumbnail">
-            <div class="sidebar-module sidebar-module-inset">
-              <h1 style="color: white;text-align:center">Grafana Connector</h1>
-              <p style="color: white;text-align:center;font-size: large"">Time Series Data<br>Visualization</p>
-              <br>
-              <hr/>
-              <!-- 标准的按钮 -->
-              <div style="text-align:center;margin-top:30px;">
-                <button data-toggle="modal" data-target="#myModal" type="button"
-                        class="toolDownloadButton btn btn-default">
-                  Download
-                </button>
-                <!-- 模态框(Modal) -->
-                <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
-                     aria-hidden="true">
-                  <div class="modal-dialog">
-                    <div class="modal-content">
-                      <div class="modal-header">
-                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
-                          aria-hidden="true">&times;</span></button>
-                        <h2 class="modal-title">Coming soon...</h2>
-                      </div>
-                    </div><!-- /.modal-content -->
-                  </div><!-- /.modal -->
-                </div>
-                <br>
-                <br>
-              </div>
-              <div style="text-align:center;margin-top:10px;">
-                <button data-toggle="modal" data-target="#myModal" type="button"
-                        class="toolDocumentationButton btn btn-default">
-                  <font color="white">Documentation</font>
-                </button>
-                <!-- 模态框(Modal) -->
-                <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
-                     aria-hidden="true">
-                  <div class="modal-dialog">
-                    <div class="modal-content">
-                      <div class="modal-header">
-                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
-                          aria-hidden="true">&times;</span></button>
-                        <h2 class="modal-title">Coming soon...</h2>
-                      </div>
-                    </div><!-- /.modal-content -->
-                  </div><!-- /.modal -->
-                </div>
-                <br>
-                <br>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div class="col-xs-3">
-          <div class="toolDiv sidebar thumbnail">
-            <div class="sidebar-module sidebar-module-inset">
-              <h1 style="color: white;text-align:center">Hadoop Connector</h1>
-              <p style="color: white;text-align:center;font-size: large">Connector tool to use Hadoop<br>to process data
-                from IoTDB </p>
-              <br>
-              <hr/>
-              <!-- 标准的按钮 -->
-              <div style="text-align:center;margin-top:30px;">
-                <button data-toggle="modal" data-target="#myModal" type="button"
-                        class="toolDownloadButton btn btn-default">
-                  Download
-                </button>
-                <!-- 模态框(Modal) -->
-                <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
-                     aria-hidden="true">
-                  <div class="modal-dialog">
-                    <div class="modal-content">
-                      <div class="modal-header">
-                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
-                          aria-hidden="true">&times;</span></button>
-                        <h2 class="modal-title">Coming soon...</h2>
-                      </div>
-                    </div><!-- /.modal-content -->
-                  </div><!-- /.modal -->
-                </div>
-                <br>
-                <br>
-              </div>
-              <div style="text-align:center;margin-top:10px;">
-                <button data-toggle="modal" data-target="#myModal" type="button"
-                        class="toolDocumentationButton btn btn-default">
-                  <font color="white">Documentation</font>
-                </button>
-                <!-- 模态框(Modal) -->
-                <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
-                     aria-hidden="true">
-                  <div class="modal-dialog">
-                    <div class="modal-content">
-                      <div class="modal-header">
-                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
-                          aria-hidden="true">&times;</span></button>
-                        <h2 class="modal-title">Coming soon...</h2>
-                      </div>
-                    </div><!-- /.modal-content -->
-                  </div><!-- /.modal -->
-                </div>
-                <br>
-                <br>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div class="col-xs-3">
-          <div class="toolDiv sidebar thumbnail">
-            <div class="sidebar-module sidebar-module-inset">
-              <h1 style="color: white;text-align:center">Spark Connector</h1>
-              <p style="color: white;text-align:center;font-size: large">Connector tool to use spark<br>to process data
-                from IoTDB </p>
-              <br>
-              <hr/>
-              <!-- 标准的按钮 -->
-              <div style="text-align:center;margin-top:30px;">
-                <!--<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"-->
-                <!--style="border-radius: 20px;width: 80%;background: #fcac45;font-size: medium;font-weight: bold;border: 2px solid #fcac45;">-->
-                <button data-toggle="modal" data-target="#myModal" type="button"
-                        class="toolDownloadButton btn btn-default">
-                  Download
-                </button>
-                <!-- 模态框(Modal) -->
-                <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
-                     aria-hidden="true">
-                  <div class="modal-dialog">
-                    <div class="modal-content">
-                      <div class="modal-header">
-                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
-                          aria-hidden="true">&times;</span></button>
-                        <h2 class="modal-title">Coming soon...</h2>
-                      </div>
-                    </div><!-- /.modal-content -->
-                  </div><!-- /.modal -->
-                </div>
-                <br>
-                <br>
-              </div>
-              <div style="text-align:center;margin-top:10px;">
-                <button data-toggle="modal" data-target="#myModal" type="button"
-                        class="toolDocumentationButton btn btn-default">
-                  <font color="white">Documentation</font>
-                </button>
-                <!-- 模态框(Modal) -->
-                <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
-                     aria-hidden="true">
-                  <div class="modal-dialog">
-                    <div class="modal-content">
-                      <div class="modal-header">
-                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
-                          aria-hidden="true">&times;</span></button>
-                        <h2 class="modal-title">Coming soon...</h2>
-                      </div>
-                    </div><!-- /.modal-content -->
-                  </div><!-- /.modal -->
-                </div>
-                <br>
-                <br>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-
-    export default {
-      name: "Tools",
-      data() {
-        return {
-          msg: 'Welcome to Tools Page'
-        }
-      }
-    }
-
-</script>
-
-<style scoped>
-  h1, h2 {
-    font-weight: normal;
-  }
-
-  div > p {
-    margin-top: 10px;
-  }
-
-  .feature > div {
-
-  }
-
-  p > img {
-    width: 50px;
-    height: 50px;
-  }
-
-  .col-xs-4 > p {
-    font-size: smaller;
-  }
-
-  .feature > .col-xs-4 {
-    border-bottom: 2px solid #eff0f8;
-    padding: 10px;
-    float: none;
-    display: table-cell;
-    vertical-align: top;
-
-  }
-
-  .backgroundImage {
-/*    background: url('../assets/img/background.jpg') no-repeat;*/
-    /*background-size: 100px auto;*/
-  }
-
-  .backgroundDiv {
-    border: 2px solid;
-    border-radius: 20px;
-    -moz-border-radius: 20px; /* Old Firefox */
-    margin: 10px 10px 10px 10px;
-    padding: 10px;
-    background: white;
-  }
-
-  .backgroundDiv > img {
-    width: 100%;
-    height: auto;
-    display: block;
-  }
-
-  .introductionDiv {
-    border: 2px solid;
-    border-radius: 20px;
-    -moz-border-radius: 20px; /* Old Firefox */
-    margin: 10px 10px 10px 10px;
-    padding: 10px;
-    background: black;
-  }
-
-  .toolDiv {
-    border: 6px solid;
-    border-radius: 20px;
-    -moz-border-radius: 20px; /* Old Firefox */
-    background: black;
-    padding: 20px 20px;
-    width: 100%;
-  }
-
-  .toolDownloadButton {
-    border-radius: 20px;
-    width: 80%;
-    background: #fcac45;
-    font-size: x-large;
-    font-weight: bold;
-    border: 2px solid #fcac45;
-  }
-
-  .toolDocumentationButton {
-    border-radius: 20px;
-    width: 80%;
-    background: black;
-    font-size: x-large;
-    font-weight: bold;
-    border: 2px solid #fcac45;
-  }
-</style>
diff --git a/static/.gitkeep b/static/.gitkeep
deleted file mode 100644
index e69de29..0000000
diff --git a/static/css/app.2e1896cc219f53b09ba16fee54548480.css b/static/css/app.2e1896cc219f53b09ba16fee54548480.css
new file mode 100644
index 0000000..fb0d6bc
--- /dev/null
+++ b/static/css/app.2e1896cc219f53b09ba16fee54548480.css
@@ -0,0 +1,2 @@
+#app{color:#2c3e50}body{font-family:Lato,sans-serif}li.dropdown:hover>ul.dropdown-menu{display:block}.navbar-nav>li>a>span{color:#fff;font-size:1.6rem}.navbar-nav>li>a>span:hover{color:orange}.container-fluid{margin-left:15%;margin-right:10%}@media (min-width:0px){.header{margin-bottom:55px}}@media (min-width:750px){.header{margin-bottom:200px}}@media (min-width:890px){.header{margin-bottom:150px}}@media (min-width:1018px){.header{margin-bottom:100px}}@media (min-width:1330px){.header{ma [...]
+/*# sourceMappingURL=app.2e1896cc219f53b09ba16fee54548480.css.map */
\ No newline at end of file
diff --git a/static/css/app.2e1896cc219f53b09ba16fee54548480.css.map b/static/css/app.2e1896cc219f53b09ba16fee54548480.css.map
new file mode 100644
index 0000000..9a3b4ac
--- /dev/null
+++ b/static/css/app.2e1896cc219f53b09ba16fee54548480.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["app.2e1896cc219f53b09ba16fee54548480.css"],"names":[],"mappings":"AACA,KACE,aAAe,CAChB,AACD,KACE,2BAAgC,CACjC,AAED,mCACE,aAAe,CAChB,AACD,sBACE,WAAa,AACb,gBAAkB,CACnB,AACD,4BACE,YAAc,CACf,AACD,iBACE,gBAAiB,AACjB,gBAAkB,CACnB,AACD,uBACA,QACI,kBAAoB,CACvB,CACA,AACD,yBACA,QACI,mBAAqB,CACxB,CACA,AACD,yBACA,QACI,mBAAqB,CACxB,CACA,AACD,0BACA,QACI,mBAAqB,CACxB,CACA,AACD,0BACA,QACI,kBAAoB,CACvB,CACA,AASD,wCACE,eAAoB,CACrB,AACD,oBACE,qBAAsB,AACtB,SAAW,CACZ,AACD,oBACE,qBAAs [...]
\ No newline at end of file
diff --git a/src/assets/img/home-Slide1.png b/static/img/home-Slide1.abe5757.png
old mode 100755
new mode 100644
similarity index 100%
rename from src/assets/img/home-Slide1.png
rename to static/img/home-Slide1.abe5757.png
diff --git a/src/assets/img/home-Slide2.png b/static/img/home-Slide2.a572f45.png
old mode 100755
new mode 100644
similarity index 100%
rename from src/assets/img/home-Slide2.png
rename to static/img/home-Slide2.a572f45.png
diff --git a/src/assets/img/home-Slide3.png b/static/img/home-Slide3.922cafc.png
old mode 100755
new mode 100644
similarity index 100%
rename from src/assets/img/home-Slide3.png
rename to static/img/home-Slide3.922cafc.png
diff --git a/src/assets/img/home-icon1.png b/static/img/home-icon1.f0f12e7.png
similarity index 100%
rename from src/assets/img/home-icon1.png
rename to static/img/home-icon1.f0f12e7.png
diff --git a/src/assets/img/home-icon3.png b/static/img/home-icon3.a6a9a5e.png
old mode 100755
new mode 100644
similarity index 100%
rename from src/assets/img/home-icon3.png
rename to static/img/home-icon3.a6a9a5e.png
diff --git a/src/assets/img/home-icon4.png b/static/img/home-icon4.73ed5c6.png
old mode 100755
new mode 100644
similarity index 100%
rename from src/assets/img/home-icon4.png
rename to static/img/home-icon4.73ed5c6.png
diff --git a/src/assets/img/home-icon6.png b/static/img/home-icon6.0f66f18.png
old mode 100755
new mode 100644
similarity index 100%
rename from src/assets/img/home-icon6.png
rename to static/img/home-icon6.0f66f18.png
diff --git a/src/assets/img/tools.jpg b/static/img/tools.cba8788.jpg
similarity index 100%
rename from src/assets/img/tools.jpg
rename to static/img/tools.cba8788.jpg
diff --git a/static/js/app.bf7d6333e341ad8390cb.js b/static/js/app.bf7d6333e341ad8390cb.js
new file mode 100644
index 0000000..8d9388e
--- /dev/null
+++ b/static/js/app.bf7d6333e341ad8390cb.js
@@ -0,0 +1,2 @@
+webpackJsonp([0],{"+VTQ":function(t,a){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAB2dJREFUeJzt3V+oZWUZx/HvOJM5M0U0GdJQZEUhWZhUBEk2Y0R0UePE3NSFQlRgRTJmEURURGRBaVESdFPUTcShUegibOAkUYZeVBSFpMWA2jjaHxuPp0bndLEsQtzPWf/eP2ut7wfeu7XXet593t88s9deey2QJEmSJEmSJEmSJEmSJEmSJGkWDgHrwGlgy+GYwHgMuB04TGI3FJ6owzF0fIkOdnTY9hBwrMvOpUpdCdzSZsNzOuz0aL9apOpc13bDLh3kNLC3ey1SdTZouZa7BGSrXy1SlVqt/S7/xZIWx4BIAQMiBQyIFNiVYJ9dPvhL [...]
+//# sourceMappingURL=app.bf7d6333e341ad8390cb.js.map
\ No newline at end of file
diff --git a/static/js/app.bf7d6333e341ad8390cb.js.map b/static/js/app.bf7d6333e341ad8390cb.js.map
new file mode 100644
index 0000000..65a66af
--- /dev/null
+++ b/static/js/app.bf7d6333e341ad8390cb.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///./src/assets/img/home-icon5.png","webpack:///./src/assets/img/tools.jpg","webpack:///./src/assets/img/home-Slide2.png","webpack:///./src/assets/img/home-Slide1.png","webpack:///./src/components/NavBar.vue?d4ba","webpack:///./src/components/NavBar.vue","webpack:///src/App.vue","webpack:///src/components/NavBar.vue","webpack:///./src/App.vue?7010","webpack:///./src/App.vue","webpack:///./src/views/HelloWorld.vue?0938","webpack:///./src/views/HelloWorld.v [...]
\ No newline at end of file
diff --git a/static/js/manifest.3ad1d5771e9b13dbdad2.js b/static/js/manifest.3ad1d5771e9b13dbdad2.js
new file mode 100644
index 0000000..1acd401
--- /dev/null
+++ b/static/js/manifest.3ad1d5771e9b13dbdad2.js
@@ -0,0 +1,2 @@
+!function(r){var n=window.webpackJsonp;window.webpackJsonp=function(e,u,c){for(var f,i,p,a=0,l=[];a<e.length;a++)i=e[a],o[i]&&l.push(o[i][0]),o[i]=0;for(f in u)Object.prototype.hasOwnProperty.call(u,f)&&(r[f]=u[f]);for(n&&n(e,u,c);l.length;)l.shift()();if(c)for(a=0;a<c.length;a++)p=t(t.s=c[a]);return p};var e={},o={2:0};function t(n){if(e[n])return e[n].exports;var o=e[n]={i:n,l:!1,exports:{}};return r[n].call(o.exports,o,o.exports,t),o.l=!0,o.exports}t.m=r,t.c=e,t.d=function(r,n,e){t.o( [...]
+//# sourceMappingURL=manifest.3ad1d5771e9b13dbdad2.js.map
\ No newline at end of file
diff --git a/static/js/manifest.3ad1d5771e9b13dbdad2.js.map b/static/js/manifest.3ad1d5771e9b13dbdad2.js.map
new file mode 100644
index 0000000..fa484c0
--- /dev/null
+++ b/static/js/manifest.3ad1d5771e9b13dbdad2.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///webpack/bootstrap 944be129c3769deb6e23"],"names":["parentJsonpFunction","window","chunkIds","moreModules","executeModules","moduleId","chunkId","result","i","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","call","modules","shift","__webpack_require__","s","installedModules","2","exports","module","l","m","c","d","name","getter","o","defineProperty","configurable","enumerable","get","n","__esModule","object","property" [...]
\ No newline at end of file
diff --git a/static/js/vendor.a71f103aa07e3361d4ef.js b/static/js/vendor.a71f103aa07e3361d4ef.js
new file mode 100644
index 0000000..33c1dc4
--- /dev/null
+++ b/static/js/vendor.a71f103aa07e3361d4ef.js
@@ -0,0 +1,51 @@
+webpackJsonp([1],{"/5sW":function(e,t,n){"use strict";(function(e){
+/*!
+ * Vue.js v2.5.21
+ * (c) 2014-2018 Evan You
+ * Released under the MIT License.
+ */
+var n=Object.freeze({});function r(e){return void 0===e||null===e}function o(e){return void 0!==e&&null!==e}function i(e){return!0===e}function a(e){return"string"==typeof e||"number"==typeof e||"symbol"==typeof e||"boolean"==typeof e}function s(e){return null!==e&&"object"==typeof e}var u=Object.prototype.toString;function c(e){return"[object Object]"===u.call(e)}function l(e){return"[object RegExp]"===u.call(e)}function f(e){var t=parseFloat(String(e));return t>=0&&Math.floor(t)===t&&i [...]
+/*!
+  * vue-router v3.0.2
+  * (c) 2018 Evan You
+  * @license MIT
+  */function r(e,t){0}function o(e){return Object.prototype.toString.call(e).indexOf("Error")>-1}function i(e,t){for(var n in t)e[n]=t[n];return e}var a={name:"RouterView",functional:!0,props:{name:{type:String,default:"default"}},render:function(e,t){var n=t.props,r=t.children,o=t.parent,a=t.data;a.routerView=!0;for(var s=o.$createElement,u=n.name,c=o.$route,l=o._routerViewCache||(o._routerViewCache={}),f=0,p=!1;o&&o._routerRoot!==o;)o.$vnode&&o.$vnode.data.routerView&&f++,o._inactive&& [...]
+/*!
+ * jQuery JavaScript Library v3.3.1
+ * https://jquery.com/
+ *
+ * Includes Sizzle.js
+ * https://sizzlejs.com/
+ *
+ * Copyright JS Foundation and other contributors
+ * Released under the MIT license
+ * https://jquery.org/license
+ *
+ * Date: 2018-01-20T17:24Z
+ */
+/*!
+ * jQuery JavaScript Library v3.3.1
+ * https://jquery.com/
+ *
+ * Includes Sizzle.js
+ * https://sizzlejs.com/
+ *
+ * Copyright JS Foundation and other contributors
+ * Released under the MIT license
+ * https://jquery.org/license
+ *
+ * Date: 2018-01-20T17:24Z
+ */
+!function(t,n){"use strict";"object"==typeof e&&"object"==typeof e.exports?e.exports=t.document?n(t,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return n(e)}:n(t)}("undefined"!=typeof window?window:this,function(n,o){"use strict";var i=[],a=n.document,s=Object.getPrototypeOf,u=i.slice,c=i.concat,l=i.push,f=i.indexOf,p={},d=p.toString,h=p.hasOwnProperty,v=h.toString,y=v.call(Object),m={},g=function(e){return"function"==typeof e&&"number"!=type [...]
+/*!
+ * Sizzle CSS Selector Engine v2.3.3
+ * https://sizzlejs.com/
+ *
+ * Copyright jQuery Foundation and other contributors
+ * Released under the MIT license
+ * http://jquery.org/license
+ *
+ * Date: 2016-08-08
+ */
+function(e){var t,n,r,o,i,a,s,u,c,l,f,p,d,h,v,y,m,g,b,x="sizzle"+1*new Date,w=e.document,_=0,C=0,k=ae(),T=ae(),A=ae(),E=function(e,t){return e===t&&(f=!0),0},S={}.hasOwnProperty,O=[],j=O.pop,$=O.push,D=O.push,N=O.slice,L=function(e,t){for(var n=0,r=e.length;n<r;n++)if(e[n]===t)return n;return-1},R="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",P="[\\x20\\t\\r\\n\\f]",I="(?:\\\\.|[\\w-]|[^\0-\\xa0])+",q="\\["+P+ [...]
+//# sourceMappingURL=vendor.a71f103aa07e3361d4ef.js.map
\ No newline at end of file
diff --git a/static/js/vendor.a71f103aa07e3361d4ef.js.map b/static/js/vendor.a71f103aa07e3361d4ef.js.map
new file mode 100644
index 0000000..4df30a5
--- /dev/null
+++ b/static/js/vendor.a71f103aa07e3361d4ef.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///./node_modules/vue/dist/vue.runtime.esm.js","webpack:///./node_modules/vue-router/dist/vue-router.esm.js","webpack:///./node_modules/jquery/dist/jquery.js","webpack:///(webpack)/buildin/global.js","webpack:///./node_modules/vue-loader/lib/component-normalizer.js"],"names":["global","emptyObject","Object","freeze","isUndef","v","undefined","isDef","isTrue","isPrimitive","value","isObject","obj","_toString","prototype","toString","isPlainObject","call"," [...]
\ No newline at end of file
diff --git a/test/unit/.eslintrc b/test/unit/.eslintrc
deleted file mode 100644
index d6346a7..0000000
--- a/test/unit/.eslintrc
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-  "env": { 
-    "mocha": true
-  },
-  "globals": { 
-    "expect": true,
-    "sinon": true
-  }
-}
diff --git a/test/unit/index.js b/test/unit/index.js
deleted file mode 100644
index c69f33f..0000000
--- a/test/unit/index.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import Vue from 'vue'
-
-Vue.config.productionTip = false
-
-// require all test files (files that ends with .spec.js)
-const testsContext = require.context('./specs', true, /\.spec$/)
-testsContext.keys().forEach(testsContext)
-
-// require all src files except main.js for coverage.
-// you can also change this to match only the subset of files that
-// you want coverage for.
-const srcContext = require.context('../../src', true, /^\.\/(?!main(\.js)?$)/)
-srcContext.keys().forEach(srcContext)
diff --git a/test/unit/karma.conf.js b/test/unit/karma.conf.js
deleted file mode 100644
index 5d3966d..0000000
--- a/test/unit/karma.conf.js
+++ /dev/null
@@ -1,33 +0,0 @@
-// This is a karma config file. For more details see
-//   http://karma-runner.github.io/0.13/config/configuration-file.html
-// we are also using it with karma-webpack
-//   https://github.com/webpack/karma-webpack
-
-var webpackConfig = require('../../build/webpack.test.conf')
-
-module.exports = function karmaConfig (config) {
-  config.set({
-    // to run in additional browsers:
-    // 1. install corresponding karma launcher
-    //    http://karma-runner.github.io/0.13/config/browsers.html
-    // 2. add it to the `browsers` array below.
-    browsers: ['PhantomJS'],
-    frameworks: ['mocha', 'sinon-chai', 'phantomjs-shim'],
-    reporters: ['spec', 'coverage'],
-    files: ['./index.js'],
-    preprocessors: {
-      './index.js': ['webpack', 'sourcemap']
-    },
-    webpack: webpackConfig,
-    webpackMiddleware: {
-      noInfo: true
-    },
-    coverageReporter: {
-      dir: './coverage',
-      reporters: [
-        { type: 'lcov', subdir: '.' },
-        { type: 'text-summary' }
-      ]
-    }
-  })
-}
diff --git a/test/unit/specs/HelloWorld.spec.js b/test/unit/specs/HelloWorld.spec.js
deleted file mode 100644
index 6c3ba4f..0000000
--- a/test/unit/specs/HelloWorld.spec.js
+++ /dev/null
@@ -1,11 +0,0 @@
-import Vue from 'vue'
-import HelloWorld from '../../../src/views/HelloWorld'
-
-describe('HelloWorld.vue', () => {
-  it('should render correct contents', () => {
-    const Constructor = Vue.extend(HelloWorld)
-    const vm = new Constructor().$mount()
-    expect(vm.$el.querySelector('.hello h1').textContent)
-      .to.equal('Welcome to Your Vue.js App')
-  })
-})