# crudapi-admin-web

**Repository Path**: xiaoyan/crudapi-admin-web

## Basic Information

- **Project Name**: crudapi-admin-web
- **Description**: 简介：crudapi后台管理页面，框架采用Vue，控件库为Quasar， 形式为SPA单页面应用。
主要知识点：Vue基本知识，自定义组件，axios网络请求，Vuex状态管理，Router路由，本地存储LocalStorage、Session、Cookie，登录，本地调试，docker打包等。
主要功能：元数据管理，序列号管理，表关系设置，业务数据crud增删改查等。
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://demo.crudapi.cn/crudapi/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 58
- **Created**: 2021-04-17
- **Last Updated**: 2022-05-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# crudapi后台管理WEB (crudapi-admin-web)

## 语言
[English](README.md)

## GIT地址
### GitHub仓库
[https://github.com/crudapi/crudapi-admin-web](https://github.com/crudapi/crudapi-admin-web)

### Gitee仓库
[https://gitee.com/crudapi/crudapi-admin-web](https://gitee.com/crudapi/crudapi-admin-web)

## 安装npm依赖包
```bash
npm install
```

## 调试模式运行（代码热加载，错误提示等）
```bash
npm run dev
```

## 代码静态检查
```bash
npm run lint
```

## 编译发布
```bash
npm run build
```

## Docker部署
```bash
docker build -t crudapi-admin-web:latest .
docker rm -f crudapi-admin-web
docker run -d -p 80:80 --name crudapi-admin-web crudapi-admin-web:latest
```
访问[ http://127.0.0.1/crudapi ](http://127.0.0.1/crudapi)


## 文档

[https://help.crudapi.cn](https://help.crudapi.cn)

1. [ 基于Vue和Quasar的前端SPA项目实战之环境搭建（一）](https://help.crudapi.cn/crudapi-admin-web/helloworld.html)
2. [ 基于Vue和Quasar的前端SPA项目实战之用户登录（二）](https://help.crudapi.cn/crudapi-admin-web/login.html)
3. [ 基于Vue和Quasar的前端SPA项目实战之布局菜单（三）](https://help.crudapi.cn/crudapi-admin-web/layout.html)
4. [ 基于Vue和Quasar的前端SPA项目实战之序列号（四）](https://help.crudapi.cn/crudapi-admin-web/sequence.html)
5. [ 基于Vue和Quasar的前端SPA项目实战之动态表单（五）](https://help.crudapi.cn/crudapi-admin-web/metadatatable.html)
6. [ 基于Vue和Quasar的前端SPA项目实战之表关系（六）](https://help.crudapi.cn/crudapi-admin-web/metadatarelation.html)
7. [ 基于Vue和Quasar的前端SPA项目实战之业务数据（七）](https://help.crudapi.cn/crudapi-admin-web/business.html)
8. [ 基于Vue和Quasar的前端SPA项目实战之docker部署（八）](https://help.crudapi.cn/crudapi-admin-web/docker.html)

持续更新中。。。

## 演示
演示地址：[https://demo.crudapi.cn/crudapi/](https://demo.crudapi.cn/crudapi/)

![table](./img/table.png)
表单对应不同的对象

![relation](./img/relation.png)
表关系图显示不同对象之间的关系

![customer](./img/customer.png)
业务数据操作

## Java SDK 二次开发
### GitHub仓库
[https://github.com/crudapi/crudapi-example](https://github.com/crudapi/crudapi-example)

### Gitee仓库
[https://gitee.com/crudapi/crudapi-example](https://gitee.com/crudapi/crudapi-example)


## 联系方式
#### 邮箱
admin@crudapi.cn

#### QQ
1440737304

#### 微信
undefinedneqnull

![undefinedneqnull](./img/crudapiweixin.jpeg)

如有任何问题，欢迎咨询和交流！

## 授权

Copyright (c) 2021-present crudapi

[MIT License](https://baike.baidu.com/item/MIT许可证)