หน้าแรก>ซอร์สโค้ด PHP>หมวดหมู่อื่นๆ
ดาวน์โหลด

vue-admin-elementUI

ดูตัวอย่าง

ที่อยู่การเข้าถึง: https://jaxbbll.github.io/vue-admin-elementUI/#/login

ภาพ

ติดตั้งและรัน

โปรดใช้ Yarn เพื่อติดตั้งแพ็กเกจที่ต้องพึ่งพา Yarn.lock ได้ล็อกเวอร์ชันไว้แล้ว การใช้ npm install อาจทำให้เวอร์ชันที่ขึ้นอยู่กับแพ็กเกจไม่สอดคล้องกัน 

 # 安装yarn
npm i -g yarn
# 安装依赖
yarn
# 开发运行
npm run dev

บรรจุภัณฑ์โครงการ 

 # 测试环境打包
npm run qa
# 预发环境打包
npm run uat
# 正式环境打包
npm run prod

โครงสร้างไดเร็กทอรี

โปรเจ็กต์นี้สร้างขึ้นผ่านโครงแบบ vue-cli@4 โดยมีการปรับเปลี่ยนบางอย่างตามธุรกิจ ต่อไปนี้เป็นโครงสร้างไดเร็กทอรีของทั้งโปรเจ็กต์ 

├── dist                              // 构建打包生成部署文件目录
├── public                            // 公共不打包资源
├── src                               // 源代码目录
│   ├── assets                        // 静态资源目录
│   ├── api                           // 接口api目录
│   ├── common                        // 全局公共文件
│   │      ├── address.js             // 地址编码文件
│   │      ├── http.js                // 全局封装ajax
│   │      ├── constant.js            // 全局常量
│   │      ├── dictionary.json        // 公共枚举类型
│   │      ├── utils.js               // 工具函数
│   ├── components                    // 组件目录
│   │      ├── global                 // 全局公共组件目录
│   │      ├── layout                 // 布局组件目录
│   ├── plugins                       // vue插件目录
│   │      ├── custom.js              // 自定义插件
│   │      ├── echarts.js             // 图表插件
│   │      ├── editor.js              // 富文本插件
│   │      ├── element-ui.js          // element-ui库
│   │      ├── global-components.js   // 全局公共组件
│   │      ├── index.js               // 插件汇总
│   ├── views                         // 页面视图目录
│   ├── router                        // 路由目录
│   ├── store                         // 全局store管理目录
│   ├── App.vue                       // 根组件
│   │── main.js                       // 入口文件
├── .browserslistrc                   // js和css编译时目标浏览器
├── .env.dev                          // 开发环境变量
├── .env.prod                         // 线上环境变量
├── .env.qa                           // 测试环境变量
├── .env.uat                          // 验收（预发）环境变量
├── .eslintrc.js                      // eslint配置项
├── .gitignore                        // git忽略项
├── .postcssrc.js                     // postcss配置
├── .prettierrc.json                  // prettier插件格式化配置
├── babel.config.js                   // babel-loader配置
├── package.json                      // package.json
├── README.MD                         // 项目文档说明
├── vue.config.js                     // vue项目配置项
└── yarn.lock                         // node_modules包版本锁定文件

เกี่ยวกับการกำหนดเส้นทาง

  • สามารถรับเส้นทางแบบไดนามิกโดยอิงตามอินเทอร์เฟซส่วนหลังสำหรับการอนุญาตเมนู
  • เมนูจะแสดงผลแบบไดนามิกตามเส้นทางและสามารถมีเมนูย่อยได้หลายระดับ
  • แอ็ตทริบิวต์ noCache ระบุว่าส่วนประกอบจำเป็นต้องถูกแคชหรือไม่ โดยทั่วไปแล้ว หน้ารายการจำเป็นต้องถูกแคช แต่ไม่จำเป็นต้องแคชหน้ารายละเอียด
  • ส่วนประกอบการกำหนดเส้นทางหน้าจะต้องระบุแอตทริบิวต์ name ซึ่งจะต้องสอดคล้องกับค่าชื่อของไฟล์การกำหนดค่าการกำหนดเส้นทาง เหตุผล: ต้องใช้คอมโพเนนต์แคช
  • หากเส้นทางใช้พารามิเตอร์ จะต้องวางพารามิเตอร์ไว้ที่ส่วนท้ายของเส้นทาง เช่น: /user/detail/:id
ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด