mirror of
https://github.com/vbenjs/vue-vben-admin.git
synced 2025-02-02 18:28:40 +08:00
chore: update app name
This commit is contained in:
vince
parent
3eb7a8bc6f
commit
a5edb67b12
2
.vscode/launch.json
vendored
2
.vscode/launch.json
vendored
@ -4,7 +4,7 @@
|
||||
"configurations": [
|
||||
{
|
||||
"type": "chrome", // chrome、edge
|
||||
"name": "vben admin pro dev", // 调试的名称，可以自定义
|
||||
"name": "vben admin dev", // 调试的名称，可以自定义
|
||||
"request": "launch",
|
||||
"url": "http://localhost:5173",
|
||||
"env": { "NODE_ENV": "development" },
|
||||
|
||||
@ -2,14 +2,14 @@
|
||||
|
||||
[](LICENSE)
|
||||
|
||||
<h1>Vue Vben Admin Pro</h1>
|
||||
<h1>Vue Vben Admin</h1>
|
||||
</div>
|
||||
|
||||
**中文** | [English](./README.md)
|
||||
|
||||
## 简介
|
||||
|
||||
Vue Vben Admin Pro 是 Vue Vben Admin 的升级版本。作为一个免费开源的中后台模板，它采用了最新的 Vue 3、Vite、TypeScript 等主流技术开发，开箱即用，可用于中后台前端开发，也适合学习参考。
|
||||
Vue Vben Admin 是 Vue Vben Admin 的升级版本。作为一个免费开源的中后台模板，它采用了最新的 Vue 3、Vite、TypeScript 等主流技术开发，开箱即用，可用于中后台前端开发，也适合学习参考。
|
||||
|
||||
## 特性
|
||||
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
|
||||
## Description
|
||||
|
||||
Vben Admin Pro 数据 mock 服务，没有对接任何的数据库，所有数据都是模拟的，用于前端开发时提供数据支持。由于 sqlite 安装需要在本地进行编译，所以这里接口是直接返回的。线上环境不再提供mock集成，可自行部署服务或者对接真实数据，同步 mock.js等工具有一些限制，比如上传文件不行、无法模拟复杂的逻辑等，所以这里使用了 真是的后端服务来实现。唯一麻烦的是本地需要同时启动后端服务和前端服务，但是这样可以更好的模拟真实环境。
|
||||
Vben Admin 数据 mock 服务，没有对接任何的数据库，所有数据都是模拟的，用于前端开发时提供数据支持。由于 sqlite 安装需要在本地进行编译，所以这里接口是直接返回的。线上环境不再提供mock集成，可自行部署服务或者对接真实数据，同步 mock.js等工具有一些限制，比如上传文件不行、无法模拟复杂的逻辑等，所以这里使用了 真是的后端服务来实现。唯一麻烦的是本地需要同时启动后端服务和前端服务，但是这样可以更好的模拟真实环境。
|
||||
|
||||
## Running the app
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
VITE_PORT = 5555
|
||||
|
||||
# spa-title
|
||||
VITE_GLOB_APP_TITLE = Vben Admin Pro
|
||||
VITE_GLOB_APP_TITLE = Vben Admin
|
||||
|
||||
VITE_APP_NAMESPACE = web-antd
|
||||
|
||||
@ -5,7 +5,7 @@
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||
<meta name="renderer" content="webkit" />
|
||||
<meta name="description" content="A Modern Back-end Management System" />
|
||||
<meta name="keywords" content="Vben Admin Pro Vue3 Vite" />
|
||||
<meta name="keywords" content="Vben Admin Vue3 Vite" />
|
||||
<meta name="author" content="Vben" />
|
||||
<meta
|
||||
name="viewport"
|
||||
|
||||
@ -7,7 +7,7 @@ const isDevelopment = process.env.NODE_ENV === 'development';
|
||||
const getDefaultPwaOptions = (name: string): Partial<PwaPluginOptions> => ({
|
||||
manifest: {
|
||||
description:
|
||||
'Vben Admin Pro is a modern admin dashboard template based on Vue 3. ',
|
||||
'Vue Vben Admin is a modern admin dashboard template based on Vue 3. ',
|
||||
icons: [
|
||||
{
|
||||
sizes: '192x192',
|
||||
|
||||
@ -30,7 +30,7 @@ async function viteLicensePlugin(
|
||||
handler: (_options: NormalizedOutputOptions, bundle: OutputBundle) => {
|
||||
const date = dateUtil().format('YYYY-MM-DD ');
|
||||
const copyrightText = `/*!
|
||||
* Vben Admin Pro
|
||||
* Vue Vben Admin
|
||||
* Version: ${version}
|
||||
* Author: vben
|
||||
* Copyright (C) 2024 Vben
|
||||
|
||||
@ -65,7 +65,7 @@ async function loadAndConvertEnv(
|
||||
.split(',')
|
||||
.filter((item) => ['brotli', 'gzip'].includes(item));
|
||||
return {
|
||||
appTitle: envConfig?.VITE_GLOB_APP_TITLE ?? 'Vben Admin Pro',
|
||||
appTitle: envConfig?.VITE_GLOB_APP_TITLE ?? 'Vben Admin',
|
||||
compress: !!compress,
|
||||
compressTypes: compressTypes as ('brotli' | 'gzip')[],
|
||||
port: Number(envConfig.VITE_PORT) || 5173,
|
||||
|
||||
@ -6,6 +6,7 @@
|
||||
"monorepo",
|
||||
"turbo",
|
||||
"vben",
|
||||
"vue vben admin",
|
||||
"vben admin pro",
|
||||
"vben pro",
|
||||
"vue",
|
||||
|
||||
@ -1,3 +1,3 @@
|
||||
# @vben-core
|
||||
|
||||
系统一些比较基础的SDK和UI组件库，该目录后续可能会迁移出去或者发布到npm，请勿将任何业务逻辑和业务包放在该目录。
|
||||
系统一些比较基础的SDK和UI组件库，该目录后续完善后，可能会迁移出去或者发布到npm，请勿将任何业务逻辑和业务包放在该目录。
|
||||
|
||||
@ -16,7 +16,7 @@ const defaultPreferences: Preferences = {
|
||||
layout: 'sidebar-nav',
|
||||
locale: 'zh-CN',
|
||||
loginExpiredMode: 'page',
|
||||
name: 'Vben Admin Pro',
|
||||
name: 'Vben Admin',
|
||||
},
|
||||
breadcrumb: {
|
||||
enable: true,
|
||||
@ -26,7 +26,7 @@ const defaultPreferences: Preferences = {
|
||||
styleType: 'normal',
|
||||
},
|
||||
copyright: {
|
||||
companyName: 'Vben Admin Pro',
|
||||
companyName: 'Vben Admin',
|
||||
companySiteLink: 'https://www.vben.pro',
|
||||
date: '2024',
|
||||
enable: true,
|
||||
|
||||
@ -174,7 +174,7 @@ function handleUnpinTab(tab: TabConfig) {
|
||||
|
||||
<!-- tab-item-main -->
|
||||
<div
|
||||
class="tabs-chrome__item-main group-[.is-active]:text-primary text-accent-foreground dark:group-[.is-active]:text-accent-foreground absolute left-0 right-0 z-[2] mx-[calc(var(--gap)*2)] my-0 flex h-full items-center overflow-hidden rounded-tl-[5px] rounded-tr-[5px] duration-150 group-hover:pr-3"
|
||||
class="tabs-chrome__item-main group-[.is-active]:text-primary text-accent-foreground absolute left-0 right-0 z-[2] mx-[calc(var(--gap)*2)] my-0 flex h-full items-center overflow-hidden rounded-tl-[5px] rounded-tr-[5px] duration-150 group-hover:pr-3"
|
||||
>
|
||||
<VbenIcon
|
||||
v-if="showIcon"
|
||||
@ -200,6 +200,16 @@ function handleUnpinTab(tab: TabConfig) {
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
html.dark {
|
||||
.tabs-chrome {
|
||||
.is-active {
|
||||
.tabs-chrome__item-main {
|
||||
@apply text-accent-foreground;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tabs-chrome {
|
||||
.dragging {
|
||||
.tabs-chrome__item-main {
|
||||
|
||||
@ -76,7 +76,7 @@ function handleUnpinTab(tab: TabConfig) {
|
||||
:key="tab.key"
|
||||
:class="[
|
||||
{
|
||||
'is-active bg-background': tab.key === active,
|
||||
'tabs-item is-active bg-background': tab.key === active,
|
||||
dragable: !tab.affixTab,
|
||||
},
|
||||
typeWithClass.content,
|
||||
@ -113,7 +113,7 @@ function handleUnpinTab(tab: TabConfig) {
|
||||
|
||||
<!-- tab-item-main -->
|
||||
<div
|
||||
class="group-[.is-active]:text-primary dark:group-[.is-active]:text-accent-foreground text-accent-foreground mx-3 mr-3 flex h-full items-center overflow-hidden rounded-tl-[5px] rounded-tr-[5px] pr-3 transition-all duration-300"
|
||||
class="tabs-item__main group-[.is-active]:text-primary text-accent-foreground mx-3 mr-3 flex h-full items-center overflow-hidden rounded-tl-[5px] rounded-tr-[5px] pr-3 transition-all duration-300"
|
||||
>
|
||||
<!-- <div
|
||||
class="mx-3 ml-3 mr-2 flex h-full items-center overflow-hidden rounded-tl-[5px] rounded-tr-[5px] transition-all duration-300 group-hover:mr-2 group-hover:pr-4 group-[.is-active]:pr-4"
|
||||
@ -137,3 +137,15 @@ function handleUnpinTab(tab: TabConfig) {
|
||||
</VbenScrollbar>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
html.dark {
|
||||
.tabs-item {
|
||||
&.is-active {
|
||||
.tabs-item__main {
|
||||
@apply text-accent-foreground;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -2,7 +2,9 @@
|
||||
|
||||
`effects` 目录专门用于存放与副作用相关的代码和逻辑。如果你的包具有以下特点，建议将其放置在 `effects` 目录下：
|
||||
|
||||
- 使用状态管理框架 `pinia`，并包含处理副作用（如异步操作、API 调用）的部分。
|
||||
- 使用 `@vben-core/preferences` 处理用户偏好设置，涉及本地存储或浏览器缓存逻辑（如使用 `localStorage`）。
|
||||
- 处理导航、页面跳转等场景，需要管理路由变化的逻辑。
|
||||
- 包含与特定组件库紧密耦合或依赖大型仓库的部分。
|
||||
- **状态管理**：使用状态管理框架 `pinia`，并包含处理副作用（如异步操作、API 调用）的部分。
|
||||
- **用户偏好设置**：使用 `@vben-core/preferences` 处理用户偏好设置，涉及本地存储或浏览器缓存逻辑（如使用 `localStorage`）。
|
||||
- **导航和路由**：处理导航、页面跳转等场景，需要管理路由变化的逻辑。
|
||||
- **组件库依赖**：包含与特定组件库紧密耦合或依赖大型仓库的部分。
|
||||
|
||||
通过将相关代码归类到 `effects` 目录，可以使项目结构更加清晰，便于维护和扩展。
|
||||
|
||||
@ -19,7 +19,7 @@ defineOptions({
|
||||
withDefaults(defineProps<Props>(), {
|
||||
description:
|
||||
'是一个现代化开箱即用的中后台解决方案，采用最新的技术栈，包括 Vue 3.0、Vite、TailwindCSS 和 TypeScript 等前沿技术，代码规范严谨，提供丰富的配置选项，旨在为中大型项目的开发提供现成的开箱即用解决方案及丰富的示例，同时，它也是学习和深入前端技术的一个极佳示例。',
|
||||
name: 'Vben Admin Pro',
|
||||
name: 'Vben Admin',
|
||||
title: '关于项目',
|
||||
});
|
||||
|
||||
|
||||
@ -12,7 +12,7 @@ defineOptions({
|
||||
});
|
||||
|
||||
withDefaults(defineProps<Props>(), {
|
||||
companyName: 'Vben Admin Pro',
|
||||
companyName: 'Vben Admin',
|
||||
companySiteLink: '',
|
||||
date: '2024',
|
||||
icp: '',
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
import { defineConfigWithTheme } from 'vitepress';
|
||||
|
||||
export default defineConfigWithTheme({
|
||||
description: 'Vben Admin Pro & 企业级管理系统框架',
|
||||
description: 'Vue Vben Admin & 企业级管理系统框架',
|
||||
lang: 'zh-CN',
|
||||
|
||||
locales: {
|
||||
@ -22,7 +22,7 @@ export default defineConfigWithTheme({
|
||||
text: 'Edit this page on GitHub',
|
||||
},
|
||||
footer: {
|
||||
copyright: 'Copyright © 2024-present Vben Admin Pro',
|
||||
copyright: 'Copyright © 2024-present Vben Admin',
|
||||
},
|
||||
i18nRouting: true,
|
||||
logo: 'https://cdn.jsdelivr.net/npm/@vbenjs/static-source@0.1.3/source/logo-v1.webp',
|
||||
@ -39,7 +39,7 @@ export default defineConfigWithTheme({
|
||||
],
|
||||
},
|
||||
],
|
||||
siteTitle: 'Vben Admin Pro',
|
||||
siteTitle: 'Vben Admin',
|
||||
socialLinks: [
|
||||
{ icon: 'github', link: 'https://github.com/vbenjs/vue-vben-admin' },
|
||||
],
|
||||
|
||||
@ -4,12 +4,12 @@ layout: home
|
||||
sidebar: false
|
||||
|
||||
hero:
|
||||
name: 'Vben Admin Pro'
|
||||
name: 'Vben Admin'
|
||||
text: '企业级管理系统框架 - EN'
|
||||
tagline: 开箱即用，简单高效
|
||||
image:
|
||||
src: https://cdn.jsdelivr.net/npm/@vbenjs/static-source@0.1.3/source/logo-v1.webp
|
||||
alt: Vben Admin Pro
|
||||
alt: Vue Vben Admin
|
||||
actions:
|
||||
- theme: brand
|
||||
text: 开始
|
||||
|
||||
@ -4,12 +4,12 @@ layout: home
|
||||
sidebar: false
|
||||
|
||||
hero:
|
||||
name: 'Vben Admin Pro'
|
||||
name: 'Vben Admin'
|
||||
text: '企业级管理系统框架'
|
||||
tagline: 开箱即用，简单高效
|
||||
image:
|
||||
src: https://cdn.jsdelivr.net/npm/@vbenjs/static-source@0.1.3/source/logo-v1.webp
|
||||
alt: Vben Admin Pro
|
||||
alt: Vben Admin
|
||||
actions:
|
||||
- theme: brand
|
||||
text: 开始
|
||||
|
||||
Loading…
Reference in New Issue
Block a user