• vue+element实现电商商城礼品代发网，商品、订单管理

    一、项目效果图

    1.首页

    在这里插入图片描述

    2.登录

    在这里插入图片描述
    版本2：
    在这里插入图片描述

    3.注册

    在这里插入图片描述

    4.找回密码

    在这里插入图片描述

    5.立即下单

    在这里插入图片描述

    6.商品详情

    在这里插入图片描述
    在这里插入图片描述

    7.个人中心-工作台

    在这里插入图片描述

    8.个人中心-订单列表

    在这里插入图片描述

    9.订单中心-包裹列表

    在这里插入图片描述

    10.个人中心-工单管理

    在这里插入图片描述

    11.我的钱包

    在这里插入图片描述

    12.实名认证

    在这里插入图片描述

    13.升级vip

    在这里插入图片描述

    14.个人中心-推广赚钱

    在这里插入图片描述

    二、关键源码

    1.路由配置

    import Vue from 'vue'
import Router from 'vue-router'
import Layout from '@/components/index/index'
Vue.use(Router)


export const constantRoutes = [
    {
      path: '/index',
      component: Layout,
      children: [{
        path: '',
        name: '主页',
        component: () =>
          import( /* webpackChunkName: "views" */ '@/views/home/index'),
      }]
    },
    {
      path: '/',
      name: '主页',
      redirect: '/index'
    },
    {
      path: '/type',
      component: Layout,
      children: [{
        path: '',
        name: '分类',
        component: () =>
          import( /* webpackChunkName: "views" */ '@/views/type/index'),
      }]
    },
    {
      path: '/productDetail',
      component: Layout,
      children: [{
        path: '',
        name: '商品详情',
        component: () =>
          import( /* webpackChunkName: "views" */ '@/views/product_detail/index'),
      }]
    },
    {
      path: '/personal',
      component: Layout,
      redirect: '/personal/staging',
      children: [{
        path: 'staging',
        name: '个人中心',
        component: () =>
          import( /* webpackChunkName: "views" */ '@/views/personal/index'),
        redirect: '/personal/staging',
        children:[
          {
            path: '/personal/staging',
            name: '工作台',
            component: () => import( '@/views/personal/staging.vue')
          },
          {
            path: '/personal/order',
            name: '订单列表',
            component: () => import( '@/views/personal/order.vue')
          },
          {
            path: '/personal/package',
            name: '包裹列表',
            component: () => import( '@/views/personal/package.vue')
          },
          {
            path: '/personal/merchant',
            name: '工单管理',
            component: () => import( '@/views/personal/merchant.vue')
          },
          {
            path: '/personal/myWallet',
            name: '我的钱包',
            component: () => import( '@/views/personal/my_wallet.vue')
          },
          {
            path: '/personal/auth',
            name: '实名认证',
            component: () => import( '@/views/personal/auth.vue')
          },
          {
            path: '/personal/vip',
            name: '升级VIP',
            component: () => import( '@/views/personal/vip.vue')
          },
          {
            path: '/personal/popMoney',
            name: '推广赚钱',
            component: () => import( '@/views/personal/pop_money.vue')
          }
        ]
      }]
    },
  ];

const createRouter = () => new Router({
  // mode: 'history', // require service support
  scrollBehavior: () => ({
    y: 0
  }),
  routes: constantRoutes
})

const router = createRouter()

// Detail see: https://github.com/vuejs/vue-router/issues/1234#issuecomment-357941465
export function resetRouter() {
  const newRouter = createRouter()
  router.matcher = newRouter.matcher // reset router
}

export default router


    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37
    • 38
    • 39
    • 40
    • 41
    • 42
    • 43
    • 44
    • 45
    • 46
    • 47
    • 48
    • 49
    • 50
    • 51
    • 52
    • 53
    • 54
    • 55
    • 56
    • 57
    • 58
    • 59
    • 60
    • 61
    • 62
    • 63
    • 64
    • 65
    • 66
    • 67
    • 68
    • 69
    • 70
    • 71
    • 72
    • 73
    • 74
    • 75
    • 76
    • 77
    • 78
    • 79
    • 80
    • 81
    • 82
    • 83
    • 84
    • 85
    • 86
    • 87
    • 88
    • 89
    • 90
    • 91
    • 92
    • 93
    • 94
    • 95
    • 96
    • 97
    • 98
    • 99
    • 100
    • 101
    • 102
    • 103
    • 104
    • 105
    • 106
    • 107
    • 108
    • 109
    • 110
    • 111
    • 112
    • 113
    • 114
    • 115
    • 116

    2.登录注册窗口

    <template>
    <div>
      
      <el-dialog
        class="form-dialog"
        title=""
        :visible.sync="box"
        width="500px"
        :close-on-click-modal="false"
        center>
        <div>
          <div v-show="modalType === 'forget'" class="form-title"> 找回密码 div>
          <div class="tabs-group">
            <a :class="'tab-link el-link el-link--danger '+(modalType === 'login'?'active':'')" @click="changeModalType('login')">
              
              <span class="el-link--inner"> 登录 span>
              
            a>
            <div class="tab-divider el-divider el-divider--vertical">
              
            div>
            <a :class="'tab-link el-link el-link--danger '+(modalType === 'register'?'active':'')" @click="changeModalType('register')">
              
              <span class="el-link--inner"> 注册 span>
              
            a>
          div>
          <el-form v-show="modalType === 'login'" class="login-form"
                   status-icon
                   :rules="loginRules"
                   ref="loginForm"
                   :model="loginForm"
                   label-width="0">
            <el-form-item prop="phone">
              <el-input size="small"
                        v-model="loginForm.phone"
                        auto-complete="off"
                        placeholder="请输入您的手机号">
                <i slot="prefix" class="el-icon-user el-icon--right"/>
              el-input>
            el-form-item>
            <el-form-item prop="password" v-show="loginType === 'pwd'">
              <el-input size="small"
                        :type="passwordType"
                        v-model="loginForm.password"
                        auto-complete="off"
                        placeholder="请输入您的密码">
                <i class="el-icon-view el-input__icon" slot="suffix" @click="showPassword"/>
                <i slot="prefix" class="el-icon-lock el-icon--right"/>
              el-input>
            el-form-item>
            <el-form-item prop="validCode" v-show="loginType === 'code'">
              <el-input size="small" placeholder="请输入验证码" v-model="loginForm.validCode" class="input-with-select">
                <i slot="prefix" class="el-icon-user el-icon--right" style="line-height: 32px;"/>
                <el-button slot="append" @click="sendValidCode">发送验证码el-button>
              el-input>
            el-form-item>
            <el-form-item>
              <el-row :span="24">
                <el-col :span="12">
                  <el-checkbox v-show="loginType === 'pwd'" v-model="loginForm.autoLogin">保存密码el-checkbox>
                el-col>
                <el-col :span="loginType === 'pwd'?12:24" style="text-align: right;">
                  <el-button type="text"
                             style="width: 100px;color: #606266;"
                             @click.native.prevent="changeModalType('forget')"
                             class="login-submit">
                    忘记密码
                  el-button>
                el-col>
              el-row>
              <el-row :span="24">
                <el-col :span="24" style="text-align: right;">
                  <el-button type="primary"
                             style="width: 100%;height: 40px;"
                             @click.native.prevent="handleLogin"
                             class="login-submit">
                    登录
                  el-button>
                el-col>
              el-row>
            el-form-item>
          el-form>

          <el-form v-show="modalType === 'register'" class="login-form"
                   status-icon
                   :rules="registerRules"
                   ref="registerForm"
                   :model="registerForm"
                   label-width="0">
            <el-form-item prop="phone">
              <el-input size="small"
                        v-model="registerForm.phone"
                        auto-complete="off"
                        placeholder="请输入您的手机号">
                <i slot="prefix" class="el-icon-user el-icon--right"/>
              el-input>
            el-form-item>
            <el-form-item prop="validCode">
              <el-input size="small" placeholder="请输入验证码" v-model="registerForm.validCode" class="input-with-select">
                <i slot="prefix" class="el-icon-user el-icon--right" style="line-height: 32px;"/>
                <el-button slot="append" @click="sendValidCode">发送验证码el-button>
              el-input>
            el-form-item>
            <el-form-item prop="password">
              <el-input size="small"
                        :type="passwordType"
                        v-model="registerForm.password"
                        auto-complete="off"
                        placeholder="6-20位密码">
                <i class="el-icon-view el-input__icon" slot="suffix" @click="showPassword"/>
                <i slot="prefix" class="el-icon-lock el-icon--right"/>
              el-input>
            el-form-item>
            <el-form-item prop="passwordConfirm">
              <el-input size="small"
                        :type="passwordType"
                        v-model="registerForm.passwordConfirm"
                        auto-complete="off"
                        placeholder="请输入确认密码">
                <i class="el-icon-view el-input__icon" slot="suffix" @click="showPassword"/>
                <i slot="prefix" class="el-icon-lock el-icon--right"/>
              el-input>
            el-form-item>
            <el-form-item>
              <el-row :span="24">
                <el-col :span="24" style="text-align: right;">
                  <el-button type="primary"
                             style="width: 100%;height: 40px;"
                             @click.native.prevent="handleRegister"
                             class="login-submit">
                    注册
                  el-button>
                el-col>
              el-row>
            el-form-item>
          el-form>

          <div v-show="modalType === 'login' || modalType === 'register'" class="login-type-change">
            <a class="el-link el-link--info" @click="changeLoginType('pwd')">
              
              <span class="el-link--inner">密码登录span>
              
            a>
            <div class="el-divider el-divider--vertical">
              
            div>
            <a class="el-link el-link--info">
              
              <span class="el-link--inner" @click="changeLoginType('code')">验证码登录span>
              
            a>
          div>

          <el-form v-show="modalType === 'forget'" class="login-form"
                   status-icon
                   :rules="forgetRules"
                   ref="registerForm"
                   :model="forgetForm"
                   label-width="0">
            <el-form-item prop="phone">
              <el-input size="small"
                        v-model="forgetForm.phone"
                        auto-complete="off"
                        placeholder="请输入您的手机号">
                <i slot="prefix" class="el-icon-user el-icon--right"/>
              el-input>
            el-form-item>
            <el-form-item prop="validCode">
              <el-input size="small" placeholder="请输入验证码" v-model="forgetForm.validCode" class="input-with-select">
                <i slot="prefix" class="el-icon-user el-icon--right" style="line-height: 32px;"/>
                <el-button slot="append" @click="sendValidCode">发送验证码el-button>
              el-input>
            el-form-item>
            <el-form-item prop="password">
              <el-input size="small"
                        :type="passwordType"
                        v-model="forgetForm.password"
                        auto-complete="off"
                        placeholder="6-20位密码">
                <i class="el-icon-view el-input__icon" slot="suffix" @click="showPassword"/>
                <i slot="prefix" class="el-icon-lock el-icon--right"/>
              el-input>
            el-form-item>
            <el-form-item prop="passwordConfirm">
              <el-input size="small"
                        :type="passwordType"
                        v-model="forgetForm.passwordConfirm"
                        auto-complete="off"
                        placeholder="请输入确认密码">
                <i class="el-icon-view el-input__icon" slot="suffix" @click="showPassword"/>
                <i slot="prefix" class="el-icon-lock el-icon--right"/>
              el-input>
            el-form-item>
            <el-form-item>
              <el-row :span="24">
                <el-col :span="12" style="text-align: left;">
                  <el-button type="text"
                             @click="changeLoginType('pwd')"
                             style="width: 100px;color: #606266;"
                             @click.native.prevent="handleLogin"
                             class="login-submit">
                    返回登录
                  el-button>
                el-col>
              el-row>
            el-form-item>
            <el-form-item>
              <el-row :span="24">
                <el-col :span="24" style="text-align: right;">
                  <el-button type="primary"
                             style="width: 100%;height: 40px;"
                             @click.native.prevent="handleForget"
                             class="login-submit">
                    确认修改
                  el-button>
                el-col>
              el-row>
            el-form-item>
          el-form>

        div>
      el-dialog>
    div>
template>

<script>
    export default {
        name: "login_modal",
      data() {
        return {
          box: false,
          modalType: 'login',
          loginType: 'pwd',
          loginForm: {
            phone: "",
            password: "",
            validCode: "",
            autoLogin: false
          },
          loginRules: {
            phone: [
              {required: true, message: "请输入您的手机号", trigger: "blur"}
            ],
            password: [
              {required: true, message: "请输入您的密码", trigger: "blur"},
              {min: 1, message: "密码长度最少为6位", trigger: "blur"}
            ],
            validCode: [
              {required: false, message: "请输入验证码", trigger: "blur"}
            ],
          },
          registerForm: {
            phone: "",
            validCode: '',
            password: "",
            passwordConfirm: "",
          },
          registerRules: {
            phone: [
              {required: true, message: "请输入您的手机号码", trigger: "blur"}
            ],
            validCode: [
              {required: true, message: "请输入验证码", trigger: "blur"}
            ],
            password: [
              {required: true, message: "请输入密码", trigger: "blur"},
              {min: 1, message: "密码长度最少为6位", trigger: "blur"}
            ],
            passwordConfirm: [
              {required: true, message: "请输入确认密码", trigger: "blur"},
              {min: 1, message: "密码长度最少为6位", trigger: "blur"}
            ]
          },
          forgetForm: {
            phone: "",
            validCode: '',
            password: "",
            passwordConfirm: "",
          },
          forgetRules: {
            phone: [
              {required: true, message: "请输入您的手机号码", trigger: "blur"}
            ],
            validCode: [
              {required: true, message: "请输入验证码", trigger: "blur"}
            ],
            password: [
              {required: true, message: "请输入密码", trigger: "blur"},
              {min: 1, message: "密码长度最少为6位", trigger: "blur"}
            ],
            passwordConfirm: [
              {required: true, message: "请输入确认密码", trigger: "blur"},
              {min: 1, message: "密码长度最少为6位", trigger: "blur"}
            ]
          },
          passwordType: "password",
        };
      },
      watch: {
          'loginType'(){
            if(this.modalType === 'login' && this.loginType === 'code'){
              this.loginRules['validCode'][0].required = true;
            }else{
              this.loginRules['validCode'][0].required = false;
            }
          }
      },
      mounted() {
      },
      methods: {
        //登录模式
        changeModalType(type){
          this.modalType = type;
          if(this.$refs.loginForm){
            this.$refs.loginForm.resetFields();
          }
          if(this.$refs.registerForm){
            this.$refs.registerForm.resetFields();
          }
        },
        //登录模式
        changeLoginType(type){
          this.modalType = 'login';
          this.loginType = type;
          if(this.$refs.loginForm){
            this.$refs.loginForm.resetFields();
          }
          if(this.$refs.registerForm){
            this.$refs.registerForm.resetFields();
          }
        },
        loginModal(){
          this.box = true;
          if(this.$refs.loginForm){
            this.$refs.loginForm.resetFields();
          }
          if(this.$refs.registerForm){
            this.$refs.registerForm.resetFields();
          }
        },
        showPassword() {
          this.passwordType === ""
            ? (this.passwordType = "password")
            : (this.passwordType = "");
        },
        //登录
        handleLogin() {
          this.$refs.loginForm.validate(valid => {
            if (valid) {
              const loading = this.$loading({
                lock: true,
                text: '登录中,请稍后。。。',
                spinner: "el-icon-loading"
              });
              loading.close();
            }
          });
        },
        //发送验证码
        sendValidCode(){
          if(this.registerForm.phone.trim() === ''){
            this.$message.warning('请输入手机号码');
            return;
          }
        },
        //注册
        handleRegister() {
          this.$refs.registerForm.validate(valid => {
            if (valid) {
              const loading = this.$loading({
                lock: true,
                text: '注册中,请稍后。。。',
                spinner: "el-icon-loading"
              });
              loading.close();
            }
          });
        },
        //找回密码
        handleForget() {
          this.$refs.forgetForm.validate(valid => {
            if (valid) {
              const loading = this.$loading({
                lock: true,
                text: '保存中,请稍后。。。',
                spinner: "el-icon-loading"
              });
              loading.close();
            }
          });
        },
      }
    }
script>

<style scoped>
  .form-dialog .tabs-group {
    display: flex;
    justify-content: center;
    margin: 20px;
  }
  .el-link.el-link--danger {
    color: #f56c6c;
  }
  .form-dialog .tabs-group .tab-link {
    font-size: 16px;
    color: #999;
  }
  .form-dialog .tabs-group .active {
    font-size: 20px;
    color: #f94a3d;
  }
  .el-divider--vertical {
    display: inline-block;
    width: 1px;
    height: 1em;
    margin: 0 8px;
    vertical-align: middle;
    position: relative;
  }
  .form-dialog .tabs-group .tab-divider {
    height: 28px;
  }
  .el-divider {
    background-color: #dcdfe6;
  }
  .form-dialog .login-type-change {
    margin-top: 14px;
    text-align: center;
  }
  .el-link.el-link--info {
    color: #909399;
  }
  .el-link {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    position: relative;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
  }
  .form-dialog .tabs-group .tab-link:hover {
    color: #fa6a64;
  }
  .form-dialog .form-title {
    font-size: 20px;
    color: #666;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 37px;
    text-align: center;
  }
style>


    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37
    • 38
    • 39
    • 40
    • 41
    • 42
    • 43
    • 44
    • 45
    • 46
    • 47
    • 48
    • 49
    • 50
    • 51
    • 52
    • 53
    • 54
    • 55
    • 56
    • 57
    • 58
    • 59
    • 60
    • 61
    • 62
    • 63
    • 64
    • 65
    • 66
    • 67
    • 68
    • 69
    • 70
    • 71
    • 72
    • 73
    • 74
    • 75
    • 76
    • 77
    • 78
    • 79
    • 80
    • 81
    • 82
    • 83
    • 84
    • 85
    • 86
    • 87
    • 88
    • 89
    • 90
    • 91
    • 92
    • 93
    • 94
    • 95
    • 96
    • 97
    • 98
    • 99
    • 100
    • 101
    • 102
    • 103
    • 104
    • 105
    • 106
    • 107
    • 108
    • 109
    • 110
    • 111
    • 112
    • 113
    • 114
    • 115
    • 116
    • 117
    • 118
    • 119
    • 120
    • 121
    • 122
    • 123
    • 124
    • 125
    • 126
    • 127
    • 128
    • 129
    • 130
    • 131
    • 132
    • 133
    • 134
    • 135
    • 136
    • 137
    • 138
    • 139
    • 140
    • 141
    • 142
    • 143
    • 144
    • 145
    • 146
    • 147
    • 148
    • 149
    • 150
    • 151
    • 152
    • 153
    • 154
    • 155
    • 156
    • 157
    • 158
    • 159
    • 160
    • 161
    • 162
    • 163
    • 164
    • 165
    • 166
    • 167
    • 168
    • 169
    • 170
    • 171
    • 172
    • 173
    • 174
    • 175
    • 176
    • 177
    • 178
    • 179
    • 180
    • 181
    • 182
    • 183
    • 184
    • 185
    • 186
    • 187
    • 188
    • 189
    • 190
    • 191
    • 192
    • 193
    • 194
    • 195
    • 196
    • 197
    • 198
    • 199
    • 200
    • 201
    • 202
    • 203
    • 204
    • 205
    • 206
    • 207
    • 208
    • 209
    • 210
    • 211
    • 212
    • 213
    • 214
    • 215
    • 216
    • 217
    • 218
    • 219
    • 220
    • 221
    • 222
    • 223
    • 224
    • 225
    • 226
    • 227
    • 228
    • 229
    • 230
    • 231
    • 232
    • 233
    • 234
    • 235
    • 236
    • 237
    • 238
    • 239
    • 240
    • 241
    • 242
    • 243
    • 244
    • 245
    • 246
    • 247
    • 248
    • 249
    • 250
    • 251
    • 252
    • 253
    • 254
    • 255
    • 256
    • 257
    • 258
    • 259
    • 260
    • 261
    • 262
    • 263
    • 264
    • 265
    • 266
    • 267
    • 268
    • 269
    • 270
    • 271
    • 272
    • 273
    • 274
    • 275
    • 276
    • 277
    • 278
    • 279
    • 280
    • 281
    • 282
    • 283
    • 284
    • 285
    • 286
    • 287
    • 288
    • 289
    • 290
    • 291
    • 292
    • 293
    • 294
    • 295
    • 296
    • 297
    • 298
    • 299
    • 300
    • 301
    • 302
    • 303
    • 304
    • 305
    • 306
    • 307
    • 308
    • 309
    • 310
    • 311
    • 312
    • 313
    • 314
    • 315
    • 316
    • 317
    • 318
    • 319
    • 320
    • 321
    • 322
    • 323
    • 324
    • 325
    • 326
    • 327
    • 328
    • 329
    • 330
    • 331
    • 332
    • 333
    • 334
    • 335
    • 336
    • 337
    • 338
    • 339
    • 340
    • 341
    • 342
    • 343
    • 344
    • 345
    • 346
    • 347
    • 348
    • 349
    • 350
    • 351
    • 352
    • 353
    • 354
    • 355
    • 356
    • 357
    • 358
    • 359
    • 360
    • 361
    • 362
    • 363
    • 364
    • 365
    • 366
    • 367
    • 368
    • 369
    • 370
    • 371
    • 372
    • 373
    • 374
    • 375
    • 376
    • 377
    • 378
    • 379
    • 380
    • 381
    • 382
    • 383
    • 384
    • 385
    • 386
    • 387
    • 388
    • 389
    • 390
    • 391
    • 392
    • 393
    • 394
    • 395
    • 396
    • 397
    • 398
    • 399
    • 400
    • 401
    • 402
    • 403
    • 404
    • 405
    • 406
    • 407
    • 408
    • 409
    • 410
    • 411
    • 412
    • 413
    • 414
    • 415
    • 416
    • 417
    • 418
    • 419
    • 420
    • 421
    • 422
    • 423
    • 424
    • 425
    • 426
    • 427
    • 428
    • 429
    • 430
    • 431
    • 432
    • 433
    • 434
    • 435
    • 436
    • 437
    • 438
    • 439
    • 440
    • 441
    • 442
    • 443
    • 444
    • 445
    • 446
    • 447
    • 448
    • 449
    • 450
    • 451
    • 452
    • 453
    • 454
    • 455
    • 456
    • 457
    • 458
    • 459
    • 460
    • 461

    三、项目结构、设计说明

    项目以vue项目创建，前端某些元素使用element，项目启动执行的命令为：

    npm install
    npm run dev（当然命令可以修改为npm run serve，没啥区别）
    注意：npm install 成功了再执行 npm run dev 启动项目
    结构如下截图，项目已经集成和实现了需要请求后端接口的一切功能，所以无须花费精力去考虑前端如何去对接后端和接口，可以把一切精力放在实现前端界面设计上来。

    这样不懂后端的伙伴也省心省力，接口请求只需按照模板去copy就好，无非就是get/post/delete/put等请求方式和参数传递的差别，当然不明白的可以细问作者。

    项目结构还是分为：顶部+具体功能显示容器+底部，页面存放于src/components目录下，看目录命名就能明白其含义，具体功能页面在views目录下。

    路由在router目录中。

    四、总结

    后续不定期将不断完善和增加功能页面（数据分离管理、页面数据通讯交互、参数变化等），敬请期待。

    关注作者，及时了解更多好项目！
    作者主页也有更多好项目分享！

    获取源码或如需帮助，可通过博客后面名片+作者即可！

  • 相关阅读:
    分布式技术之dubbo
    RK3568的CAN驱动适配
    软考知识点——常见算法策略、设计模式
    技术人必读！一文读懂数据存储！
    【喜报】冲量在线荣获首届“创领浦东”创新创业大赛三等奖！
    【Windows编程】windows窗口创建过程详解
    EBS R12.2.0升级到R12.2.6
    可用性测试的理解
    在 CentOS 8 中删除旧的 Linux 系统内核
    css大屏转动效果
  • 原文地址：https://blog.csdn.net/lucky_fang/article/details/133789550