hsiangleev / element-plus-admin Goto Github PK

View Code? Open in Web Editor NEW

485.0 11.0 148.0 1.44 MB

基于vite+ts+elementPlus

Home Page: https://element-plus-admin.hsianglee.cn/

License: MIT License

JavaScript 2.42% HTML 0.51% Vue 59.03% TypeScript 37.75% CSS 0.28%

typescript postcss vite vuejs3 element-plus admin stylelint vue-next

element-plus-admin's Introduction

简介

element-plus-admin 是一个后台前端解决方案，它基于 vue-next 和 element-plus实现。它使用了最新的前端技术栈vite，typescript和postcss构建，内置了动态路由，权限验证，皮肤更换，提供了丰富的功能组件，它可以帮助你快速搭建中后台产品原型。

前序准备

你需要在本地安装 node 和 git。本项目技术栈基于 ES2015+、vue-next、typescript、vite、postcss 和 element-plus，所有的请求数据都使用Mock.js进行模拟，提前了解和学习这些知识会对使用本项目有很大的帮助。

开发

# 克隆项目
git clone https://github.com/hsiangleev/element-plus-admin.git

# 进入项目目录
cd element-plus-admin

# 安装依赖
npm install

# 启动服务
npm run dev

浏览器访问 http://localhost:3002

发布

# 发布
npm run build

# 预览
npm run preview

其它

# eslint代码校验
npm run eslint

# stylelint代码校验
npm run stylelint

浏览器

目前仅支持现代浏览器

IE / Edge	Firefox	Chrome	Safari
Edge	last 2 versions	last 2 versions	last 2 versions

捐赠

如果你觉得这个项目帮助到了你，你可以帮作者买一杯果汁表示鼓励 🍹

License

MIT

element-plus-admin's People

Contributors

Stargazers

Watchers

Forkers

chu-han gow1080p smarterlei wanghuipeng templar721 qincw1346 nealcaffreal xiaorangjun owenlmg mengdebiao dengshenkk alphayoung111 ysinsane w871507855 zhimaxu warwolfteam wushijiang13 feimao90 fallsea playboxjre chubby-duner wjh31 sky-1 walkalone0325 baobeiboboda gongzhen1 senyong chenzhenpin wjtools sycdtk daotl 17610532757 gxuebin cmdparkour netgodz wuchunfu giserman001 abao-chen m69w iamxiaoma huangmingkun wangliuyong erhuabushuo xinqinglhj dyz1210990536 455154 oldguncm luy710 maniultd wbxyy zouyujie junglehunter96 richardfpeng jia2337610467 musicoder32 nero-philip-wang huxiansheng666 ny20190702 lcyh zeroxiao luoxa lucacicii wjssk0517 inude jumpingfinger e-pan ruall alasai cfish-ai sparrowzhang28 shaopeng1131 blublu001 looknd x22x22 leehuajun nieaijun99 9ui lili12011030 sweetwisdom qianhongyang zhaipenghui 1sm23 yijiangwen qsjiain jbo1688 xh199935 lienonegithub ddymzl pauljun dream-lht abibazhi hanzocn ky849383427 fengqiao678 zuulandribbon fengqiaoju gavinli007 longzu wulizhong yuklcool

element-plus-admin's Issues

使用yarn 或者pnpm 运行出来样式不正确

node 16
使用pnpm install & pnpm ru ndev 或者 yarn install & yarn run dev
出来以后登录页面，登录框的样式明显不正确

原有的业务逻辑我分析是这样的：登录时项目会在 localStorage 中使用 'token'做标识，存储服务器返回的token,
但是当 localStorage 中以存在 'token'这个键，但不符合你设计的token值的规则，在页面首次登录时做的路由守卫就会报错。原因是 setLocal, useLocal, getLocal 这三个工具没有考虑到 localstrorage 已经存在一个 'token'的键，值为‘384819cb-f70c-46af-b6f3-5e19604292a1’，不符合你这边的规则。
我用了一个最懒的方式做处理的就是登录是存储 localstrorage 使用 ‘token_盐’ 的方式命名键，就不会跟浏览器可能存在的一些键冲突。
我是用你的核心代码迁移到vue-cli中做了一个项目后两个项目切换的时候才发现的。同时感谢你的分享

src/layout/components/tags.vue:8:22 :ref='getTagsDom'

build的时候，有个报错，，这里报错太复杂，看不清楚啥问题

> vue-tsc --noEmit --skipLibCheck && vite build

src/layout/components/tags.vue:8:22 - error TS2322: Type '(el: ComponentInternalInstance | Element | null) => number | null' is not assignable to type 'string | Ref | ((ref: Element | ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null) => void) | undefined'.
Type '(el: ComponentInternalInstance | Element | null) => number | null' is not assignable to type '(ref: Element | ComponentPublicInstance<{}, {},
{}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null) => void'.
Types of parameters 'el' and 'ref' are incompatible.
Type 'Element | ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null' is not assignable to type 'ComponentInternalInstance | Element | null'.
Type 'ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>' is not assignable to type 'ComponentInternalInstance | Element | null'.
Type 'ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>' is missing the following properties from type 'Element': attributes, classList, className, clientHeight, and 160 more.

8 :ref='getTagsDom'
~~~

Found 1 error.

应该是 ts 校验数据类型不匹配

ts提示错误TS2345

您好，我用webstorm加载这个工程的时候，main.ts提示这个错误，你知道为什么吗？

如果要支持IE，要怎么配置

用IE11打开，一片空白，也不报错

非ts版本有吗

页面刷新后标签栏异常

如打开3个标签，F5刷新页面，标签栏仅剩最后一个标签。
且剩余的这个标签变成了固定标签，没有关闭按钮

刷新前

刷新后

打包无法启动

项目打包 npm run build 后，部署到服务器无法启动

项目运行不成功咋回事

所有插件都是最新版，是不是兼容问题导致的啊

请教一个小问题

export async function validate( ref: Ref | any, isGetError = false ): Promise<boolean | { valid: boolean; object: any }> { const validateFn = unref(ref).validate console.log(validateFn) return new Promise((resolve) => validateFn((valid: boolean, object: any) => isGetError ? resolve({ valid, object }) : resolve(valid) ) ) }
你封装了验证是基于同步的，如果我需要在验证的过程中调用store向后台发起请求，获取到后台的数据password进行验证怎么操作呢？？

启动的时候提示

[email protected] dev E:\git\github\element-plus-admin
vite

internal/modules/cjs/loader.js:596
throw err;
^

Error: Cannot find module 'worker_threads'
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:594:15)
at Function.Module._load (internal/modules/cjs/loader.js:520:25)
at Module.require (internal/modules/cjs/loader.js:650:17)
at require (internal/modules/cjs/helpers.js:20:18)
at Object. (E:\git\github\element-plus-admin\node_modules\vite\dist\node\chunks\dep-efe32886.js:19:24)
at Module._compile (internal/modules/cjs/loader.js:702:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:713:10)
at Module.load (internal/modules/cjs/loader.js:612:32)
at tryModuleLoad (internal/modules/cjs/loader.js:551:12)
at Function.Module._load (internal/modules/cjs/loader.js:543:3)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] dev: vite
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.