Code Monkey home page Code Monkey logo

fantastic-admin / basic Goto Github PK

View Code? Open in Web Editor NEW
2.0K 23.0 276.0 8.37 MB

⭐⭐⭐⭐⭐ 一款开箱即用的 Vue 中后台管理系统框架,支持多款 UI 组件库,兼容PC、移动端。vue-admin, vue-element-admin, vue后台, 后台系统, 后台框架, 管理后台, 管理系统

Home Page: https://fantastic-admin.github.io

License: MIT License

JavaScript 3.81% HTML 0.67% CSS 0.97% Handlebars 0.99% Vue 62.39% SCSS 2.07% TypeScript 29.09%
vue vue-cli admin vue-admin element vue-element-admin fantastic fantastic-admin awesome awesome-admin

basic's People

Contributors

hooray 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  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

basic's Issues

初始项目执行 pnpm run lint:stylelint 报错

$ pnpm run lint:stylelint

> [email protected] lint:stylelint D:\Project\_Display\civicint_colud_client\fantastic-admin
> stylelint src/**/*.{css,scss,vue} --fix


src/assets/styles/resources/themes.scss
 39:25  ✖  Unexpected unknown function "darken"  function-no-unknown
 45:31  ✖  Unexpected unknown function "darken"  function-no-unknown

 ELIFECYCLE  Command failed with exit code 2.

标签栏

以后会加上标签栏功能吗

建议免费版开放个tabs组件

对于我们这种穷比个人开发者买不起专业版,这基础版不太基础,别人的基础版至少也有个大家常用的tabs功能,你这个居然没有!不够基础啊

动态路由组件复用问题

我在路由中设置了动态路由,依照vue文档说明,动态路由组件会复用,组件内的生命周期不会重复执行,当我开发的时候,发现在fantastic中设置了动态路由后,组件内的生命周期函数会照常执行。这是为什么呢?

极力推荐支持现代化的css框架

感谢作者开源这么好用的中后台模板

在体验的过程中唯一缺憾的就是未能支持现代化的css框架,类似 UnoCSSTailwind CSS

作者有计划支持吗😁

初始项目没有做修改 运行报错

$ pnpm run dev

> [email protected] dev D:\Project\_Display\civicint_colud_client\fantastic-admin
> vite

failed to load config from D:\Project\_Display\civicint_colud_client\fantastic-admin\vite.config.js
error when starting dev server:
D:\Project\_Display\civicint_colud_client\fantastic-admin\node_modules\.pnpm\v[email protected][email protected]\node_modules\vite-plugin-html\dist\index.cjs:139
          html = await server.transformIndexHtml?.(url, html, req.originalUrl);
                                                 ^

SyntaxError: Unexpected token '.'
    at wrapSafe (internal/modules/cjs/loader.js:915:16)
    at Module._compile (internal/modules/cjs/loader.js:963:27)
    at Module._extensions..js (internal/modules/cjs/loader.js:1027:10)
    at Object.require.extensions.<computed> [as .js] (D:\Project\_Display\civicint_colud_client\fantastic-admin\node_modules\.pnpm\v[email protected][email protected]\node_modules\vite\dist\node\chunks\dep-c9c9d3e5.js:71347:13)
    at Module.load (internal/modules/cjs/loader.js:863:32)
    at Function.Module._load (internal/modules/cjs/loader.js:708:14)
    at Module.require (internal/modules/cjs/loader.js:887:19)
    at require (internal/modules/cjs/helpers.js:74:18)
    at Object.<anonymous> (D:\Project\_Display\civicint_colud_client\fantastic-admin\vite.config.js:64:31)
    at Module._compile (internal/modules/cjs/loader.js:999:30)
 ELIFECYCLE  Command failed with exit code 1.

JavaScript

请问是否可以考虑 JavaScript 版本吗

Search组件在页面路由过多时会存在卡顿

Search组件利用opacity和visibility的切换显示是挺巧妙的。
不过当页面路由过多时会存在明显卡顿。
原因我认为是可能是子元素全部都继承opacity属性,导致内存问题。

请教:路由配置

想实现如下效果且不影响路由缓存(指定name),尝试之后没有写出来:

一级路由:
    二级路由:
        三级路由
    二级路由:
        三级路由

其中,三级路由不显示,对应的地址分别为:

router
    router/page1
        router/page1/detail
    router/page2
        router/page2/detail

对应的面包屑也为:

router
    router/page1
        router/page1/detail
    router/page2
        router/page2/detail

大佬,项目app.vue文件改动会报错

大佬,项目app.vue文件改动会报错,刷新就好了,能修复吗?
复现流程:开发环境
1.项目启动。
2.修改App.vue文件,比如说加个console.log('aa')也行。
3.保存
浏览器就会报错
报错信息:runtime-core.esm-bundler.js:571 DOMException: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.

为什么没有ts版本

麻烦问一下 作者后期有考虑引进改造ts版本吗 如果有的话大概时间呢

使用pinia-plugin-persistedstate对Settings Store进行持久化出现异常

fantastic-admin版本:基础版 v4.2.0
pinia-plugin-persistedstate版本:3.2.1

我想要利用 pinia-plugin-persistedstate 对settings进行持久化处理,以便能够记住我的Settings设置,切换明亮或暗黑主题后能永久生效。

我先是按照 pinia-plugin-persistedstate 的文档修改了 store/moudules/settings.ts,但是发现不生效,在local storage看不到持久化效果,但是我对其他的几个store文件同样方式修改又是可以的(例如: store/moudules/user.ts

后来经过我一番折腾,目前勉强可以实现效果了:

  1. 我放弃了对 store/moudules/settings.ts的修改,而是增加了一个新的文件 store/moudules/__persisted__settings.ts
import useSettingsStore from './settings'

const usePersistedSettingsStore = defineStore('__persisted__settings', {
  state: () => {
    const settingsStore = useSettingsStore()
    const settings = settingsStore.settings
    const os = settingsStore.os
    const title = settingsStore.title
    const setTitle = settingsStore.setTitle
    const mode = settingsStore.mode
    const setMode = settingsStore.setMode
    const subMenuCollapseLastStatus = settingsStore.subMenuCollapseLastStatus
    const toggleSidebarCollapse = settingsStore.toggleSidebarCollapse
    const setColorScheme = settingsStore.setColorScheme
    const updateSettings = settingsStore.updateSettings

    return {
      settings,
      os,
      title,
      setTitle,
      mode,
      setMode,
      subMenuCollapseLastStatus,
      toggleSidebarCollapse,
      setColorScheme,
      updateSettings,
    }
  },
  persist: true,
})

export default usePersistedSettingsStore
  1. 修改 store/moudules/menu.tsstore/moudules/route.tsstore/moudules/user.ts 这三个Store文件,将 Simport useSettingsStore from './settings' 改为 import useSettingsStore from './__persisted__settings'

  2. 特别重要的一点就是,其他 import useSettingsStore 的地方,不是store模块的,不能引入 __persisted__settings,否则又不生效了

由于我对vue、pinia都不太熟悉,不太清楚具体的问题出在哪里,能否增加实现settings记忆功能呢?或者至少对主题切换进行记忆。

建议增加浏览器兼容性

src/components/FileUpload/index.vue

array.at()方法对浏览器版本要求还是有点高,低版本chrome选择文件后界面没反应
建议更换为兼容性更好的array.slice(-1).join()

使用 pnpm run commit 无法提交代码

 gongmin@gongmindeMacBook-Pro-2  ~/Documents/ccode/cashier-backend-web   master ✚  pnpm run commit                     

> @3.0.0 commit /Users/gongmin/Documents/ccode/cashier-backend-web
> git cz

? Select the type of change that you're committing: 💡  refactor:   A code change that neither fixes a bug or adds a feature
? Write a short, imperative mood description of the change: 
  [-------------------------------------------------------------] 51 chars left
   refactor: project init
? Provide a longer description of the change:
  
? List any breaking changes
  BREAKING CHANGE: 
? Issues this commit closes, e.g #123: 
✖ No valid configuration found.
 ELIFECYCLE  Command failed with exit code 1.

我是在一个已有 git 信息的项目里面,复制了代码文件进来,是因为一次提交的文件太多了吗

node 版本 v18.15.0

页面离开提醒 功能

页面离开功能:取消离开 ,侧边栏菜单的显示为跳转之后的菜单。造成页面与侧边栏的菜单显示不一致

一级顶部导航栏没法同时出现多个二级菜单

我目前使用的是稳定版fantastic-admin.v4.0.3的,目前出现的样式如下:
afb9841a5e0876daec02819524fbb6f8
代码如下:
{
meta: {
title: '账户管理',
icon: 'uim:box',
},
children: [
MockExample,
PermissionExample,
],
},
想要的样式结果:一级顶部导航栏下 可以允许出现多个二级菜单
1701915138791

vscode 插件更新

Vue Language Features 升级到2.0
TypeScript Vue Plugin (Volar) 弃用了

tsconfig.json 需要对应修改

"include": [
"./src/.ts",
"./src/
.vue",
"./src/*.ext",
]

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.