Skip to main content

web项目

web项目结构#

web ├── babel.config.js ├── Dockerfile ├── favicon.ico ├── index.html                  -- 主页面 ├── limit.js                    -- 助手代码 ├── package.json                -- 包管理器代码 ├── src                         -- 源代码 │   ├── api                    -- api 组 │   ├── App.vue                -- 主页面 │   ├── assets                 -- 静态资源 │   ├── components             -- 全局组件 │   ├── core                   -- gva 组件包 │   │   ├── config.js         -- gva网站配置文件 │   │   ├── gin-vue-admin.js  -- 注册欢迎文件 │   │   └── global.js         -- 统一导入文件 │   ├── directive              -- v-auth 注册文件 │   ├── main.js                -- 主文件 │   ├── permission.js          -- 路由中间件 │   ├── pinia                  -- pinia 状态管理器,取代vuex │   │   ├── index.js          -- 入口文件 │   │   └── modules           -- modules │   │       ├── dictionary.js │   │       ├── router.js │   │       └── user.js │   ├── router                 -- 路由声明文件 │   │   └── index.js │   ├── style                  -- 全局样式 │   │   ├── base.scss │   │   ├── basics.scss │   │   ├── element_visiable.scss  -- 此处可以全局覆盖 element-plus 样式 │   │   ├── iconfont.css           -- 顶部几个icon的样式文件 │   │   ├── main.scss │   │   ├── mobile.scss │   │   └── newLogin.scss │   ├── utils                  -- 方法包库 │   │   ├── asyncRouter.js    -- 动态路由相关 │   │   ├── btnAuth.js        -- 动态权限按钮相关 │   │   ├── bus.js            -- 全局mitt声明文件 │   │   ├── date.js           -- 日期相关 │   │   ├── dictionary.js     -- 获取字典方法  │   │   ├── downloadImg.js    -- 下载图片方法 │   │   ├── format.js         -- 格式整理相关 │   │   ├── image.js          -- 图片相关方法 │   │   ├── page.js           -- 设置页面标题 │   │   ├── request.js        -- 统一请求文件 │   │   └── stringFun.js      -- 字符串文件 |   ├── view                   -- 主要view代码 |   |   ├── about              -- 关于我们 |   |   ├── dashboard          -- 面板 |   |   ├── error              -- 错误 |   |   ├── example            -- 上传案例 |   |   ├── iconList           -- icon列表 |   |   ├── init               -- 初始化数据   |   |   ├── layout             -- layout约束页面  |   |   |   ├── aside          -- 侧边栏 |   |   |   ├── bottomInfo     -- bottomInfo |   |   |   ├── screenfull     -- 全屏设置 |   |   |   ├── setting        -- 系统设置 |   |   |   └── index.vue      -- base 约束 |   |   ├── login              --登录  |   |   ├── person             --个人中心  |   |   ├── superAdmin         -- 超级管理员操作 |   |   ├── system             -- 系统检测页面 |   |   ├── systemTools        -- 系统配置相关页面 |   |   └── routerHolder.vue   -- page 入口页面  ├── vite.config.js             -- vite 配置文件 └── yarn.lock

web项目安装环境#

  • 以web为项目,用VsCode或者WebStorm打开
  • 打开工具的终端,输入npm i 进行安装web项目的环境
  • 安装完成之后使用npm run serve 即可启动项目
您可能遇到的问题
  1. 运行前端的时候,请先进入web目录下!!
  2. 前端 npm 下载失败,请换yarn使用,如果采用cnpm可能会出现各种版本问题(当然你可以试一下)