# 一、Vue3基本指令
## 1. Mustche语法
```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <div id="app"></div>
    
    <template id="why">
        <h2>{{message}}</h2>
        
        <h2>{{counter * 10}}</h2>
        <h2>{{ message.split(" ").reverse().join(" ") }}</h2>
        
        <h2>{{getReverseMessage()}}</h2>
        
        <h2>{{ isShow ? "哈哈哈": "" }}</h2>
        <button @click="toggle">隐藏</button>
    </template>

    <script src="../vue3_init/vue.global.js"></script>
    
    <script>
        Vue.createApp({
            template: '#why',
            // 存储数据，声明数据
            data: function() {
                return {
                    message: "Hello World",
                    counter: 100,
                    isShow: true
                }
            },
            // 声明方法
            methods: { 
                getReverseMessage() {
                    return this.message.split(" ").reverse().join(" ")
                },
                toggle() {
                    this.isShow = !this.isShow;
                }
            }
        }).mount("#app");
    </script>
</body>
</html>
```

## 2. 基本指令v-noce
```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>基本指令-v-once</title>
</head>
<body>
    <div id="app"></div>
    <template id="why">
        <h2>{{counter}}</h2>
        
        <h2 v-once>{{counter}}</h2>
        <button @click="incrementEl">+1</button>
    </template>
    <script src="../vue3_init/vue.global.js"></script>
    
    <script>
        Vue.createApp({
            template: '#why',
            // 存储数据，声明数据
            data: function() {
                return {
                    counter: 100
                }
            },
            // 声明方法
            methods: { 
                incrementEl() {
                    this.counter++;
                }
            }
        }).mount("#app");
    </script>
</body>
</html>
```

## 3. 基本指令v-text
```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>基本指令-text</title>
</head>
<body>
    <div id="app"></div>
    <template id="why">
        
        <h2 v-text="message"></h2>
        <h2>{{message}}</h2>
    </template>
    <script src="../vue3_init/vue.global.js"></script>
    
    <script>
        Vue.createApp({
            template: '#why',
            // 存储数据，声明数据
            data: function() {
                return {
                    message: "Hello Wordr"
                }
            },
            // 声明方法
            methods: { 
                
            }
        }).mount("#app");
    </script>
</body>
</html>
```

## 4. 基本指令v-html
```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>基本指令-v-html</title>
</head>
<body>
    <div id="app"></div>
    <template id="why">
        <div>{{message}}</div>
        <div v-html="msg"></div>
    </template>
    <script src="../vue3_init/vue.global.js"></script>
    
    <script>
        Vue.createApp({
            template: '#why',
            // 存储数据，声明数据
            data: function() {
                return {
                    message: "Hello Wordr",
                    msg: '<span style="color:red; background: blue;">test</span>'
                }
            },
            // 声明方法
            methods: { 
                
            }
        }).mount("#app");
    </script>
</body>
</html>
```

## 5. 基本指令v-pre
```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>基本指令-v-pre</title>
</head>
<body>
    <div id="app"></div>
    <template id="why">
        
        <div v-pre>{{message}}</div>
    </template>
    <script src="../vue3_init/vue.global.js"></script>
    
    <script>
        Vue.createApp({
            template: '#why',
            // 存储数据，声明数据
            data: function() {
                return {
                    message: "Hello Word"
                }
            },
            // 声明方法
            methods: { 
                
            }
        }).mount("#app");
    </script>
</body>
</html>
```

## 6. 基本指令v-cloak
```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>基本指令-v-cloak</title>
    <style>
        [v-cloak] {
            display: none;
        }
    </style>
</head>
<body>
    <div id="app"></div>
    <template id="why">
        <h2 v-cloak>{{message}}</h2>
    </template>
    <script src="../vue3_init/vue.global.js"></script>
    
    <script>
        Vue.createApp({
            template: '#why',
            // 存储数据，声明数据
            data: function() {
                return {
                    message: "Hello Word"
                }
            },
            // 声明方法
            methods: { 
                
            }
        }).mount("#app");
    </script>
</body>
</html>
```

二、Vue3基本指令

## 1.vue3代码的引入
### （1）cdn引入
```html
<script src="https://unpkg.com/vue@3.0.11/dist/vue.global.js"></script>
```
### （2）本地文件引入
```html
<script src="./vue.global.js"></script>
```

## 2.创建APP
### （1）方式一
```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="app"></div>
    <script src="https://unpkg.com/vue@3.0.11/dist/vue.global.js"></script>
    <script>
        const ruiwiki = {
            template: '<h2>123</h2>'
        }
        const app = Vue.createApp(ruiwiki);
        app.mount("#app")
    </script>
</body>
</html>
```

### （2）方式二
```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="app"></div>
    <script src="https://unpkg.com/vue@3.0.11/dist/vue.global.js"></script>
    <script>
        Vue.createApp({
            template: '<h2>123</h2>'
        }).mount("#app");
    </script>
</body>
</html>
```

## 3.计数器
### （1）JavaScript原生写法
```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h2 class="counter">0</h2>
    <button class="increment">+1</button>
    <button class="decrement">-1</button>

    <script>
        // 1.获取所有的元素
        const counterEl = document.querySelector(".counter");
        const incrementEl = document.querySelector(".increment");
        const decrementEl = document.querySelector(".decrement");

        // 2.定义变量
        let counter = 0;
        counterEl.innerHTML = counter;

        // 3. 监听按钮的点击
        incrementEl.addEventListener('click', () => {
            counter += 1;
            counterEl.innerHTML = counter;
        })
        
        decrementEl.addEventListener('click', () => {
            counter -= 1;
            counterEl.innerHTML = counter;
        })
    </script>
</body>
</html>
```

### （2）vue3写法一
```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="app"></div>
    <script src="https://unpkg.com/vue@3.0.11/dist/vue.global.js"></script>
    <script>
        Vue.createApp({
            template: `
                <div>
                    <h2>{{counter}}</h2>
                    <button @click='incrementEl'>+1</button>
                    <button @click='decrementEl'>-1</button>
                </div>
            `,
            // 存储数据，声明数据
            data: function() {
                return {
                    counter: 0
                }
            },
            // 声明方法
            methods: { 
                incrementEl() {
                    this.counter += 1;
                },
                decrementEl() {
                    this.counter -= 1;
                }
            }
        }).mount("#app");
    </script>
</body>
</html>
```

### （3）vue3写法二
```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="app"></div>
    <template id="why">
        <div>
            <h2>{{counter}}</h2>
            <button @click='incrementEl'>+1</button>
            <button @click='decrementEl'>-1</button>
        </div>
    </template>
    <script src="https://unpkg.com/vue@3.0.11/dist/vue.global.js"></script>
    <script>
        Vue.createApp({
            template: '#why',
            // 存储数据，声明数据
            data: function() {
                return {
                    counter: 0
                }
            },
            // 声明方法
            methods: { 
                incrementEl() {
                    this.counter += 1;
                },
                decrementEl() {
                    this.counter -= 1;
                }
            }
        }).mount("#app");
    </script>
</body>
</html>
```

一、Vue3学习初体验

# dm8的安装
## 一、安装
达梦文档地址：[https://eco.dameng.com/document/dm/zh-cn/pm/installation-introduction.html](https://eco.dameng.com/document/dm/zh-cn/pm/installation-introduction.html)

系统：centos7

检查系统：

```bash
#获取系统位数
getconf LONG_BIT

#查询操作系统release信息
cat /etc/redhat-release

#查询系统信息
cat /etc/issue

#查询系统名称
uname -a
```
### 创建安装用户组 dinstall
`groupadd -g 12349 dinstall`

### 创建安装用户 dmdba
`useradd -u 12345 -g dinstall -m -d /home/dmdba -s /bin/bash dmdba`

### 初始化用户密码
`passwd dmdba`

### 下载安装包
官网下载：[https://www.dameng.com/list_110.html](https://www.dameng.com/list_110.html)

下载地址：[https://download.dameng.com/eco/adapter/DM8/202401END/dm8_20240116_x86_rh7_64.zip](https://download.dameng.com/eco/adapter/DM8/202401END/dm8_20240116_x86_rh7_64.zip)

### 开始安装

```bash
# 解压下载的安装包
uzip -d dm8_20240116_x86_rh7_64.zip

# 创建挂载镜像的路径
mkdir /mnt/dm8

# 挂载iso镜像
mount -o loop dm8_20240116_x86_rh7_64.iso /mnt/dm8

# 执行安装程序(命令行安装方式)
/mnt/dm8/DMInstall.bin -i
```
选择简体中文

![image.png](/static/img/f7d943b8fd6c6142fab409f01c843bc8.image.webp)

由于是开发试用版本所以没有key，选择N

![image.png](/static/img/1840425d412d1b60f5a6bf705d49b1e9.image.webp)


设置时区选择Y后，再选择21中国

![image.png](/static/img/43cf3d432a9fc6b3e3a0d52de2d47b49.image.webp)

安装类型为典型安装

![image.png](/static/img/e2017c6976af7bacb7762d18d1ca6d00.image.webp)

安装目录(注意目录下要为空目录)：/data/apps/dm8

![image.png](/static/img/acf2997952da346f2557b80e18a8a77d.image.webp)

总体配置如下

![image.png](/static/img/32c7ce01da0c7f4ee3d65e80faa3031e.image.webp)

安装完成后如下

![image.png](/static/img/eddbc7099060078d77f0d4a222cd79d4.image.webp)


## 二、初始化数据库
### 使用dminit

```bash
/data/apps/dm8/bin/dminit HELP
initdb V8
db version: 0x7000c
file dm.key not found, use default license!
License will expire on 2025-01-15
version: 03134284132-20240115-215128-20081 Pack2
格式: ./dminit     KEYWORD=value

例程: ./dminit     PATH=/public/dmdb/dmData PAGE_SIZE=16

关键字                     说明（默认值）
--------------------------------------------------------------------------------
INI_FILE                   初始化文件dm.ini存放的路径
PATH                       初始数据库存放的路径
CTL_PATH                   控制文件路径
LOG_PATH                   日志文件路径
EXTENT_SIZE                数据文件使用的簇大小(16)，可选值：16, 32, 64，单位：页
PAGE_SIZE                  数据页大小(8)，可选值：4, 8, 16, 32，单位：K
LOG_SIZE                   日志文件大小(256)，单位为：M，范围为：256M ~ 8G
CASE_SENSITIVE             大小敏感(Y)，可选值：Y/N，1/0
CHARSET/UNICODE_FLAG       字符集(0)，可选值：0[GB18030]，1[UTF-8]，2[EUC-KR]
SEC_PRIV_MODE              权限管理模式(0)，可选值：0[TRADITION]，1[BMJ]，2[EVAL]，3[ZB]
LENGTH_IN_CHAR             VARCHAR类型长度是否以字符为单位(N)，可选值：Y/N，1/0
SYSDBA_PWD                 设置SYSDBA密码(SYSDBA)
SYSAUDITOR_PWD             设置SYSAUDITOR密码(SYSAUDITOR)
DB_NAME                    数据库名(DAMENG)
INSTANCE_NAME              实例名(DMSERVER)
PORT_NUM                   监听端口号(5236)
BUFFER                     系统缓存大小(100)，单位M
TIME_ZONE                  设置时区(+08:00)
PAGE_CHECK                 页检查模式(3)，可选值：0/1/2/3
PAGE_HASH_NAME             设置页检查HASH算法
EXTERNAL_CIPHER_NAME       设置默认加密算法
EXTERNAL_HASH_NAME         设置默认HASH算法
EXTERNAL_CRYPTO_NAME       设置根密钥加密引擎
RLOG_ENCRYPT_NAME          设置日志文件加密算法，若未设置，则不加密
RLOG_POSTFIX_NAME          设置日志文件后缀名，长度不超过10。默认为log，例如DAMENG01.log
USBKEY_PIN                 设置USBKEY PIN
PAGE_ENC_SLICE_SIZE        设置页加密分片大小，可选值：0、512、4096，单位：Byte
ENCRYPT_NAME               设置全库加密算法
BLANK_PAD_MODE             设置空格填充模式(0)，可选值：0/1
SYSTEM_MIRROR_PATH         SYSTEM数据文件镜像路径
MAIN_MIRROR_PATH           MAIN数据文件镜像
ROLL_MIRROR_PATH           回滚文件镜像路径
MAL_FLAG                   初始化时设置dm.ini中的MAL_INI(0)
ARCH_FLAG                  初始化时设置dm.ini中的ARCH_INI(0)
MPP_FLAG                   Mpp系统内的库初始化时设置dm.ini中的mpp_ini(0)
CONTROL                    初始化配置文件（配置文件格式见系统管理员手册）
AUTO_OVERWRITE             是否覆盖所有同名文件(0) 0:不覆盖 1:部分覆盖 2:完全覆盖
USE_NEW_HASH               是否使用改进的字符类型HASH算法(1)
ELOG_PATH                  指定初始化过程中生成的日志文件所在路径
AP_PORT_NUM                分布式环境下协同工作的监听端口
HUGE_WITH_DELTA            是否仅支持创建事务型HUGE表(1) 1:是 0:否
RLOG_GEN_FOR_HUGE          是否生成HUGE表REDO日志(1) 1:是 0:否
PSEG_MGR_FLAG              是否仅使用管理段记录事务信息(0) 1:是 0:否
CHAR_FIX_STORAGE           CHAR是否按定长存储(N)，可选值：Y/N，1/0
SQL_LOG_FORBID             是否禁止打开SQL日志(N)，可选值：Y/N，1/0
DPC_MODE                   指定DPC集群中的实例角色(0) 0:无 1:MP 2:BP 3:SP，取值1/2/3时也可以用MP/BP/SP代替
HELP                       打印帮助信息
```

### 初始化&注册服务
```bash
# 初始化数据库
/data/apps/dm8/bin/dminit path=/data/dm8/data PAGE_SIZE=16 EXTENT_SIZE=32 CASE_SENSITIVE=y CHARSET=1 DB_NAME=rmt INSTANCE_NAME=DBSERVER PORT_NUM=5236

# 注册服务
/data/apps/dm8/script/root/dm_service_installer.sh -t dmserver -dm_ini /data/dm8/data/rmt/dm.ini -p DMSERVER

# 创建DmAPService服务（达梦数据库辅助插件服务）
/data/apps/dm8/script/root/dm_service_installer.sh -t dmap

# 开机自启DmAPService服务
systemctl enable DmAPService
```

01-安装达梦8数据库

centos7编译安装php7.0.33

# 编译安装环境
系统：centos7.9

# 安装编译依赖
`yum gcc gcc-c++  make automake -y`

# 下载依赖软件源码包并且解压
```bash
# 新建文件夹
mkdir /data/download/nginx -p
cd /download/nginx
# 下载
wget http://nginx.org/download/nginx-1.24.0.tar.gz
wget https://www.openssl.org/source/old/1.1.1/openssl-1.1.1v.tar.gz
wget https://www.zlib.net/zlib-1.3.tar.gz
wget https://zenlayer.dl.sourceforge.net/project/pcre/pcre/8.45/pcre-8.45.tar.gz

# 解压并且重命名
tar -xf ./openssl-1.1.1v.tar.gz -C /data/download/nginx/ --transform s/openssl-1.1.1v/openssl/
tar -xf ./zlib-1.3.tar.gz -C /data/download/nginx/ --transform s/zlib-1.3/zlib/
tar -xf ./pcre-8.45.tar.gz -C /data/download/nginx/ --transform s/pcre-8.45/pcre/
```
# 编译安装nginx


```bash
# 创建www用户
useradd www

# 解压
tar -xf nginx-1.24.0.tar.gz
# 进入解压后目录
cd nginx-1.24.0
# 配置安装
./configure --prefix=/data/apps/nginx --user=www --group=www --with-pcre=../pcre --with-openssl=../openssl --with-zlib=../zlib --with-http_v2_module --with-http_sub_module --with-http_ssl_module --with-http_mp4_module --with-http_flv_module --with-http_gzip_static_module --with-http_auth_request_module --with-http_secure_link_module --with-http_slice_module --with-http_realip_module --with-http_stub_status_module --with-file-aio --with-stream --with-stream_ssl_module --with-stream_realip_module --with-stream_ssl_preread_module --without-select_module --without-poll_module --without-http_ssi_module --without-http_userid_module --without-http_geo_module --without-http_memcached_module --without-mail_pop3_module --without-mail_imap_module --without-mail_smtp_module --http-client-body-temp-path=/dev/shm/client_body_temp --http-proxy-temp-path=/dev/shm/proxy_temp --http-fastcgi-temp-path=/dev/shm/fastcgi_temp --http-uwsgi-temp-path=/dev/shm/uwsgi_temp --http-scgi-temp-path=/dev/shm/scgi_temp

# 编译并且安装
make -j8 && make install
```

# 添加启动脚本

```bash
# 创建启动脚本目录
mkdir /data/apps/init.d/ -p
# 创建nginx启动脚本
touch /data/apps/init.d/nginx
# 编辑启动脚本
vi /data/apps/init.d/nginx
```
启动脚本如下显示

```bash
#!/bin/bash
# chkconfig: 2345 93 11
# description:Nginx Server

NGINX_HOME=/data/apps/nginx
NGINX_SBIN=$NGINX_HOME/sbin/nginx
NGINX_CONF=$NGINX_HOME/conf/nginx.conf
NGINX_PID=/data/logs/apps/nginx/nginx.pid
NGINX_MAXFD=655350

NGINX_NAME="Nginx"

. /etc/rc.d/init.d/functions

if [ ! -f $NGINX_SBIN ]
then
    echo "$NGINX_NAME startup: $NGINX_SBIN not exists! "
    exit
fi

start() {
    ulimit -HSn $NGINX_MAXFD

    $NGINX_SBIN -c $NGINX_CONF
    ret=$?
    if [ $ret -eq 0 ]; then
        action $"Starting $NGINX_NAME: " /bin/true
    else
        action $"Starting $NGINX_NAME: " /bin/false
    fi
}

stop() {
        $NGINX_SBIN -s stop
    ret=$?
    if [ $ret -eq 0 ]; then
        action $"Stopping $NGINX_NAME: " /bin/true
    else
        action $"Stopping $NGINX_NAME: " /bin/false
    fi
}

restart() {
    stop
    sleep 2
    start
}

check() {
    $NGINX_SBIN -c $NGINX_CONF -t
}

reload() {
    $NGINX_SBIN -s reload
}

relog() {
    kill -USR1 $(cat $NGINX_PID)
}

case "$1" in
    start)
        start
        ;;
    stop)
        stop
        ;;
    restart)
        restart
        ;;
    check)
        check
        ;;
    reload)
        reload
        ;;
    relog)
        relog
        ;;
    *)
        echo $"Usage: $0 {start|stop|restart|reload|check|relog}"
        exit 1
esac
```

wq保存以上脚本

添加启动脚本执行权限

```bash
chmod +x /data/apps/init.d/nginx
```

# 配置nginx
进入nginx配置文件目录`cd /data/apps/nginx/conf/`

删除除了`fastcgi_params、mime.types`以外的配置文件

```bash
rm -f `ll | sed -n '1!p' | awk '{print $NF}' | grep -v 'fastcgi_params' | grep -v 'mime.types'`
```

创建nginx.conf主配置文件

`vi nginx.conf`

保存以下配置到nginx.conf上

```bash
user www;
worker_processes auto;
#error_log /data/logs/nginx/nginx_error.log;
#pid /data/logs/nginx/nginx.pid;
error_log /data/logs/nginx/error.log notice;
pid /data/tmp/nginx.pid;
worker_rlimit_nofile 65535;

events {
  use epoll;
  worker_connections 65535;
}
http {
  include mime.types;
  default_type  application/octet-stream;
  charset utf-8;
  server_tokens off;

  gzip on;
  gzip_min_length  1k;
  gzip_buffers     16 64k;
  #gzip_http_version 1.0;
  gzip_comp_level 9;
  gzip_types      application/json text/plain application/x-javascript text/css application/xml;
  gzip_vary on;

  log_format  access  '$remote_addr - $remote_user $host [$time_local] "$request" '
             '$status $request_time $bytes_sent $body_bytes_sent "$http_referer" '
             '"$http_user_agent" "$http_x_forwarded_for" '
             '"$ssl_protocol" "$upstream_addr" "$upstream_cache_status" "$upstream_status" $upstream_response_time' ;

  log_format  json  '{"timestamp":"$time_iso8601",'
                      '"remote_addr":"$remote_addr",'
                      '"remote_user":"$remote_user",'
                      '"body_bytes_sent":$body_bytes_sent,'
                      '"bytes_sent":$bytes_sent,'
                      '"domain":"$host",'
                      '"method":"$request_method",'
                      '"http_referer":"$http_referer",'
                      '"http_user_agent":"$http_user_agent",'
                      '"url":"http://$host$request_uri",'
                      '"request_file":"$uri",'
                      '"request_time":$request_time,'
                      '"status":$status,'
                      '"upstream_addr":"$upstream_addr",'
                      '"upstream_response_time":"$upstream_response_time",'
                      '"upstream_status":"$upstream_status",'
                      '"upstream_cache_status":"$upstream_cache_status"}';

  client_header_buffer_size 16k;
  large_client_header_buffers 8 16k;
  server_names_hash_bucket_size 512;
  sendfile on;
  tcp_nopush on;
  keepalive_timeout 60;
  tcp_nodelay on;
  client_header_timeout 10;
  client_max_body_size 30m; 
  client_body_timeout 120s;
  client_body_buffer_size 256k;
  client_body_temp_path /dev/shm/client_body_temp;
  proxy_connect_timeout 800;
  proxy_read_timeout 800;
  proxy_send_timeout 800;
  proxy_buffer_size 64k;
  proxy_buffers 32 64k;
  proxy_busy_buffers_size 128k;
  proxy_temp_file_write_size 128k;
  proxy_temp_path /dev/shm/proxy_temp;
  proxy_set_header Host $host;
  proxy_set_header X-Real-IP $remote_addr;
  proxy_set_header REMOTE_ADDR $remote_addr;
  proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
  fastcgi_connect_timeout 800;
  fastcgi_send_timeout 800;
  fastcgi_read_timeout 800;
  fastcgi_buffer_size 256k;
  fastcgi_buffers 8 512k;
  fastcgi_busy_buffers_size 512k;
  fastcgi_temp_file_write_size 512k;
  fastcgi_temp_path /dev/shm/tmp;
  proxy_hide_header X-Powered-By; 
  proxy_hide_header Server;


    upstream backend{
        server unix:/data/tmp/php-www1.sock weight=10 max_fails=3 fail_timeout=3s;
        server unix:/data/tmp/php-www2.sock weight=10 max_fails=3 fail_timeout=3s;
  }

    upstream backend_php7{
        server unix:/data/tmp/php-www5.sock weight=10 max_fails=10 fail_timeout=3s;
        server unix:/data/tmp/php-www6.sock weight=10 max_fails=10 fail_timeout=3s;
  }

  map $http_upgrade $connection_upgrade {
        default upgrade;
        '' close;
   }
   
   
  include /data/apps/nginx/conf/hosts/*.conf;

 }
```

创建fcgi.conf文件并且把下面配置存到这个文件上
```bash
fastcgi_param	GATEWAY_INTERFACE	CGI/1.1;
fastcgi_param	SERVER_SOFTWARE		nginx;

fastcgi_param	QUERY_STRING		$query_string;
fastcgi_param	REQUEST_METHOD		$request_method;
fastcgi_param	CONTENT_TYPE		$content_type;
fastcgi_param	CONTENT_LENGTH		$content_length;

fastcgi_param	SCRIPT_FILENAME		$document_root$fastcgi_script_name;
fastcgi_param	SCRIPT_NAME			$fastcgi_script_name;
fastcgi_param	REQUEST_URI			$request_uri;
fastcgi_param	URI			$uri;
fastcgi_param	ARGS			$args;
fastcgi_param	DOCUMENT_URI		$document_uri;
fastcgi_param	DOCUMENT_ROOT		$document_root;
fastcgi_param	SERVER_PROTOCOL		$server_protocol;

fastcgi_param	REMOTE_ADDR			$remote_addr;
fastcgi_param	REMOTE_PORT			$remote_port;
fastcgi_param	SERVER_ADDR			$server_addr;
fastcgi_param	SERVER_PORT			$server_port;
fastcgi_param	SERVER_NAME			$server_name;

# PHP only, required if PHP was built with --enable-force-cgi-redirect
fastcgi_param	REDIRECT_STATUS		200;
```

创建hosts目录
`mkdir /data/apps/nginx/conf/hosts`

在`/data/apps/nginx/conf/hosts/`目录下创建`localhost.conf`配置文件


```bash
server
  {
    listen       80;
    server_name localhost;
    # server_name 可以写自己的访问ip
    index index.php index.html index.htm;
    include spider.conf;

    location ^~ / {
        index index.html index.htm index.php;
        root /data/www;
        location ~ \.php$ {
            deny all;
            try_files $uri =404;
            fastcgi_pass   backend_php7;
            fastcgi_index  index.php;
            include        fcgi.conf;
        }

        location  ~ .*\.(css|gif|jpg|jpeg|png|bmp|js|swf|ico|cur|mp4|avi|mpg)$ {
            expires 30d;
        }
    }

    access_log  /data/logs/nginx/localhost_access.log  access;
    #access_log off;
}
```

# 创建相关目录

```bash
#访问日志目录
mkdir /data/logs/nginx
# 添加归属
chonw -R www.www /data/logs/nginx

# 静态文件路径
mkdir /data/www
# 添加归属
chonw -R www.www /data/www
```

# 启动nginx
## 复制静态文件
`cp /data/apps/nginx/html/index.html /data/www/`

## 测试

```bash
/data/apps/nginx/sbin/nginx -t
```
显示如下就可以进行下一步启动nginx了
![image.png](/static/img/ad3c4b36c38d3777a3f88733d52757ac.image.webp)
## 启动
```bash
/data/apps/init.d/nginx statr
```
## 测试
在浏览器输入自己服务器访问ip，显示如下这完成安装

![image.png](/static/img/2b880df3b1a396b5a3fbc36486389aad.image.webp)

# nginx相关命令

```bash
# 检查配置文件是否有误
/data/apps/nginx/sbin/nginx -t

# 重置配置文件
/data/apps/nginx/sbin/nginx -s reload

# 启动nginx
/data/apps/init.d/nginx start

# 停止nginx
/data/apps/init.d/nginx stop

# 重启nginx
/data/apps/init.d/nginx restart
```