微弱差别，细心对待


## 切换root
```c
su -
```
## 更新系统
```c
yum update
python --version
wget https://bootstrap.pypa.io/pip/2.7/get-pip.py
python get-pip.py
pip -V
```
## 安装nginx
```c
yum install epel-release
yum install nginx
systemctl start nginx
```
## 安装docker
```c
yum install -y yum-utils device-mapper-persistent-data lvm2
yum-config-manager --add-repo https://download.docker.com/linux/centos/docker-ce.repo
yum install docker-ce docker-ce-cli containerd.io
systemctl start docker
systemctl enable docker
```
## 安装 docker-compose
```c
sudo curl -L "https://github.com/docker/compose/releases/download/v2.27.0/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose
chmod +x /usr/local/bin/docker-compose
ln -s /usr/local/bin/docker-compose /usr/bin/docker-compose
docker-compose -version
```
## 安装php
```c
yum install epel-release
yum install https://rpms.remirepo.net/enterprise/remi-release-7.rpm
yum-config-manager --enable remi-php74
yum install php php-cli php-fpm php-mysqlnd php-zip php-devel php-gd php-mcrypt php-mbstring php-curl php-xml php-pear php-bcmath php-json
systemctl start php-fpm
systemctl enable php-fpm
php -v
```

创建CentOS7.9虚拟机后安装nginx+docker+docker-compose+php7.4

利用VMware创建CentOS虚拟机(包括如何更改网络设置 + 远程访问虚拟机方法)

[说明文档](https://oddfar.github.io/campus-doc/campus-imaotai/)


![image.png](https://seek.wiki/static/img/88ca29bb6605343193e35c88fa6c5d8c.image.webp)

![image.png](https://seek.wiki/static/img/f4c89b2561d95aaf07427c0277399046.image.webp)
## 演示图：

| 标题 |  |
| --- | --- |
| ![image.png](https://seek.wiki/static/img/976fb751637ab5e49465dc9d7096978d.image.webp) | ![image.png](https://seek.wiki/static/img/dbd7e42bb0a6fffa4b5a1a17b94865ce.image.webp) |
| ![image.png](https://seek.wiki/static/img/f2777bc415d417361f0cf3622559be58.image.webp) | ![image.png](https://seek.wiki/static/img/de429fec34e13a83db081a1988cbfbe7.image.webp) |


在[ release (opens new window)](https://github.com/oddfar/campus-imaotai/releases)页面，以 V1.0.12 例子

### 启动步骤
进入目录：cd 压缩文件名

构建docker服务：docker-compose build

启动docker容器：docker-compose up -d

打开浏览器，输入：http://localhost:80 (opens new window)，若能正确展示页面，则表明环境搭建成功。一共4个服务

```
默认账号及密码：

管理员
admin admin123
普通用户（啥也干不了）
zhiyuan 123456
测试用户（可添加i茅台）
test 123456

```


### 前端部署
请看此处：https://oddfar.github.io/campus-doc/pages/3c5985/#前端部署

campus-server campus-nginx

#2、删除旧镜像

```
docker rmi campus-imt-vxxx_campus-server
```

#3、启动项目，项目根目录下执行
```
docker-compose up -d
```

### 升级步骤
把 /jar 目录下换成最新的 jar 包，/html 目录下换成最新的 dist 文件夹

1、删除容器：
```
docker rm -f campus-server campus-nginx
```
2、删除旧镜像
```
docker rmi campus-imt-vxxx_campus-server
```
3、启动项目，项目根目录下执行
```
docker-compose up -d
```

关于campus-imaotai的部署记载

webstorm快捷自定义log

> 条件编译&写法



## 条件编译

条件编译是用特殊的注释作为标记，在编译时根据这些特殊的注释，将注释里面的代码编译到不同平台。
写法：以 #ifdef 或 #ifndef 加 %PLATFORM% 开头，以 #endif 结尾。

- #ifdef：if defined 仅在某平台存在;
- #ifndef：if not defined 除了某平台均存在;
- %PLATFORM%：平台名称;

| %PLATFORM%值： | 生效条件 |
| --- | --- |
| H5 |  |
| MP-WEIXIN | 微信小程序 |
| MP-ALIPAY | 支付宝小程序 |
| MP-BAIDU | 百度小程序 |
| MP-TOUTIAO | 抖音小程序 |
| MP-KUAISHOU | 快手小程序 |
| MP-JD | 京东小程序 |
| MP | 微信小程序/支付宝小程序/百度小程序/抖音小程序/飞书小程序/QQ 小程序/360 小程序 |

> 支持的文件

- .vue、.pug
- .css、.scss、.less、.stylus
- .js、.ts
- pages.json

## 写法

> pages.json管理页面路由、和manifest.json管理应用配置。 <br>
> vue/nvue 模板里使用 ，css 使用 /* 注释 */，js 使用 // 注释。

- 模板写法

```vue

平台特有的组件

```

- css 样式写法

```css
/*  #ifdef  %PLATFORM%  */
平台特有样式
/*  #endif  */
```

- JS 写法

```js
// #ifdef  %PLATFORM%
平台特有的API实现;
// #endif
```

- pages.json

```json
// #ifdef %PLATFORM%
{
  "pagePath": "pages/eg",
  "text": "案例"
}
// #endif
```