Huang ShuWei
Huang ShuWei
### 前言 这篇文章介绍 [react-router-dom](https://github.com/ReactTraining/react-router/tree/master/packages/react-router-dom)路由的几种跳转方式 > 示例中版本要求：react-router-dom 5.x ### 使用路由的 `Link`组件方式跳转 **适用场景**：点击菜单跳转 使用 `Link` 组件方式跳转相当于点击 ``标签方式跳转，因为`Link` 组件会渲染成`首页` 代码示例： ``` import { BrowserRouter as Router,Link} from 'react-router-dom'; ... render(){ return ( 首页...
### 前言 截止到 2019年，创建 react 应用大家第一反应就是通过 `create-react-app`脚手架去创建，这种方式的确也是最简单、最高效的方式。通过脚手架创建的应用，内置了大量需要配置和扩展的功能，让开发者更专注于业务实现。 如果仅仅是满足日常项目开发是足够的，但是如果需要创建 react 组件库、工具路等应用还需要自己手动的创建。 这篇文章将会介绍如何通过手动的配置 `webpack`、`babel`、`react`创建 react应用 ### 文章中依赖包要求 - react 16.x - babel 7.x - webpack 4.x - webpack-cli 3.x - webpack-dev-server 3.x...
### electron 打包、发布 下面以windows 系统下为例 ### 下载 electron 预构建二进制文件 > 根据你要发布的系统，选择下载对应的版本。 以 windows x64 为例。选择对应的版本。如 `electron-v5.0.1-win32-x64.zip`，解析文件 ### 直接拷贝的方式发布 将源文件放到刚才解析的 `electron/resources/app`目录下，大致路径如下 ``` electron/resources/app ├── package.json ├── main.js └── index.html ``` 双击...
**项目中安装oracledb 包** ``` npm i oracledb ``` **安装 oracle 驱动** >1、安装包位数（32、64）必须和当前系统相同 >2、安装时选择安装类型为“管理员” 设置系统环境变量（具体根据安装目录而定）： D:\oracle\app\shuwei\product\11.2.0\client_1\BIN **设置数据库连接字符串** 在目录 D:\oracle\app\shuwei\product\11.2.0\client_1\network\admin 下 新增 “tnsnames.ora”文件。内容形如： ``` EMVST = (DESCRIPTION = (ADDRESS = (PROTOCOL = TCP)(HOST...
### 前言 负载均衡也是Nginx常用的一个功能，负载均衡其意思就是分摊到多个操作单元上进行执行，例如Web服务器、FTP服务器、企业关键应用服务器和其它关键任务服务器等，从而共同完成工作任务。简单而言就是当有2台或以上服务器时，根据规则随机的将请求分发到指定的服务器上处理，负载均衡配置一般都需要同时配置反向代理，通过反向代理跳转到负载均衡。而Nginx目前支持自带3种负载均衡策略，还有2种常用的第三方策略。 ### 根据RR做负载(默认) 每个请求按时间顺序逐一分配到不同的后端服务器，如果后端服务器`down`掉，能自动剔除。 ``` upstream test { server localhost:8080; // 不能包含协议 server localhost:8081; } server { listen 81; server_name localhost; client_max_body_size 1024M; location / { proxy_pass http://test;...
**前言** 当使用 powerDesigner 作为数据库设计时，默认是 sqlServer 的（也可能记错了）。下面以 powerDesigner16.5.0.3982 版本为例。 **创建数据库模型** > 如果需要设置数据库连接，可以先创建模型，创建完后会出现 `Database`选项 创建模型路径： File->New Model->Model types->Physical Diagram **配置连接oracle数据库链接信息** 路径： Database->Configure Connections->Add Data Source(图标)->系统数据源->Oracle in oraClient11g_home1 输入数据库链接信息，如：  保存之前可以点击`Test Connection` 输入数据信息测试是否链接成功...
### 前言 记录自己摸索小程序的过程 ### 使用小技巧 **设置启动页面** 在入口`app.json`文件中，在`pages`节点中把要启动的页面地址的顺序放到第一位即可 ### 执行环境 ### 代码管理 ### 编译器选择
### 前言 现在都流行匿名类，很少创建实体对象。当 DataTable 数据需要进行分组查询时，还是比较繁琐的。 ### DataTable 数据结构 | id | name | type | |---------- |-------------- |---------- | | 1 | abc | 分组1 | | 2 | dsad...
错误的loader配置： ``` // webpack.config.js { test: /\.(css|postcss|sass|scss)$/, use: [ 'style-loader', 'css-loader', 'postcss-loader', 'sass-loader' ] }, ``` 正确的配置： ``` // webpack.config.js { test: /\.(postcss)$/, use: [ 'style-loader', 'css-loader', 'postcss-loader' ] },...