fantastic-admin / basic Goto Github PK
View Code? Open in Web Editor NEW⭐⭐⭐⭐⭐ 一款开箱即用的 Vue 中后台管理系统框架,支持多款 UI 组件库,兼容PC、移动端。vue-admin, vue-element-admin, vue后台, 后台系统, 后台框架, 管理后台, 管理系统
Home Page: https://fantastic-admin.github.io
License: MIT License
⭐⭐⭐⭐⭐ 一款开箱即用的 Vue 中后台管理系统框架,支持多款 UI 组件库,兼容PC、移动端。vue-admin, vue-element-admin, vue后台, 后台系统, 后台框架, 管理后台, 管理系统
Home Page: https://fantastic-admin.github.io
License: MIT License
$ 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.
大佬,项目首次启动加载慢,打包慢
是否考虑新增electron版本
从作者的项目中学习到了很多新的技术和写法,但对于VMenu和VTooltip组件的组件注册方式看不明白,希望能够得到讲解。
以后会加上标签栏功能吗
对于我们这种穷比个人开发者买不起专业版,这基础版不太基础,别人的基础版至少也有个大家常用的tabs功能,你这个居然没有!不够基础啊
我在路由中设置了动态路由,依照vue文档说明,动态路由组件会复用,组件内的生命周期不会重复执行,当我开发的时候,发现在fantastic中设置了动态路由后,组件内的生命周期函数会照常执行。这是为什么呢?
系统win11
pnpm版本:8.12.1
node:17.2.0
执行pnpm install直接卡网络,卡进程
请问怎么用USDT购买
感谢作者开源这么好用的中后台模板
在体验的过程中唯一缺憾的就是未能支持现代化的css框架,类似 UnoCSS
,Tailwind 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 版本吗
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文件改动会报错,刷新就好了,能修复吗?
复现流程:开发环境
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版本吗 如果有的话大概时间呢
const globalSettings: Settings.all = {
breadcrumb: {
enableMainMenu: true,
},
}
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
)
后来经过我一番折腾,目前勉强可以实现效果了:
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
修改 store/moudules/menu.ts
、store/moudules/route.ts
、store/moudules/user.ts
这三个Store文件,将 Simport useSettingsStore from './settings'
改为 import useSettingsStore from './__persisted__settings'
特别重要的一点就是,其他 import useSettingsStore
的地方,不是store模块的,不能引入 __persisted__settings
,否则又不生效了
由于我对vue、pinia都不太熟悉,不太清楚具体的问题出在哪里,能否增加实现settings记忆功能呢?或者至少对主题切换进行记忆。
src/components/FileUpload/index.vue
array.at()方法对浏览器版本要求还是有点高,低版本chrome选择文件后界面没反应
建议更换为兼容性更好的array.slice(-1).join()
删除mockjs并清理相关mock代码后,重新build好用
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
vue-m-message组件在api/index.ts中设置,接口调用提示时,被页面Menu遮挡
将组件在页面中import使用,正常
页面离开功能:取消离开 ,侧边栏菜单的显示为跳转之后的菜单。造成页面与侧边栏的菜单显示不一致
Vue Language Features 升级到2.0
TypeScript Vue Plugin (Volar) 弃用了
tsconfig.json 需要对应修改
"include": [
"./src/.ts",
"./src/.vue",
"./src/*.ext",
]
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.