# kd_web

**Repository Path**: Livme/kd_web

## Basic Information

- **Project Name**: kd_web
- **Description**: 凯电前端
- **Primary Language**: HTML
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-09-12
- **Last Updated**: 2022-10-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 项目名称
  数智实训室1.0
  
# 本地运行方法
- 指令：ng serve。
- 地址栏地址：http://localhost:4200。
- 带参数运行： ng serve --host 192.168.1.188 --port 4200
- 注：如果您更改任何源文件，应用程序将自动重新加载


## 脚手架指令
### 创建模块
- 指令：ng generate module  模块名称. 
- 指令简写：ng g c 模块名称.

### 创建组件
- 指令：ng generate component  组件地址+组件名称. 
- 指令简写：ng g c 组件地址+组件名称.


### 创建服务
- 指令：ng generate service  服务地址+服务名称. 
- 指令简写：ng g s 服务地址+服务名称.
#### 其他指令 （使用方式与以上相似） 
- ng generate directive|pipe|service|class|guard|interface|enum.

## 代码打包
- 代码打包检错：ng build --prod。
- 代码打包：ng build --base-href(带Hash路由记录的打包)。
- 检错打包：ng build --prod --build-optimizer --base-href（打包检错一次性完成）
- npm run build

## 数据实时监听socket+stomp
- 引用方式：直接引用，项目内地址为 src/assets/socket；
- socket版本：1.0.0；
- stomp版本：1.7.1；


### ES6可读 添加至文件ployfills
- npm install --save-dev babel-polyfill
### 对称加密文件 crypto-js
-npm install crypto-js --save


### 字体图标库
- 1.参考网络：http://www.fontawesome.com.cn/faicons/
- 2.导入方法：npm i font-awesome
- 3.使用方法：在angular.js加入css地址
- 4.字体类使用：<i class="fa fa-camera-retro fa-lg"></i>

### 图标库bug修护
- 引包导入：npm i @ant-design/icons-angular


### 更改源码：
更改的源代码全部放入source目录下，不允许放在assets下
- 使用source->ztree中的文件，替换node_modules->ztree->css->zTreeStyle文件夹中的zTreeStyle.css,并且替换该文件夹下的img->zTreeStandard.png文件。
- 使用source->viewerjs中的文件，替换node_modules/viewerjs/dist/viewer.js。
- 使用source->pdfjs/web中的文件，替换node_modules/ng2-pdfjs-viewer/pdfjs/web/viewer.html和viewer.css。


# 文件说明
- core核心包
- common公用包
- utils 工具类
- page/comComponents 全局共享组件存放位置，在share/shareModule引入，供全局下发至各模拟组件使用
- src/app/pipe:全局自定义业务管道机制文件，当前文件位置先终端创建指令:如-ng g pipe safe 需在share/shareModule引入引入导出,文件业务具体描述需在文件顶部注解
## 文件操作说明
1. 文件删除时必须调用后台的文件删除接口
2. server层编写在common包下

## npm install 报错解决
1.报错: npm ERR! code EPROTO
- npm config set registry  https://registry.npm.taobao.org
- npm install -g typescript typings
- npm install -g typescript typings


## 备注
- 说明：当地址栏存在token参数时，表示从第三方系统跳转，免去登录操作