vue-bgms

基于 Vue 和 Element-ui 的后台管理系统

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:822
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For detailed explanation on how things work, checkout the guide and docs for vue-loader.

note

#  dialog内点击某一元素展开第二个dialog，这两个dialog应平级，不要嵌套

#  Vue方法中setTimeout改变变量的值无效，需要把data里的变量继承过来重新封装一下
let that = this;
this.rightAnswer = false;
setTimeout(function() {
  that.rightAnswer = true;
}, 1500)

个人中心逻辑

1. 邮箱：

操作	phoneVerified	phone	emailVerified	email	验证码发送至
添加(手机已验证)	√		×	×	phone
添加(手机未验证)	×		×	×	email(新输入的)
验证			×	√	email
修改(邮箱必验证，手机已验证)	√		√	√	phone或email(用户选择)
修改(邮箱必验证，手机未验证)	×		√	√	email

2. 手机：

操作	phoneVerified	phone	emailVerified	email	验证码发送至
添加(邮箱已验证)	×	×	√		email
添加(邮箱未验证)	×	×	×		phone(新输入的)
验证	×	√			phone
修改(手机必验证，邮箱已验证)	√	√	√		phone或email(用户选择)
修改(手机必验证，邮箱未验证)	√	√	×		phone

• 更新信息
  • 获取验证码
  • 更新用户信息: PUT /user，在request header里添加Authorization
• check验证码
  • 只能check验证过的邮箱或手机

webpack打包

1. 关于重新打包后浏览器加载过慢：
    主要是 vendor.js 加载过慢。
    vendor.js 是包含第三方依赖的打包后js文件，相对来说文件较大，但一般情况下较少更新。但在项目中，发现一旦更改了 app.js 内的代码，vendor.js 的 hash 也会改变，所以再次打包后，浏览器总是要重新加载 vendor.js ，此为 webpack 的一个 bug 。
    解决方法： HashedModuleIdsPlugin 插件使用
    {
      test: /\.scss$/,
      exclude: /node_modules/,
      loader: ExtractTextPlugin.extract("style-loader", "css-loader!sass-loader")
    }

2. 关于打包后 css 异常的问题。
    目前原因尚不明确， 尝试 css 分离打包
    {
      test: /\.scss$/,
      exclude: /node_modules/,
      loader: ExtractTextPlugin.extract("style-loader", "css-loader!sass-loader")
    }