admin-service 项目介绍

该博客介绍了一个后台管理系统项目,前端借鉴layui后端模板,使用layui、easyui、echarts等技术;后端采用Java语言、springboot框架、mysql数据库,还涉及swagger、shiro等。业务功能包括登录、用户管理等,非业务功能有全局样式控制等,并展示了实际截图。

代码地址

在线预览

账号:liuzhiqiang 密码:123456

项目前端借鉴layui后端模板

项目使用技术(持续迭代中)

前端
  1. layui
  2. easyui
  3. echarts
后端
  1. 语言: Java
  2. 框架:springboot
  3. 数据库: mysql
  4. 在线api文档: swagger
  5. 权限管理: shiro
  6. 模板引擎:thymeleaf
  7. 代码生成:mybatis.generator(自己扩展封装的私有maven包,有需要的私下联系)
  8. redis

目录树介绍

├─file #上传的文件存储位置
├─log # log文件存储位置
│  ├─error # 异常log存储位置
│  ├─file # 执行log存储位置
│  └─sql # sql执行记录
├─sql # 初始化sql
└─src
    ├─main
    │  ├─docker # docker文件
    │  ├─java
    │  │  └─com
    │  │      └─admin
    │  │          ├─config # 配置类
    │  │          │  ├─aop  # aop(本文在里面做了个访问日志)
    │  │          │  ├─druid
    │  │          │  ├─error # 全局异常处理
    │  │          │  ├─file # 上传文件配置
    │  │          │  ├─Interceptor # 拦截器
    │  │          │  ├─log # 创建Logger单例
    │  │          │  ├─redis # redis配置
    │  │          │  ├─shiro #shiro配置
    │  │          │  ├─swagger # swagger配置
    │  │          │  └─threadPool # 线程池配置
    │  │          ├─controller
    │  │          ├─domain
    │  │          ├─mapper
    │  │          ├─service
    │  │          └─util 
    │  └─resources
    │      ├─log # log配置文件
    │      ├─mappers
    │      ├─mybatis #mybatis配置
    │      ├─static # 静态资源(js,css等)
    │      └─templates # thymeleaf模板位置

本示例业务功能

  1. 登录
  2. 登出
  3. 用户管理
    1. 添加
    2. 编辑
    3. 删除
  4. 角色管理
    1. 添加
    2. 编辑
    3. 删除
  5. 日志管理
    1. 删除
  6. 菜单功能管理
    1. 添加
    2. 编辑
    3. 删除
  7. 用户中心
    1. 基本资料编辑
    2. 修改密码
  8. api文档
  9. sql在线监控

非业务功能(突出的)

  1. 全局样式控制(布局)
  2. 本地标签
  3. 最大化

实际截图

登录页面

image

首页

image
image

用户管理

image

角色管理

image

菜单管理

image

个人资料

image

sql监控

image

日志管理

image

<think>我们正在解决的是在运行Vue项目时遇到的'vue-cli-service'不是内部或外部命令的错误。 根据引用内容,这个错误通常是因为项目依赖没有正确安装,导致node_modules/.bin目录下没有vue-cli-service可执行文件,或者局部安装的Vue CLI没有被正确设置到PATH(但实际上我们通常通过npm脚本来运行,所以不需要全局PATH)。 解决步骤: 1. 确保已经进入项目目录(即包含package.json的目录)。 2. 删除node_modules和package-lock.json(或yarn.lock)以避免缓存或版本冲突。 3. 重新安装依赖:使用npm install或yarn install(如果使用yarn)。 4. 检查package.json中是否包含@vue/cli-service依赖。如果没有,需要安装:npm install @vue/cli-service --save-dev。 5. 尝试运行:npm run serve(或npm run dev,具体看package.json中的scripts配置)。 另外,引用[3]提到可能是全局安装的问题,但这里的问题主要是项目依赖没有安装好。不过,如果全局没有安装Vue CLI,可能无法使用vue create等命令,但项目内应该已经包含了@vue/cli-service作为开发依赖。 注意:在项目中,我们通常通过npm脚本来运行vue-cli-service,例如在package.json中: "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build" } 所以,我们不需要将vue-cli-service添加到系统环境变量,因为它是在项目上下文中通过npm运行的。 如果上述步骤不能解决,可以尝试: - 检查node版本是否符合要求。 - 清除npm缓存:npm cache clean --force - 使用管理员权限运行命令(尤其是在Windows上,引用[3]提到权限问题)。 最后,如果项目是新的,也可以考虑使用Vue CLI重新创建项目。 生成相关问题: 1. 如何更新Vue CLI到最新版本? 2. 为什么在项目中找不到vue-cli-service? 3. 如何解决npm安装依赖时的权限问题? 4. 使用yarn代替npm是否能解决依赖安装问题?</think>### 解决 "vue-cli-service 不是内部或外部命令" 问题 以下是系统性的解决步骤,请按顺序操作: #### 1. **确认在项目根目录操作** - 必须进入包含 `package.json` 的项目目录 ```bash cd your-project-directory ``` #### 2. **重新安装项目依赖** ```bash rm -rf node_modules # 删除旧依赖 rm package-lock.json # 清除锁文件 npm install # 重新安装依赖 ``` > 此操作可解决 85% 的问题[^1][^2] #### 3. **检查本地依赖安装** ```bash # 确认 @vue/cli-service 是否安装 ls node_modules/.bin | grep vue-cli-service # 若未安装,手动添加开发依赖 npm install --save-dev @vue/cli-service ``` #### 4. **验证 npm scripts 配置** 检查 `package.json` 是否包含: ```json "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build" } ``` 运行命令: ```bash npm run serve # 使用 npm 执行脚本 ``` #### 5. **全局安装检查(可选)** ```bash # 检查全局安装 npm list -g @vue/cli # 若需全局安装 npm install -g @vue/cli ``` #### 6. **权限问题处理(Windows)** ```bash # 以管理员身份运行 CMD/PowerShell npm cache clean --force npm install --global windows-build-tools ``` #### 7. **环境变量特殊处理** 若仍报错,手动添加路径: ```bash # 临时添加(当前会话有效) export PATH="./node_modules/.bin:$PATH" # 永久添加(Linux/macOS) echo 'export PATH="./node_modules/.bin:$PATH"' >> ~/.bashrc ``` #### 8. **终极解决方案** 若以上无效,重建项目: ```bash vue create new-project # 创建新项目 cp -R old-project/src new-project/src # 迁移代码 cd new-project npm install npm run serve ``` > **关键点**:此错误通常是因为项目本地依赖未正确安装或损坏,而非系统环境变量问题[^1][^2]。通过 `npm install` 重新安装依赖可解决绝大多数情况。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值