# WHLY-Front

**Repository Path**: noseyc/whly-front

## Basic Information

- **Project Name**: WHLY-Front
- **Description**: 文化旅游web端开发
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-11-11
- **Last Updated**: 2025-12-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<h1>统一研发框架</h1>

</div>

## 介绍

统一研发框架 是一个基于 Vue3、Vite、ant-design-vue4、Pinia、UnoCSS 和 biyi框架6.9.11 的一整套企业级中后台前端/设计解决方案，它参考了阿里 react 版本 antd-pro 的设计模式，使用了最新最流行的前端技术栈，内置了动态路由、多主题、多布局等功能，可以帮助你快速搭建企业级中后台产品原型。

## 特性

- pnpm：使用了最新的 pnpm 作为包管理工具，它可以大大减少 node_modules 的体积，加快包的安装速度，同时还可以共享依赖，减少磁盘占用。
- vite：vite 作为前端开发工具，它可以大大加快项目的启动速度，同时还支持热更新，可以大大提高开发效率。
- vue3：vue3.x.x 作为前端框架，基础代码全部使用 script-setup 的写法，代码量少维护成本低。
- ant-design-vue4：ant-design-vue4 作为 UI 框架。
- pinia：pinia 作为状态管理工具，它可以大大提高代码的可读性和可维护性，同时还支持 Typescript。
- TailwindCSS：原子化的 CSS 框架，减少我们去想一些通用类名带来的烦恼，提升我们的开发效率。
- 代码规范：我们封装了一套基于 eslint 的代码规范配置文件，开箱即用，统一不同团队所带来的问题。
- 主题：延用了 react 版本的 antd-pro 的设计规范，开发了一套基于 vue 的主题模式，在此基础上增加了一些新的功能，尽可能的满足各种不同的需求。
- 请求函数：基于 axios 封装了一套具有完善类型的请求函数，以及一些基础的拦截器的封装，只需要按照需求做对应的实现调整就能满足各种项目带来的不一样的需求。
- 移动端兼容：基础框架部分我们尽可能的对移动端的模式进行了兼容处理，但是由于我们的主要目标是企业级中后台产品，所以我们并没有对移动端做过多的适配，如果你的项目需要移动端的适配，可以参考我们的代码进行相应的调整。
## 使用

```bash
# 切换到项目目录
cd [your project name]

# 安装依赖

pnpm install

# 启动项目
pnpm dev

# 打包项目
pnpm build
```

## 说明
- 集成了翼播播放器插件，最新安装包请去http://www.189eyes.com/download
- 一些常用的环境变量在.env文件修改
**PR 流程：**

1. Fork 代码!
2. 创建自己的分支: `git checkout -b feat-xxxx`
3. 提交你的修改: `git commit -am 'feat(function): add xxxxx'`
4. 推送您的分支: `git push origin feat-xxxx`
5. 提交`pull request`
# WHLY-Front

#### 介绍
文化旅游web端开发

#### 软件架构
软件架构说明


#### 安装教程

1.  xxxx
2.  xxxx
3.  xxxx

#### 使用说明

1.  xxxx
2.  xxxx
3.  xxxx

#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request


#### 特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)