HeyUI-Admin介绍

新知榜官方账号

2023-07-06 07:48:42

HeyUI-Admin介绍

HeyUI-Admin是一个成熟的企业应用解决方案,基于vue2.0和HeyUI组件库的中后端系统。它可以帮助你完成几乎90%的前端工作。本文将从以下几个方面介绍HeyUI-Admin:

  • 功能
  • 基于以下依赖
  • 开始使用
  • 使用vue-cli
  • 构建
  • 浏览器支持

功能

HeyUI-Admin包含以下功能:

  • 通用
    • Js-common/通用
    • ajax/封装axios
    • request/封装所有的请求
    • utils/通用方法
    • model/Js模型
    • config/配置
    • router-config/路由配置
    • heyui-config/HeyUI配置
    • dict-config/字典配置
    • autocomplete-config/autocomplete配置
    • category-config/category配置
    • tree-config/树配置
  • Vue组件
    • 通用组件
    • filters/通用filters
    • directives/通用directives
    • vuex-store/框架组件
    • App
      • App头部
      • 消息
      • 全局搜索
      • App左侧菜单
      • 登录组件
    • 仪表盘
    • Icons
    • 信息页
    • 详情信息
    • Form
      • 基本的表单
      • 创建
    • Table
      • 基本表格
      • 搜索
      • 详情弹框
    • Components
      • 图表
      • 富文本编辑器Editor
      • 代码编辑器
      • Markdown编辑器
      • 剪贴板
      • 个人中心
        • 基本信息
        • 安全中心
        • 登出
    • 错误页面
      • 403
      • 404
      • 500

    基于以下依赖

    HeyUI-Admin基于以下依赖:

    • Hey-UI
    • Vue
    • Vuex
    • Vue-Router
    • Axios
    • Js-ModelMan
    • Hey-Utils
    • Hey-Global
    • Hey-Log

    提前了解和学习这些知识将大大有助于这个项目的使用。

    开始使用

    Hey-CLI需要全局安装Hey-CLI@1.13.0+。我们建议使用Hey-CLI脚手架来开始使用HeyUI-Admin。

    #clone the project
    git clone https://github.com/heyui/heyui-admin.git
    cd heyui-admin#install dependencies
    npm install#develop, you need to install Hey-CLI first
    hey dev

    系统将自动打开页面http://localhost:9012,或者你可以通过Hey.conf.js文件修改端口号。

    使用Vue-CLI需要全局安装Vue-CLI@3.0.0+。

    #clone the project
    git clone https://github.com/heyui/heyui-admin.git
    cd heyui-admin#将Vue-CLI文件夹内的文件复制到根目录。
    mv -f ./vue-cli/* ./#install dependencies
    npm install#develop
    npm run serve

    Hey.conf.js,将反向代理地址修改至真正的项目后端地址。

    devServer: {
      "proxy": {
        "/api": {
          // proxy address
          "target": "http://umock.ch-un.com"
        }
      },
      historyApiFallback: true
    }

    构建

    我们建议所有构建环境使用相同的代码,具体方案请参考开发文档。

    #build
    hey build

    浏览器支持

    现代浏览器以及InternetExplorer9+。系统已经自动安装配置好polyfill。

本页网址:https://www.xinzhibang.net/article_detail-6265.html

寻求报道,请 点击这里 微信扫码咨询

关键词

HeyUI-Admin vue2.0 中后端系统

分享至微信: 微信扫码阅读

相关工具

相关文章