Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/wangxiaoze-view/sim-admin
这是一款简单好上手的后台管理系统,该系统使用了rsbuild作为打包工具,使其在原有的基础上优化打包速度以及页面加载速度; 使用vue3 + pinia + element-plus + TS搭建,其中还有functional-helpers + @log-reporting为自己封装的函数辅助插件;避免在package.json中使用大量的依赖;而基础的hooks + emus + utils封装在其中,这样在不同的业务场景中都可以使用!
https://github.com/wangxiaoze-view/sim-admin
rsbuild tresjs typescript vue3
Last synced: 16 days ago
JSON representation
这是一款简单好上手的后台管理系统,该系统使用了rsbuild作为打包工具,使其在原有的基础上优化打包速度以及页面加载速度; 使用vue3 + pinia + element-plus + TS搭建,其中还有functional-helpers + @log-reporting为自己封装的函数辅助插件;避免在package.json中使用大量的依赖;而基础的hooks + emus + utils封装在其中,这样在不同的业务场景中都可以使用!
- Host: GitHub
- URL: https://github.com/wangxiaoze-view/sim-admin
- Owner: wangxiaoze-view
- License: mit
- Created: 2024-10-11T04:30:32.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-12-12T14:51:19.000Z (20 days ago)
- Last Synced: 2024-12-12T15:30:30.435Z (20 days ago)
- Topics: rsbuild, tresjs, typescript, vue3
- Language: Vue
- Homepage: https://sim-admin.wangzevw.com/
- Size: 960 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# sim-admin
这是一款简单好上手的后台管理系统,该系统使用了`rsbuild`作为打包工具,使其在原有的基础上优化打包速度以及页面加载速度;
使用`vue3 + pinia + element-plus + TS`搭建,其中还有`functional-helpers + @log-reporting`为自己封装的函数辅助插件;避免在`package.json`中使用大量的依赖;而基础的`hooks + emus + utils`封装在其中,这样在不同的业务场景中都可以使用!
## 效果
以下为部分页面
| | |
| -------------------------------------------------------------------- | -------------------------------------------------------------------- |
| ![X](https://www.wangzevw.com/cdn-file/images/image.9rjfk1lgws.webp) | ![X](https://www.wangzevw.com/cdn-file/images/image.7zqgp51wfh.webp) |
| ![X](https://www.wangzevw.com/cdn-file/images/image.5q7g5nm0wa.webp) | ![X](https://www.wangzevw.com/cdn-file/images/image.7lk0y9ynvy.webp) |
| ![X](https://www.wangzevw.com/cdn-file/images/image.6bh3ryiwks.webp) | ![X](https://www.wangzevw.com/cdn-file/images/image.969rxqya66.webp) |
| ![X](https://www.wangzevw.com/cdn-file/images/image.70adbz7qwy.webp) | ![X](https://www.wangzevw.com/cdn-file/images/image.7pbpihw85.webp) |
| ![X](https://www.wangzevw.com/cdn-file/images/image.2obk4fq6s3.webp) | ![X](https://www.wangzevw.com/cdn-file/images/image.1e8my48r1d.webp) |
| ![X](https://www.wangzevw.com/cdn-file/images/image.5c10eskccg.webp) | ![X](https://www.wangzevw.com/cdn-file/images/image.syzbtgh98.webp) |
| ![X](https://www.wangzevw.com/cdn-file/images/image.1e8my4b3nc.webp) | ![X](https://www.wangzevw.com/cdn-file/images/image.1sf2ozl931.webp) |## 进度
- [x] 支持自定义主题以及主题色
- [x] 支持暗黑色,同时模拟`ELEMENT-PLUS`的暗黑动画效果
- [x] mock数据
- [x] echarts自定义数据
- [x] hooks的开发
- [x] 内置辅助函数插件
- [x] 内置部分css动画以及3d效果
- [x] 404, 403,500页面开发
- [ ] [其他功能更新/开发请看](https://github.com/wangxiaoze-view/sim-admin/issues/1)## 运行
1. 请优先使用`pnpm`
```bash
pnpm install
```2. 运行项目
```bash
pnpm dev
```3. 打包项目
```bash
pnpm build
```## 可能出现的问题
1. `functional-helpers`拉取失败,那么您可以在[GITHUB](https://github.com/wangxiaoze-view/functional-helpers-lib)中进行下载, 使用本地包的形式
```JSON
{
"functional-helpers": "file:./functional-helpers"
}
```2. 系统中使用了 `tresjs`,如果对应的页面加载失败,可以查看[知识库](https://www.wangzevw.com/demos/3d/models/common.html),控制台可能会报警告,对此您可以忽略它,官网还没有对应的解决方案,其解决方案仅仅适用于`vite` 系统已将`tresjs`迁移为`3d外链`