1. 程式人生 > >Java的新專案學成線上筆記-day1(二)

Java的新專案學成線上筆記-day1(二)

3 CMS需求分析 3.1 什麼是CMS
1、CMS是什麼 ? CMS (Content Management System)即內容管理系統,不同的專案對CMS的定位不同,比如:一個線上教育網 站,有些公司認為CMS系統是對所有的課程資源進行管理,而在早期網站剛開始盛行時很多公司的業務是網站制 作,當時對CMS的定位是建立網站,即對網站的頁面、圖片等靜態資源進行管理。
2、CMS有哪些型別?
上邊也談到每個公司對每個專案的CMS定位不同,CMS基本上分為:針對後臺資料內容的管理、針對前端頁面的 管理、針對樣式風格的管理等 。比如:一個給企業做網站的公司,其CMS系統主要是網站頁面管理及樣式風格的 管理。
3、本專案CMS的定位是什麼? 本專案作為一個大型的線上教育平臺,對CMS系統的定位是對各各網站(子站點)頁面的管理,主要管理由於運營 需要而經常變動的頁面,從而實現根據運營需要快速進行頁面開發、上線的需求。
3.2 靜態門戶工程搭建
本專案CMS是對頁面進行管理,對頁面如何進行管理呢?我們首先搭建學成網的靜態門戶工程,根據門戶的頁面結 構來分析頁面的管理方案。
門戶,是一個網站的入口,一般網站都有一個對外的門戶,學成線上門戶效果圖如下:
Java的新專案學成線上筆記-day1(二)

3.2.1 匯入門戶工程
1、安裝WebStorm
參考“WebStorm安裝手冊.md”安裝WebStorm-2018.2.3.exe 2、安裝Nginx
下載nginx:http://nginx.org/en/download.html 本教程下載nginx-1.14.0.zip(http://nginx.org/download/nginx-1.14.0.zip) 解壓nginx-1.14.0.zip到自己的計算機,雙擊nginx.exe即可執行。
訪問 :http://localhost
Java的新專案學成線上筆記-day1(二)

3、匯入門戶工程
將課程資料中的門戶工程拷貝到程式碼目錄。
使用WebStorm開啟門戶工程目錄,目錄的結構如下,後期會根據開發的推進進行擴充。
Java的新專案學成線上筆記-day1(二)

3.2.2 配置虛擬主機
在nginx中配置虛擬主機:

server{ listen       80;      server_name  [url]www.xuecheng.com[/url];      ssi on;      ssi_silent_errors on;      location / {      alias   F:/teach/xcEdu/xcEduUI/xc‐ui‐pc‐static‐portal/;          index  index.html;          }           }

F:/teach/xcEdu/xcEduUI/xc-ui-pc-static-portal/ 本目錄即為門戶的主目錄。
5、配置hosts檔案 本教程的開發環境使用Windows 7,修改C:\Windows\System32\drivers\etc\hosts檔案
Java的新專案學成線上筆記-day1(二)

進入瀏覽器,輸入http://www.xuecheng.com
3.3 SSI服務端包含技術
本節分析首頁的管理方案。
1、頁面內容多如何管理? 將頁面拆分成一個一個的小頁面,通過cms去管理這些小頁面,當要更改部分頁面內容時只需要更改具體某個小頁 面即可。
2、頁面拆出來怎麼樣通過web服務瀏覽呢? 使用web服務(例如nginx)的SSI技術,將多個子頁面合併渲染輸出。
3、SSI是什麼?
Java的新專案學成線上筆記-day1(二)

ssi包含類似於jsp頁面中的incluce指令,ssi是在web服務端將include指定 的頁面包含在網頁中,渲染html網頁響 應給客戶端 。nginx、apache等多數web容器都支援SSI指令。 ssi指令如下:

<!‐‐#include virtual="/../....html"‐‐>

將首頁拆分成

index.html:首頁主體內容 include/header.html:頭部區域 include/index_banner.html:輪播圖 include/index_category.html:左側列表導航 include/footer.html:頁尾

在nginx虛擬主機中開通SSI

server{ listen       80;      server_name  [url]www.xuecheng.com[/url];      ssi on;      ssi_silent_errors on;      ......

ssi的配置引數如下: ssi on: 開啟ssi支援 ssi_silent_errors on:預設為off,設定為on則在處理SSI檔案出錯時不 輸出錯誤資訊 ssi_types:預設為 ssi_types text/html,如果需要支援shtml(伺服器執行指令碼,類似於jsp)則需 要設定為ssi_types text/shtml
6、測試 去掉某個#include檢視頁面效果。