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

    基于 Vue2.0 + Egg.js 的后台应用

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

    Vue2 Admin

    项目简介

    Vue2 Admin 是一个后台管理系统解决方案,采用前后端分离技术开发。它使用了最新的技术栈,提供了丰富的功能组件,希望本项目可以帮助到您。

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

    环境和依赖

    node
    yarn
    webpack
    @vue/cli

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

    项目运行

    1. 拉取项目代码

      powershell 代码:
      git clone https://github.com/baiwumm/Vue2-Admin.git
      cd Vue2-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 代码:
    - 登录 / 注销
    
    - 工作台
    
    - 综合组件
      - 高级表单
      - 通知公告
      - 组织架构
      - 高级表格
      - 高级详情
    
    - 个人中心
    
    - 系统设置
      - 用户列表
      - 菜单管理
      - 角色管理
      - 权限管理
      - 操作日志
      - 字典管理
    
    - 功能页
      - 生成二维码
      - 富文本编辑器
      - 自定义vue指令
      - 图像识别
      - 聊天室
      - 瀑布流
      - 音乐播放器
      - 视频播放器
      - 懒加载
      - 虚拟列表
    
    - 工具页
      - 图片效果
      - 嵌套路由
      - 验证码
      - 引导页
      - 外链
      - 信用卡表单

    演示图

    特别鸣谢(感谢巨人)

    项目
    Vue2.0 构建用户界面的渐进式框架
    Ant Design Vue Pro基于Antd Vue的前端脚手架
    Ant Design Vue-开箱即用的高质量Vue组件
    Axios 基于 promise 的 HTTP 库
    Egg.js 为企业级框架和应用而生
    Egg-socket.io 支持浏览器和服务器之间的实时、双向和基于事件的通信
    Jsonwebtoken 实现token技术的一种解决方案
    Sequelize orm框架

    总结

    附件:数据库  

    此项目不再维护,如需学习或者使用,可以把源码拷贝到本地进行拓展。

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

    还没有人喜爱这篇文章呢

    现在已有

    2

    条评论
    我要发表评论
    1. 头像 喵喵
      · · 湖北-武汉
      • 等级:Lv.2
      • 角色:访客
      • 在线:很久之前
      头像
      喵喵
      沙发

      学习中,数据库发一下,谢谢

      评论
      1. · · 广东-深圳
        • 角色:博主
        • 在线:本周
        头像

        恩,放在文章底部了,自己去下载一下

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

    💻️ 谢明伟 2天前 在线

    🕛

    本站已运行 2 年 140 天 0 小时 34 分

    🌳

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

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