Code Monkey home page Code Monkey logo

admin-antd-vue's Introduction

admin-antd-vue

此分支是 Webpack + Vue3.x + antd 版本 , Vite 版本请查看 vite (分支)(githubgitee

Demo

注意:Demo 用的是在线mock服务,不稳定,若在线登录不了pull到本地可直接运行查看demo

基于IndexLayout
Home
Home
基于UniversalLayout
Home
Home
Home
Home

Vue3实战案例

使用文档

后台前端解决方案列表

前台前端SSR解决方案列表

功能

- 登录 / 注销 / 注册

- 权限验证
  - 页面权限
  - 按钮操作
  - 权限配置

- 全局功能
  - 国际化多语言
  - 动态侧边栏(支持多级路由嵌套)
  - 动态面包屑(支持自定义配置)
  - 动态顶级菜单(IndexLayout支持设置是否启用)
  - 菜单导航模式inline/horizontal切换(UniversalLayout支持)
  - 主题dark/light切换(UniversalLayout支持)
  - Svg Sprite 图标
  - Mock 数据

- 综合实例
  - 引导页
  - 组件示例
    - 编辑器
      - CKEditor
      - tui-editor
    - 图标
      - IconSvg
      - IconFont
  - 页面示例
    - 列表页面
      - 标准列表
      - 表格列表
      - 高度自适应表格
      - 搜索列表
    - 表单页面
      - 基础表单
      - 高级表单      
    - 详情页面
      - 基础详情
      - 模块详情
      - 表格详情
  - 权限验证

自定义配置

(建议) 本地或开发模式下,不要直接修改 '.env.development'

复制 '.env.development' 重命名为 ' .env.development.local' , 修改对应的参数.

(建议) 生产模式下,不要直接修改 '.env.production'

复制 '.env.production' 重命名为 ' .env.production.local' , 修改对应的参数.

项目设置

一、Install dependencies,

$ yarn

or

$ npm install

推荐使用 yarn , yarn安装与常用命令

二、Compiles and hot-reloads for development

$ yarn serve

or

$ npm run serve

三、Compiles and minifies for production

$ yarn build

or

$ npm run build

四、精简 svg icon

$ yarn svgo

or

$ npm run svgo

五、Run your unit tests

yarn test:unit

#

npm run test:unit

六、Lints and fixes files

yarn lint

#

npm run lint

捐赠

如果你觉得这个项目帮助到了你,请帮助点击 Star,你也可以请作者喝咖啡表示鼓励.

ALIPAY WECHAT
Alipay Wechat

admin-antd-vue's People

Contributors

lqsong avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

admin-antd-vue's Issues

登录验证问题

1.缺少@menu-dark-submenu-bg,我在antd-variables.less文件中加了,能跑起来了
2.登录时候报错了,然后提示验证不通过
image

所以我还是没进得了首页。。

环境 Windows 10 chrome 91 node12 两个分支一样的问题

gitee\admin-antd-vue\node_modules\.bin\' 不是内部或外部命令,也不是可运行的程序

npm run serve / yarn serve
'gitee\admin-antd-vue\node_modules.bin' 不是内部或外部命令,也不是可运行的程序
或批处理文件。
Debugger attached.
Waiting for the debugger to disconnect...
node:internal/modules/cjs/loader:936
throw err;
^

Error: Cannot find module 'D:\Vue3+Vite@vue\cli-service\bin\vue-cli-service.js'
at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
at Function.Module._load (node:internal/modules/cjs/loader:778:27)
at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12)
at node:internal/main/run_main_module:17:47 {
code: 'MODULE_NOT_FOUND',
requireStack: []
}
Waiting for the debugger to disconnect...

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.