1. 程式人生 > 其它 >使用Extjs和PHP快速構建Web應用系統(一)

使用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。