使用Extjs和PHP快速构建Web应用系统（一）

第一章 准备部署环境

操作系统：Red Hat Enterprise Linux Server release 7.6 (Maipo) 最小化安装

应用服务器：apache2.4 + php7 + MySql

前端框架：Extjs7

后端框架：Phalcon7

 

任务一：编译安装apache httpd（不建议使用系统自带的版本）

1. 下载apr、apr-util、pcre和httpd。其中，apr，apr-util和httpd可以在cnnic网站上下载，pcre可以在官网（http://pcre.org）下载(我这里使用的是pcre-8.45版本)。安装前需配置本地yum源，安装编译过程中需要的组件，如gcc、libtool、wget等。

　　> yum install –y gcc gcc-c++ libtool wget expat-devel

　　> wget https://mirrors.cnnic.cn/apache/apr/apr-1.6.5.tar.gz

　　> wget https://mirrors.cnnic.cn/apache/apr/apr-util-1.6.1.tar.gz

　　> wget https://mirrors.cnnic.cn/apache/httpd/httpd-2.4.53.tar.gz

2. 解压后分别进行安装与配置。

　　2.1. apr（安装到/usr/local/apr）

　　　　> ./configure --prefix=/usr/local/apr

　　2.2. apr-util（安装到/usr/local/apr-util）

　　　　> ./configure --prefix=/usr/local/apr-util --with-apr=/usr/local/apr

　　2.3. pcre（安装到默认目录）

　　　　> ./configure

　　2.4. httpd（采用默认安装，安装目录为/usr/loca/apache2）

　　　　> ./configure --with-included-apr --enable-so --enable-rewrite

3. 启动httpd服务。

　　3.1. 将/usr/local/apache2/bin加入到PATH环境变量。

　　3.2. 启动httpd。

　　　　> apachectl start

　　3.3. 关闭httpd。

　　　　> apachectl stop

注：

1. 安装httpd之前，需要把解压后的apr和apr-util目录复制到httpd安装目录的srclib中。

2. 把安装盘mount到/media/cdrom，并在/etc/yum.repos.d目录下创建local.repo文件，如下图：

 

任务二：编译安装php7并在apache中进行联合部署

1. 从php官网下载php安装程序，我这里使用的版本号是7.4.29。

2. 解压后，运行：

　　> yum install –y libxml2-devel sqlite sqlite-devel

　　> ./configure --prefix=/usr/local/php --with-apxs2=/usr/local/apache/bin/apxs --with-pdo-mysql

　　> make && make install

3. 将/usr/local/php/bin加入到PATH环境变量。

4. 把安装目录下的php.ini-development拷贝到/usr/local/php/lib下，改名为php.ini。

5. 在apache的配置文件httpd.conf中增加以下配置：

6. 在apache的htdocs目录中增加一个测试文件并在浏览器中进行测试。

  

任务三：安装Extjs7（30天试用版）并生成应用程序

1. 安装node.js（官网下载二进制安装版本，我这里使用的版本是v16.15.0）

2. 安装ext-gen。

　　> npm install -g @sencha/ext-gen

3. 生成应用程序。

　　> ext-gen app -a -t moderndesktop -n xt

　　> npm start

4. 在浏览器中浏览demo页面。

注：

1. 在运行ext-gen时不要使用root用户，并注意文件夹权限

2. 生成的demo程序右下角带有Trial水印，找到node_modules->@sencha->ext-modern-theme-base目录中的all.scss文件，把$ext-trial修改为false!default

 

任务四：安装IDE（建议使用vscode）

1. 安装vscode。

如上图，在/etc/yum.repos.d目录下创建code.repo文件，运行yum install –y code安装最新版vscode。