# ht_screen动态大屏，自由拖拽，缩放，动态布局，参数配置，适应屏幕

**Repository Path**: wuml/ht_screen

## Basic Information

- **Project Name**: ht_screen动态大屏，自由拖拽，缩放，动态布局，参数配置，适应屏幕
- **Description**: 动态大屏，拖拽，缩放，自定义布局，适应屏幕，
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 9
- **Created**: 2021-09-22
- **Last Updated**: 2021-09-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# ht_screen

#### 介绍
市面上很多项目会提供大屏的数据展示，为了减少大屏的开发需求，所以想到实现一个这样的项目，项目ui设计参考Avue的，目前已经完成基础的架构
已经实现了大屏的组件拖拽和缩放、动态参数的配置、全屏浏览、分辨率的适应、数据缓存以及与后端的一些交互工作。剩余的组件开发会陆续完成.
#### 软件架构
项目采用前后端分离的模式,基础框架用的项目ht_base（自己开源的项目）,前端项目用vue-cli3搭建而成,
引用vuex将大屏相关参数做缓存,优化了项目运行效率，大屏的数据主要是用redis做的缓存，没有存在数据库里面


#### 安装教程
1.mysql5.7(我用的版本),导入数据库
2.redis运行起来
3.修改后端yml文件配置，连上你自己的mysql和redis
4.运行后端项目
5.前端运行npm i 导入所需依赖
6.运行前端项目npm run dev


#### 相关技术
# 前端
1.Echarts
2.Avue
3.VueX
4.DataV
5.ElementUI

# 后端
1.Spring
2.SpringBoot
3.SpringMvc
4.SpringSecrity
5.JWT
6.Redis
7.Mybatis-plus
#### 使用说明
1.登录管理员帐号 admin/123456
2.打开我的大屏，创建大屏数据，然后开始构建你的大屏

#### 演示图
管理页面
![info](/img/index.png)

大屏基本信息编辑
![info](/img/info.png)

操作页面
![info](/img/operation.png)

配置页面
![info](/img/pz1.png)
![info](/img/pz2.png)


预览
![info](/img/view.png)