dayan/tqv-data-operation-screen: 天齐-数据运营大屏 @ 7e5eef84c8045e31bd26e63746f4d3fe03003b01

天齐-数据运营大屏

@dayan_hjm 7e5eef84c8 style: style		1 년 전
config	7e5eef84c8 style: style	1 년 전
mock	544728050a first commit	2 년 전
public	4451db71e6 fix: bug	2 년 전
src	7e5eef84c8 style: style	1 년 전
.babelrc.json	544728050a first commit	2 년 전
.editorconfig	544728050a first commit	2 년 전
.eslintignore	544728050a first commit	2 년 전
.eslintrc.json	544728050a first commit	2 년 전
.gitignore	544728050a first commit	2 년 전
.prettierignore	544728050a first commit	2 년 전
.prettierrc.json	544728050a first commit	2 년 전
ReadMe.md	69c87e3859 feat: git / ttf 文件介入	2 년 전
package.json	d91d9ab2d6 feat: 累计销量客户/吨	2 년 전
postcss.config.js	544728050a first commit	2 년 전
yarn.lock	d91d9ab2d6 feat: 累计销量客户/吨	2 년 전

运营数据中心大屏.

基于 webpack4 + ES6 + react17 + react-router-dom5 + antd + mobx
git: ssh://root@106.52.242.177:2288/dayan/tqv-data-operation-screen.git

分支: 
  dev 开发分支
  master 生产环境分支
  feature/... 其他分支为开发分支

使用方法：

安装模块：yarn install
开发模式：npm run dev
打包命令：npm run yunxi-dev (生产环境)
项目开发前需要提前安装node.js 和yarn

项目构建结构

1、package.json 项目配置文件 2、webpack.common.js 打包构建基础配置文件 3、webpack.dev.js 开发模式项目配置文件 4、webpack.prod.js 生产模式项目配置文件 5、webpack.dll.conf.js 单独打包第三方库

代码文件

config 项目配置文件夹 public 项目大型图片和入口 index 文件夹 src/APP 项目入口文件，配置全局 css 与入口 index src/asset 项目静态文件夹 src/components 项目组件文件夹(此项目特有组件) src/pages 项目开发业务代码夹 src/router 项目路由配置 src/store 项目 mobx store src/themes 项目主题文件夹 src/utils 项目工具类文件夹 src/widget 项目封装的组件(可复用的组件) src/index.js 项目打包入口文件

页面结构

一个页面由三个文件结构组成： style.less 样式文件 api.js 接口文件 view.jsx 页面文件

菜单路由配置

src\router\router.js 配置菜单路由 src\pages\indexed\component\top 顶部导航栏配置

项目打包

非集群环境测试：npm run yunxi-test（如报错则按顺序执行 1.npm run build-dll 2.npm run build-test）生产：npm run yunxi-dev 集群环境 npm run yunxi-dev-new

开发注意事项

ttf文档的引入只能在css文件 或者在index.html  否则无法显示

ReadMe.md