更新框架配置

README.md

-## 徐汇教育局项目
+## Vue基础框架
 ```
 npm install
 

build/build.prd.js

-// 此文件是项目打包服务,用来构建一个全量压缩包
-// 命令: npm run build
+
+/**
+ * @file 项目打包服务, 用来构建一个全量生产包
+ */
 
 'use strict'
 const ora = require('ora')

build/vue-loader.config.js

-// Vue-loader配置
+/**
+ * @file Vue-loader配置
+ */
 const { dev = {}, build = {} } = require('../config/config')
 
 module.exports = (isDev) => {

build/webpack.base.conf.js

@@ -26,21 +26,22 @@ const defaultPlugins = [
 
 module.exports = {
     entry: path.resolve(__dirname, '../src/index.js'),
+
     resolve: {
         // 自动解析文件扩展名(补全文件后缀)(左 -> 右)
         extensions: ['.js', '.vue', '.json'],
         // 配置别名映射
         alias: {
-            // 键后加上$,表示精准匹配！
+            // 键后加上$,表示精准匹配
             vue$: 'vue/dist/vue.esm.js',
             '@': resolve('src'),
-            utils: resolve('src/utils'),
+            utils: resolve('src/public/utils/utils'),
             components: resolve('src/components'),
             public: resolve('public')
         }
     },
+
     module: {
-        // 处理模块的规则(可在此处使用不同的loader来处理模块)
         rules: [
             {
                 test: /\.(vue|js|jsx)$/,
@@ -57,7 +58,7 @@ module.exports = {
                 test: /\.jsx$/,
                 loader: 'babel-loader' // 处理jsx文件
             },
-            // 使用babel-loader来处理src下所有js文件, 详细babel配置在.babelrc, 用来转义ES6
+            // 使用babel-loader来处理src下所有js文件, 详细babel配置在.babelrc
             {
                 test: /\.js$/,
                 use: {
@@ -66,8 +67,8 @@ module.exports = {
                 include: resolve('src')
             },
             // 使用url-loader(file-loader的一个再封装)对引入的图片进行编码,此处可将小于20480字节(20kb)的图片转为DataURL(base64),
-            // 大于limit字节的会调用file-loader进行处理！
-            // 图片一般发布后都是长缓存,故此处文件名加入hash做版本区分!
+            // 大于limit字节的会调用file-loader进行处理
+            // 图片一般发布后都是长缓存,故此处文件名加入hash做版本区分
             {
                 test: /\.(jpg|png|gif|svg|jpeg|txt|exl)$/,
                 use: [
@@ -82,14 +83,15 @@ module.exports = {
                 ]
             },
             {
-                // 当前loader需要处理的文件类型(后缀)
-                test: /\.(eot|ttf|svg|woff|woff2)(\?\S*)?$/, // iconfont字体文件
+                // iconfont字体文件
+                test: /\.(eot|ttf|svg|woff|woff2)(\?\S*)?$/,
                 // 处理test中的文件类型需要用到的loader类型(名称)
                 use: {
-                    loader: 'file-loader' // 处理静态资源类型
+                    loader: 'file-loader'
                 }
             }
         ]
     },
+
     plugins: defaultPlugins.concat([])
 }

build/webpack.dev.conf.js

@@ -10,12 +10,15 @@ const merge = require('webpack-merge')
 const HtmlWebpackPlugin = require('html-webpack-plugin')
 const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
 const notifier = require('node-notifier')
+
 const devConf = merge(baseConf, {
     output: {
         filename: '[name].[hash:8].js',
         publicPath: devConfig.publicPath
     },
+
     devtool: devConfig.devtoolType,
+
     devServer: {
         // HMR控制台log等级
         clientLogLevel: 'warning',
@@ -43,10 +46,9 @@ const devConf = merge(baseConf, {
         // 终端输出的只有初始启动信息, webpack 的警告和错误是不输出到终端的
         quiet: false
     },
+
     module: {
-        // 处理模块的规则(可在此处使用不同的loader来处理模块)
         rules: [
-            // 使用vue-style-loader!css-loader!postcss-loader处理以css结尾的文件
             {
                 test: /\.css$/,
                 use: [
@@ -65,7 +67,6 @@ const devConf = merge(baseConf, {
                     }
                 ]
             },
-            // 使用vue-style-loader!css-loader!postcss-loader处理以less结尾的文件！
             {
                 test: /\.less$/,
                 use: [
@@ -90,7 +91,6 @@ const devConf = merge(baseConf, {
                     }
                 ]
             },
-            // 使用vue-style-loader!css-loader!postcss-loader处理以scss结尾的文件
             {
                 test: /\.scss$/,
                 use: [
@@ -121,6 +121,7 @@ const devConf = merge(baseConf, {
             }
         ]
     },
+
     plugins: [
         // 开启HMR(热替换功能, 替换更新部分, 不重载页面)
         new webpack.HotModuleReplacementPlugin(),

build/webpack.prod.conf.js

@@ -24,9 +24,10 @@ const prodConf = merge(baseConf, {
         filename: assetsPath('js/[name].[chunkhash:8].js'),
         chunkFilename: assetsPath('js/[name].[chunkhash:8].js')
     },
+
     devtool: prodConfig.devtoolType,
+
     module: {
-        // 处理模块的规则(可在此处使用不同的loader来处理模块！)
         rules: [
             {
                 test: /\.css$/,
@@ -51,8 +52,8 @@ const prodConf = merge(baseConf, {
             }
         ]
     },
+
     plugins: [
-        // 每个chunk头部添加vue-cli-init!
         new webpack.BannerPlugin('vue-cli-init'),
 
         // 压缩js

config/config.js

-// 该文件主要用来配置构建开发环境和生产环境差异化的参数
+/**
+ * @file 配置构建开发环境和生产环境差异化参数
+ */
 
 const _path = require('path')
 const ExtractTextPlugin = require('extract-text-webpack-plugin')
 
 // vue-loader基本配置
 const baseVueLoaderConf = {
-    // 引入postcss插件
     postcss: {
         config: {
             path: _path.resolve('../')
@@ -22,7 +23,6 @@ const baseVueLoaderConf = {
 
 // vue-loader开发环境配置
 const devVueLoaderConf = Object.assign({}, baseVueLoaderConf, {
-    // loaders
     loaders: {
         css: ['vue-style-loader', 'css-loader'],
         less: ['vue-style-loader', 'css-loader', 'postcss-loader', 'less-loader']
@@ -32,7 +32,6 @@ const devVueLoaderConf = Object.assign({}, baseVueLoaderConf, {
 
 // vue-loader生产环境配置
 const buildVueLoaderConf = Object.assign({}, baseVueLoaderConf, {
-    // loaders
     loaders: ExtractTextPlugin.extract({
         use: ['css-loader', 'postcss-loader', 'less-loader'],
         fallback: 'vue-style-loader'
@@ -48,9 +47,10 @@ module.exports = {
         vueloaderConf: devVueLoaderConf,
         host: '127.0.0.1',
         port: '8081',
+        // 开发环境跨域配置
         proxyTable: {
             '/apis': {
-                target: 'http://192.168.0.121:8881', // 接口域名
+                target: 'http://192.168.0.121:8881',
                 pathRewrite: {
                     '^/apis': '/'
                 },
@@ -63,7 +63,7 @@ module.exports = {
         publicPath: '../../',
         devtoolType: '#cheap-module-source-map',
         vueloaderConf: buildVueLoaderConf,
-        host: '', // 接口请求域名
+        host: '',
         staticPath: 'static'
     }
 }

src/public/utils/constant.js

-// 新增弹框的title需要在此增加
-const bulletTitle = {
-    managementAnalysis: '教育发展课题管理分析',
-    teacherDevelop: '教师专业发展专项活动情况',
-    TeachersPersonal: '教师个人专业能力发展情况',
-    TeachActive: '教研活动开展情况',
-    schoolQuality: '学校办学质量分析'
-}
-export default {
-    bulletTitle
-}

src/request/apis.js

@@ -2,19 +2,4 @@
  * @file request/apis 所有接口url
  */
 
-export default {
-    index: '/api1', // 徐汇区教师队伍整体发展情况分析
-    indexJYFZDetail: '/api1JYFZDetail', // 教育发展课题管理分析弹窗
-    indexTeacherHonerDetail: '/api1teacherHonerDetail', // 教师专业发展专项活动情况
-    indexMapModal: '/api1MapPanel', // 地图定位点弹窗详情
-    childGardon: '/api2', // 区域整体办学质量检测分析(幼儿园)
-    childGardonDetail: '/api2detail', // 学校办学质量分析(幼儿园)
-    childPrimaryMiddleSchool: '/api3', // 区域整体办学质量检测分析(小学、中学)
-    childMapModal: '/api2MapPanel', // (幼儿园)地图定位点弹窗详情
-    middleMapModal: '/api3MapPanel', // (小学、中学)地图定位点弹窗详情
-    childPrimaryMiddleSchoolDetail: '/api3detail', // 学校办学质量分析(小学、中学)
-    cultivate: '/api4', // 教师队伍专业能力培养分析
-    cultivateSearch: '/api4searchTeacher', // 教师队伍专业能力培养分析 - 搜索
-    cultivateDetail: '/api4teacherAbilityDetail', // 教师个人专业能力发展情况
-    teacherActivity: '/api4jiaoYanDetail' // 教研活动开展情况
-}
+export default {}

src/store/actions/index.js

@@ -2,14 +2,4 @@
  * @file actions/index Vuex-actions
  */
 
-export default {
-    actionOpenBullet: ({ commit }, data) => {
-        return commit('openBullet', data)
-    },
-    actionCloseBullet: ({ commit }) => {
-        return commit('closeBullet')
-    },
-    actionTeacherAbility: ({ commit }, payload) => {
-        commit('setTeacherAbility', payload)
-    }
-}
+export default {}

src/store/mutations/index.js

@@ -2,33 +2,7 @@
 /**
  * @file mutations/index Vuex-mutations
  */
-import allTitle from '../../public/utils/constant'
 
 export default {
-    openBullet: (state, data) => {
-        // 打开弹框
-        state.showBullet = true
-        // 关闭其他所有插槽
-        for (let key in state.bulletConTent) {
-            state.bulletConTent[key] = false
-        }
-        // 变更弹框的title
-        state.bulletTitle = allTitle.bulletTitle[data.type]
-        // 打开对应弹框的插槽
-        state.bulletConTent[data.type] = true
-        // 根据data和type进行特殊处理
-        if (data.type === 'schoolQuality' && data.schoolKey) {
-            // 学校办学质量分析
-            state.schoolKey = data.schoolKey
-        }
-    },
-    closeBullet: (state) => {
-        // 直接关闭弹框
-        state.showBullet = false
-    },
 
-    // 教师个人能力发展情况
-    setTeacherAbility (state, payload) {
-        state.teacherAbility = payload.key || ''
-    }
 }

src/store/state/index.js

@@ -4,15 +4,5 @@
  */
 
 export default {
-    showBullet: false, // 是否展示弹框(外部的大框)
-    bulletTitle: '教研活动开展情况', // 弹框名字
-    bulletConTent: {
-        managementAnalysis: false, // 教育发展课题管理分析
-        teacherDevelop: false, // 教师专业发展专项活动情况
-        schoolQuality: false, // 学校办学质量分析
-        TeachActive: false, // 教研活动开展情况
-        TeachersPersonal: false // 教师个人专业能力发展情况
-    },
-    schoolKey: '', // 学校办学质量分析的key(用于请求弹框内数据)
-    teacherAbility: '' // 教师个人能力发展情况
+
 }