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