BPM生产安全保管解决方案分享葡京娱乐总站平台

一.方案概述

关于React Native的详实介绍自身就不叙述了,他是拔取js构建原生app的开销框架。五遍变编码多平台运行,分外强劲。可是个人不喜欢js的超负荷灵活(弱类型)的语法。强大的强类型语言Typescript(简称TS)是自己的首选,他得以编译成JavaScript,编译成的JavaScript代码可读性很好,不过这不是最重要,关键是TS支付和调剂效用极高。
但是React Native法定是使用js的开销的,即便假定使用TS开发React
Native的重大是transformer
eact-native结合的根本是运用转换器

生儿育女安全治本是商店生产管理的严重性组成部分,组织执行好集团安全管理规划、辅导、检查和表决,保证生产处于最佳安全状态是安全保管的紧要内容和天职。

先河化项目

react-native init YahuiApp
cd YahuiApp
yarn add –dev react-native-typescript-transformer typescript
@types/react @types/react-native

H3
BPM公司生产安全治本解决方案是一套专门为商家安全生产运行管理和监督提供音讯决策协助服务的管理平台,方案以实际生育需求为指点,以流程管理为底蕴,选取PDCA闭环控制,引入80/20辩护、系统原理、整分合原理、封闭原理和反映原理等思想观点,分析了OHSAS18001专业、安全标准的各管理要素要求,适用于OHSAS18001系统内外部审核,安全规则考评,上级总经理部门检查等多种境况。

用vscode打开 添加配置文件

H3
BPM集团生产安全保管解决方案包括危险源管理、法律法规管理、作业安全管理、特种设备管理、特殊工种管理、高危作业管理、安全培训管理、劳动防护管理、危险化学品管理、安全标识管理、消防管理、应急管理、新改扩建管理、相关方管理、职业健康管理、员工权益管理、安全音信互换管理、安全监测检查与隐患管理、安全事故管理、标准化考评管理、纠正预防措施等功用模块,全部架构如下图:

配置Typescript

新建文件 tsconfig.json内容为

{
    "compilerOptions": {
        "module": "es2015",
        "target": "es2015",
        "moduleResolution": "node",
        "jsx": "react-native",
        "noImplicitAny": true,
        "experimentalDecorators": true,
        "preserveConstEnums": true,
        "sourceMap": true,
        "watch": true,
        "allowSyntheticDefaultImports": true
    },
    "filesGlob": [
        "src/**/*.ts",
        "src/**/*.tsx"
    ],
    "exclude": [
        "index.android.js",
        "index.ios.js",
        "build",
        "node_modules"
    ]
}

新建文件 tslint.json 内容为

{
    "rules": {
        "class-name": false,
        "comment-format": [
            true,
            "check-space"
        ],
        "indent": [
            true,
            "spaces"
        ],
        "no-duplicate-variable": true,
        "no-eval": true,
        "no-internal-module": true,
        "no-trailing-whitespace": true,
        "no-unsafe-finally": true,
        "no-var-keyword": true,
        "one-line": [
            true,
            "check-open-brace",
            "check-whitespace"
        ],
        "quotemark": [
            true,
            "double"
        ],
        "semicolon": [
            true,
            "always"
        ],
        "triple-equals": [
            true,
            "allow-null-check"
        ],
        "typedef-whitespace": [
            true,
            {
                "call-signature": "nospace",
                "index-signature": "nospace",
                "parameter": "nospace",
                "property-declaration": "nospace",
                "variable-declaration": "nospace"
            }
        ],
        "variable-name": [
            true,
            "ban-keywords"
        ],
        "whitespace": [
            true,
            "check-branch",
            "check-decl",
            "check-operator",
            "check-separator",
            "check-type"
        ]
    }
}

葡京娱乐总站平台 1 

配置React Native Packager

根目录新建rn-cli.config.js文件 内容为:
module.exports = {
getTransformModulePath() {
return require.resolve(‘react-native-typescript-transformer’);
},
getSourceExts() {
return [葡京娱乐总站平台, ‘ts’, ‘tsx’ ]
}
};

 

编纂代码

在 src文件夹里新建main.tsc文件
代码为:

import React, { Component } from "react";
import {
    StyleSheet,
    Text,
    View
} from "react-native";
interface Props {

}
interface State {

}
export default class App extends Component<Props, State> {
    render() {
        return (
            <View style={styles.container}>
                <Text style={styles.text}>
                    Welcome to React Native!
                </Text>
            </View>
        );
    }
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        justifyContent: "center",
        alignItems: "center",
        backgroundColor: "#F5FCFF",
    } as React.ViewStyle,

    text: {
        fontSize: 20,
        textAlign: "center",
        margin: 10,
    } as React.TextStyle,
});

二、方案价值

AppRegistry

import {
    AppRegistry,
} from 'react-native';
import App from "./src/main";

AppRegistry.registerComponent('YahuiApp', () => App);

迄今 您的选拔TS开发React Native的项目环境搭建好了

1、建立运作流畅、执行有力的公司安全治本系列

2、满足安全管理各项标准的渴求,降低安全风险,杜绝责任事故