# llt-admin-base

**Repository Path**: Zachary2016/llt-admin-base

## Basic Information

- **Project Name**: llt-admin-base
- **Description**: llt-admin 纯净版本
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-04-20
- **Last Updated**: 2023-04-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 基础版本
[https://gitee.com/blueskyliu/llt-admin-base](https://gitee.com/blueskyliu/llt-admin-base)
## 主题配置
>选择init.scss // 初始化 element-plus css start 这个注释下面开始新增新的css
```css
//参考我修改的方式修改颜色
rgba(var(--color-red), var(--color-green), var(--color-blue), 1) ;
主题色
``` 
## 新增路由 
> /src/router/modules 路径下

1. 新建文件  [模块名字].ts
2. AppRouteRecordRaw 是当前自定义路由接口
## 预览
## 性能优化方案
### 加CDN
### 开启GZIP
> 客户端 服务器NGINX 都开启GZIP
```js
//vite.config.ts
import viteCompression from 'vite-plugin-compression';
plugins: [
    viteCompression()
  ],
```
## 打包出现问题内存溢出
```js
//在打包之前运行  我的是git base here
export NODE_OPTIONS=--max_old_space_size=4096
```
http://blueskyliu.gitee.io/llt-admin-preview
# 日志 
## 更新 添加 cesium 做3d地图
* 开发文档
https://cesium.com/learn/ion-sdk/ref-doc/Camera.html
```js
天地图：

imageryProvider: new Cesium.WebMapTileServiceImageryProvider({
    url: "http://t0.tianditu.com/img_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=img&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=e378319b5250eff0fdd562f3aa190e62",
    layer: "img",
    style: "default",
    format: "tiles",
    tileMatrixSetID: "w",
    credit: new Cesium.Credit('天地图全球影像服务'),
    subdomains: ['t0', "t1", "t2", "t3", "t4", "t5", "t6", "t7"],
    maximumLevel: 18,
    show: true
})

高德地图：

imageryProvider : new Cesium.UrlTemplateImageryProvider({
    url: "http://webrd02.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}",
})

ArcGIS切片地图：

imageryProvider : new Cesium.ArcGisMapServerImageryProvider({
    url : '//services.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer'
})
```
```js
vite-plugin-compression vite 开启gzip插件
import viteCompression from 'vite-plugin-compression';
plugins: [
    viteCompression()
  ],

```
# 内置主题颜色
![me](public/me1.png) 
![me](public/me2.png) 
# 注意事项
* 一个项目只能有一个地图加载多余两个会出问题不知道什么原因
# css
## 布局css class类
* commonBoxmp 解决 布局展示 每个新页面最外层都添加这个类
* tablecommon 解决表格过长导致挤压左侧导航栏 每个新页面最外层都添加这个类
# vite目前在国内还无法商用 经过测试国内的浏览器均无法使用
> /@ts/ 是src下面的文件 引入ts使用
> /@/ 是src下面的文件 引入.vue使用
## 目录结构
* components 公共组件
* enums 全局枚举类
* hooks 钩子函数
* layouts 首页布局
* components 公共组件
* components 公共组件
## 路由在router
* routes是路由配置 modules是路由分类文件夹里面都是按照路由模块分类的
* /src/router/routers/index.ts 导入modules的路由配置输出到/src/router/index.ts挂载到路由实例
# Vue 3 + Typescript + Vite+ script setup语法糖+element-plus UI

# [animate动画网站](https://animate.style/) 
This template should help get you started developing with Vue 3 and Typescript in Vite.
### package 这个 "build": "vue-tsc --noEmit && vite build",
### 改成 "build": "vite build",
==注意事项与问题去下面的博客查看==
https://blog.csdn.net/BLUESKYHOST/article/details/117383481

http://www.itpk.cn/profile.php