VueViteAdmin dashboard

houcloud-admin — Vue Admin dashboard Template

By yunhouhuang

houcloud-admin is an admin management template based on Vue3, Vite, and TDesign Vue Next, paired with a Java17 and Spring Boot 3 backend example, under the MIT license.

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

3 previews
Desktop homepage1 / 3
Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 3

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-03View source

What stands out

A quick read of the recorded project description.

01

Frontend based on Vue3, Vite, and TypeScript, with UI using the TDesign Vue Next component library

02

Backend example uses Java17 and Spring Boot 3.x, integrating MySQL, Redis, MyBatis, MyBatis Plus, and Hutool

03

Provides login account admin / houcloud, with all other account passwords uniformly set to houcloud

04

Repository uses the MIT license, allowing free use, modification, commercial use, and distribution

05

README provides both pnpm and npm commands for installation, startup, and build

06

Includes actual page screenshots for desktop, mobile, and inner pages

Template Details

houcloud-admin is a rapid development framework template open-sourced by yunhouhuang on GitHub, positioned as an out-of-the-box admin management demo project. The frontend uses Vue3, Vite, TypeScript, and the TDesign Vue Next component library, with icons from iconfont.cn; the backend example uses Java17 and Spring Boot 3.x, along with MySQL, Redis, MyBatis, MyBatis Plus, and Hutool. The repository provides a login account admin / houcloud, with all other account passwords uniformly set to houcloud, and includes screenshots of desktop and mobile pages.

For local running, pnpm is recommended: run pnpm install and pnpm dev; you can also install with npm install and then start, with build commands being pnpm run build or npm run build. The README states that secondary development of the frontend requires knowledge of HTML/CSS/JS, Vue3, and TypeScript, while the backend requires understanding of Spring Boot, MySQL, and Redis, and the UI component documentation points to the official TDesign site.

The repository uses the MIT license, allowing free use, modification, commercial use, and distribution of this version of the code, provided that the copyright and license notice are retained when distributing. Third-party materials such as demo images, fonts, and icons must be checked against their respective licenses; external services like domains, hosting, and databases may incur separate charges. The README does not provide specific dependency version numbers, performance data, or production environment deployment instructions.

VueViteAdmin

Is it right for your project?

Use Cases

  • As a starting template for the frontend interface of an admin management system
  • Learning the project organization of Vue3 + Vite + TDesign Vue Next
  • Referencing backend API examples with Spring Boot 3 and MyBatis Plus
  • Secondary development based on the existing account and login flow

Suitable For

  • Frontend developers familiar with Vue3 and TypeScript who need an admin management template
  • Backend developers who understand Spring Boot, MySQL, and Redis
  • Teams looking to modify and commercially use code under the MIT license

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    For local running, pnpm is recommended: first run pnpm install, then pnpm dev

  2. 2

    You can also use npm install to install dependencies; the startup command in the README is also written as pnpm dev

  3. 3

    Build commands are pnpm run build or npm run build

  4. 4

    The default login account is admin with password houcloud; all other account passwords are houcloud

  5. 5

    Before secondary development, it is advisable to read the official TDesign Vue Next documentation and confirm that external services like MySQL and Redis are available

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in the public repository; the free scope is the code of this version and does not imply that external services or third-party materials are free.

Must comply with when using

  • Allows free use, modification, commercial use, and distribution of this version of the code.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
  • The code is provided as-is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • Demo images, fonts, icons, and other third-party materials must be checked against their respective licenses and cannot be judged solely by the code's MIT license.
  • External services such as domains, hosting, databases, payments, or AI may incur separate charges.
View Original Text Basis

Compiled by DeepSeek based on repository license and README ·2026-10-03. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
GitHub
Documentation and maintenance reference score
More documented · 86 / 100
Technologies
Vue · Vite
Website type
Admin dashboard
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2024-12-28
Screenshot last checked
2026-10-03

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Vue as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Review declaration: [email protected] · 2026-10-04

Inspect the recorded source material

SHA-256: d2a333dd54e18a13da7eb927abcde9ba59dbe816a1e1cfa170b0496bd7816b10

2026-10-03T18:55:58.618Z

Source file / repository
# HOUCLOUD - 后台管理
欢迎点 🌟🌟🌟
#### 鸣谢

- Vue
- Vite
- TDesign Vue Next
- TDesign Vue Next Starter

---
 
### 技术栈
前端 
- Vue3
- Vite
- UI:TDesign Vue Next 
- iconfont.cn
- TypeScript

后端
- Java17
- Springboot3.x
- MySQL
- Redis
- MyBatis
- MyBatis Plus
- Hutool


登录账号密码

```text
username: admin
password: houcloud
```

其他账号的密码全部都是 houcloud

---

### 本地运行(推荐用pnpm)
pnpm方式
```shell
pnpm install 
pnpm dev
```

npm方式
```shell
npm install 
pnpm dev
```

### 打包
```shell
pnpm run build

# 或者

npm run build
```


---
### 如何二次开发?

[//]: # ([HOUCLOUD 文档](https://doc.houcloud.com))


二次开发前端您可能要提前掌握熟悉以下技能:

- Html Css JS基础
- Vue3
- TypeScript语法

- Spring boot
- MySQL
- Redis

UI框架使用腾讯开源 TDesign  文档地址 https://tdesign.tencent.com/vue-next/


### 有什么问题想了解也可加V或者邮箱联系

Wechat:
<img src="doc/IMG_4343.PNG" height="200" width="200" >

Email:
<a href="mailto:[email protected]">[email protected]</a>

###  页面预览图
![page1.png](doc%2Fpage1.png)
![page2.png](doc%2Fpage2.png)
![page3.png](doc%2Fpage3.png)
![page4.png](doc%2Fpage4.png)
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.