网站LOGO
白雾茫茫丶
页面加载中
10月12日
网站LOGO 白雾茫茫丶
记录学习、生活和有趣的事
菜单
  • 白雾茫茫丶
    记录学习、生活和有趣的事
    用户的头像
    首次访问
    上次留言
    累计留言
    我的等级
    我的角色
    打赏二维码
    打赏博主
    基于 Vue3 + TypeScript + Vite + Egg.js 开发的后台应用
    点击复制本页信息
    微信扫一扫
    文章二维码
    文章图片 文章标题
    创建时间
  • 一 言
    确认删除此评论么? 确认
  • 本弹窗介绍内容来自,本网站不对其中内容负责。
    • 复制图片
    • 复制图片地址
    • 百度识图
    按住ctrl可打开默认菜单

    基于 Vue3 + TypeScript + Vite + Egg.js 开发的后台应用

    谢明伟 · 原创 ·
    前端开发 · Ant-DesignVueEgg
    共 4337 字 · 约 2 分钟 · 1824
    本文最后更新于2024年01月18日,已经过了267天没有更新,若内容或图片失效,请留言反馈

    Vue3 Admin

    项目简介

    Vue3 Admin 基于 Vben Admin 二次开发,它使用了全新的技术栈:Vue3、Vite、TypeScript等,提供了完善的前后端权限管理方案,丰富的主题配置及黑暗主题适配,对日常使用频率较高的组件二次封装,满足基础工作需求,希望本项目可以帮助到您。

    🎯 前端技术栈: Vue3.0Ant Design VueViteTypeScript
    🎯 后端技术栈: Egg.jsJsonwebtokenSequelizeRedis
    😝 线上预览:Vue3 Admin
    🔑 用户名:admin,密码:123456
    🚀 github 仓库地址
    🚀 码云仓库地址
    ❤️ star:如果可以的话,请顺手给个star,表示对作者的鼓励,万分感谢!
    😝 Vue2版本: Vue2 Admin

    环境和依赖

    node (Node.js 版本要求12.x以上,且不能为13.x版本,这里推荐 14.x 及以上)
    yarn (必须使用Yarn1.x,否则依赖可能安装不上)
    vite
    @vue/cli

    推荐本项目使用 Yarn 包管理工具

    项目运行

    1. 拉取项目代码

      powershell 代码:
      git clone https://github.com/baiwumm/Vue3-Admin.git
      cd Vue3-Admin
      // 进入前端
      cd Xmw_web
      // 进入后端
      cd Xmw_server
    2. 安装依赖

      powershell 代码:
      yarn install
    3. 开发模式运行

      powershell 代码:
      // 前端启动
      yarn run serve
      // 后端启动
      yarn run dev
    4. 编译项目

      powershell 代码:
      yarn run build

    功能模块

    bash 代码:
    - 登录 / 注销
    
    - 工作台
    
    - 综合组件
      - 组织架构
      - 新闻公告
    
    - 个人中心
    
    - 系统设置
      - 用户管理
      - 菜单管理
      - 角色管理
      - 组织管理
      - 岗位管理
      - 操作日志
      - 字典管理
      - 国际化
    
    - 功能页
      - 引导页
      - 图像识别
      - 自定义指令
      - 多级菜单
      - 二维码
      - 瀑布流
      - 懒加载
      - 虚拟滚动
      - 验证码
    

    演示图

    特别鸣谢(感谢巨人)

    项目
    Vue3.0 构建用户界面的渐进式框架
    Vben Admin一个开箱即用的前端框架
    Ant Design Vue-开箱即用的高质量Vue组件
    TypeScript是JavaScript类型的超集,它可以编译成纯JavaScript
    Axios 基于 promise 的 HTTP 库
    Egg.js 为企业级框架和应用而生
    Egg-socket.io 支持浏览器和服务器之间的实时、双向和基于事件的通信
    Jsonwebtoken 实现token技术的一种解决方案
    Sequelize orm框架

    总结

    附件:数据库  


    Vue3.0Vben Admin 刚出来时此项目就开发,当时也是当做学习使用,Vben Admin 项目当时本身就有很多 BUG,而且组件有点过渡封装,新手学习略感吃力,线上环境有些问题,不介意的伙伴可以观摩一下。
    此项目不再维护,如需学习或者使用,可以把源码拷贝到本地进行拓展。

    声明:本文由 谢明伟(博主)原创,依据 CC-BY-NC-SA 4.0 许可协议 授权,转载请注明出处。

    还没有人喜爱这篇文章呢

    我要发表评论 我要发表评论
    博客logo 白雾茫茫丶 记录学习、生活和有趣的事 51统计 百度统计
    MOEICP 萌ICP备20236860号 ICP 粤ICP备2023007649号 ICP 粤公网安备44030402006402号

    💻️ 谢明伟 昨天 15:33 在线

    🕛

    本站已运行 2 年 284 天 15 小时 20 分

    🌳

    自豪地使用 Typecho 建站,并搭配 MyLife 主题
    白雾茫茫丶. © 2022 ~ 2024.
    网站logo

    白雾茫茫丶 记录学习、生活和有趣的事