# htbase-ui

**Repository Path**: htcasting/htbase-ui

## Basic Information

- **Project Name**: htbase-ui
- **Description**: 前端基础ui
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-02-13
- **Last Updated**: 2022-02-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 开发

```bash
# 安装依赖
npm install

# 建议不要直接使用 cnpm 安装依赖，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org

# 复制 template.env.development 为.env.development 
# 并更改 VUE_APP_BASE_API的值为开发环境的api地址

# 启动服务
npm run dev
```

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


## 发布

```bash
# 复制 template.env.production  为 env.production
# 并更改 VUE_APP_BASE_API的值为 生产环境的api地址

# 构建测试环境
npm run build:stage

# 构建生产环境
npm run build:prod
```

## 代码生成
1. 命令行执行
     ```bash
        npm run new
    ```
2. 根据命令行提示依次填写 模块名、目录名、文件名；  
   目录名可以是使用"/"或者"\"可以生成多层级目录。
   
3. 执行完第2步会在src/views目录下生成视图文件，  
   在src/api下生成api接口文件
   
4. 修改生成的视图配置文件；（src/views/模块名/目录名/conf/config.js）  
   - formFields: 配置提交表单的字段 
   - tableColumns 配置列表页的显示字段
   - queryFields 配置列表页查询的字段  
    config.js 文件中对每个字段使用有详细说明
   
5. 如果api接口地址需要更改，则需要修改生成的api接口文件

6. 登录后台添加路由指定到刚生成的页面

## 自定义的全局组件
   * RemoteRadio 远程单选按钮
   * RemoteSelect 远程下拉列表框
   * MyTreeSelect 远程树状结构
   * ImageUpload 图片上传
   * FileUpload 文件上传
   * ViewText 文本展示
   * ChangeLogs 变更记录组件