【文章內容簡介】 x 是一個高性能的 HTTP 和反向代理服務器，也是一個 IMAP/POP3/SMTP 代理服務器。 Nginx 是由 Igor Sysoev 為俄羅斯訪問量第二的 站點開發(fā)的，第一個公開版本 發(fā)布于 2020 年 10月 4日。其將源代碼以類 BSD 許可證的形式發(fā)布，因它的穩(wěn)定性、豐富的功能集、示例配置文件和低系統(tǒng)資源的消耗而聞名。 Nginx 可以在 UNIX、 GNU/Linux、 BSD、 Mac OS X、 Solaris，以及 Microsoft Windows 等操作系統(tǒng)中運行。 Nginx 官方提供的各種功能模塊應有盡有，結合這些模塊可以完整各種各樣的配置要求， 例如： 15 壓縮、防盜鏈、集群、 FastCGI、流媒體服務器、 Memcached 支持、 URL 重寫等等，更關鍵的是 Nginx 擁有 Apache 和其他 HTTP 服務器無法比擬的高性能。用戶甚至可以在不改變原有網站的架構上，通過在前端引入 Nginx 來提升網站的訪問速度。 CSS，即級聯(lián)樣式表，為網頁設計和開發(fā)提供了一個全新的方法。通過 CSS，我們可以將使用 HTML（即超文本標記語言）創(chuàng)建的網頁上顯示的文本與用于描述如何顯示和表示該文本（使用 CSS 進行定義）的信息完全分隔開。 CSS 旨在解決問 題并幫助設計者節(jié)省時間，同時它還使設計人員能夠 以更多的方式設計網頁外觀。 Css 的應用非常地普遍，大多數網頁都會使用 css 技術設計外觀。舉一個典型的示例：某些網頁以特定的方式突出顯示其鏈接。它們的顏色不同于該頁上其他文本的顏色，并且將鼠標移動到這些鏈接上方時，它們的顏色會發(fā)生變化或者出現(xiàn)下劃線。此操作就是通過 CSS 樣式定義而不改動 HTML 代碼來實現(xiàn)的。 Html（ HyperText Markup Language），即超文本標記語言，它是以標準通用標記語言（ SGML）為模板開發(fā)的下一代語言。準確的 來說， html 是一個規(guī)范，一個標準，通過成 對的標簽，它規(guī)定了在網頁（ Page）中每一塊該顯示何種內容，圖片或者文字，以及其相應的排版格式。通常， html 語言是會結合其他頁面相關技術一起使用，以達到十分強大的界面顯示效果。 Html 語言的標簽庫并不復雜，而且簡單易學，隨著時代的發(fā)展，它慢慢的由 版本過渡到 版本，其功能性、實用性得到不斷的加強。它是基于 web的應用開發(fā)的核心技術之一，雖然并不如其他技術一般復雜，但是其重要性卻是許多 web 開發(fā)技術所不能比擬的。 Jquery 是一個十分優(yōu)秀的輕量級 javascript 庫，所謂 javascript 庫，就是說它是基于 javascript 語言開發(fā)的，內部實現(xiàn)了許多重要、常用的功能的方法的一個集合。它的目的是為了使網站開發(fā)人員在實現(xiàn)網頁交互或者說前后臺交互中更加方便易行，它的核心是簡單、易用，代碼量少。 Jquery 功能強大，可以簡單的操作 document 對象，制作動畫效果，易于進行事件處理，其中，特別 16 重要的一點是，它的為 Ajax 功能的使用提供了十分簡單方便的接口，極大的減少了與后臺交互并局部更新的代碼量。通過 Jquery 的 Api，開發(fā)者們對于網站的開發(fā)可以更加具有創(chuàng)造性。 MVC 設計模式 MVC，即 Model（模型）、 View（視圖）、 Controller（控制器）。在 MVC框架出現(xiàn)之前， java web 開發(fā)者經歷了 Model 1 與 Model 2 開發(fā)時代。 早期的 web 應用都是靜態(tài)頁面，沒有動態(tài)的顯示效果，也無法動態(tài)的與用戶進行交互。 MVC 框架采用分 層的思想，將 web 應用開發(fā)分為三層來分別開發(fā)，這不僅使得開發(fā)的目標變得更加明確也使得各層之間的耦合度得到降低，因此，降低了后期再次開發(fā)的成本，便于維護，可擴展性較強。然而， MVC 框架并不總是好的，對于開發(fā)大型項目來說，自然采用 MVC 框架能夠極大的提高工作效率，降低后期維護的成本，但是對于一些小型的 Web 項目來說，本身功能比較簡單，若采用MVC框架，則會將一些簡單的代碼分割成復雜的三層，既增加了代碼的復雜度，也降低了代碼編寫的效率，并且小型 web 項目的維護也不像大型項目那么頻繁，所以， Model 1 模式在小型項目中也是有用 武之地的。 網絡爬蟲 網絡爬蟲的分類 網絡爬蟲通過技術和功能等不同角度有很多種分類?；谡麄€ web 的網絡爬蟲：簡稱全網爬蟲，是最基本的網絡爬蟲。這種網絡爬蟲指從某一個或某幾個初始種子 URL 開始，對整個 web 的資源不斷進行爬取和分析，直到滿足一定的停止條件。這種網絡爬蟲消耗的資源非常大，需要抓取的頁面非常多，所以一般被用來為搜索引擎和大型網絡內容提供商提供數據采集服務；基于主題的網絡爬蟲（也被稱作聚集型網絡爬蟲）：這種網絡爬蟲會定義一個主題范圍，然后有選擇性的爬取相關頁面。區(qū)別于全網爬蟲不加甄別的進行頁面爬取，聚集型網絡爬蟲需要爬取的頁面少，對于網絡和硬件資源的消耗也大為減少，可以在內容方面得 17 到更快的更新，滿足人們對特定信息的需要。為了進行主題甄別，聚集型網絡爬蟲增加了兩個模塊，一個是鏈 接評價模塊，另一個是內容評價模塊。通過對頁面內容和鏈接的重要性進行計算，來決定鏈接的訪問順序。聚焦爬蟲爬行策略實現(xiàn)的關鍵是評價頁面內容和鏈接的重要性，不同的方法計算出的重要性不同，由此導致鏈接的訪問順序也不同；增量式網絡爬蟲：爬取的是新增的和發(fā)生變化的頁面數據。傳統(tǒng)的網絡爬蟲在根據自己的設定爬取一定的數據后就會停止對數據的繼續(xù)抓取，在一定的周期以后，重新進行一輪數據抓取以替代以前的過時的數據。但是這樣做會爬取大量的重復資源，在時間和資源上的浪費比較大。增量式網絡爬蟲則較好地解決了這個問題，減少了重復和浪費。 但是為了實現(xiàn)這種數據抓取方式，需要更高的算法復雜度和技術難度；其它類型的網絡爬蟲：在現(xiàn)實應用中，為了提高性能或者滿足用戶個性化需要，衍生出了一些其它類型的網絡爬蟲。例如，基于用戶個性化的網絡爬蟲：這種爬蟲根據用戶的興趣過通過與用戶的交互來為用戶提供個性化的數據信息，不同用戶搜索同一個關鍵詞會返回不同的結果；基于元搜索的網絡爬蟲：把用戶提交的關鍵字提交到多個搜索引擎，然后在分析整合所得結果后，再把內容返回給用戶。 網絡爬蟲常見搜索策略 由于工作量巨大，所以全網爬蟲通常會采用一些爬行策略來 提高效率。常見的策略有如下三種：深度優(yōu)先策略 ,核心思想是訪問被搜索結構的葉子節(jié)點。從初始的頁面開始，進行深度優(yōu)先的搜索，不斷訪問下一級鏈接，直到不能繼續(xù)深入為止。因此只有當爬蟲爬完一個分支后才可以爬取其它分支。深度優(yōu)先搜索策略的優(yōu)點在于，對于深層嵌套的內容，可以被盡可能的遍歷。但是這種策略也有先天不足，即如果某鏈接形成一個死循環(huán)的話，這種爬行策略會做大量無用功，造成大量的資源損失。廣度優(yōu)先策略，這種搜索策略首先會將當前頁面的所有超鏈接搜索完成后，才會進行下一層頁面的爬行。廣度優(yōu)先策略避免了深度優(yōu)先策略的死循 環(huán)問題，而且儲存比較方便，不需要消耗大量空間對中間節(jié)點進行儲存。但是這種搜索策略需要耗費一定時間來訪問到較深層的頁面，而且有很大可能會遺漏一些比較孤立的信息頁面。 IP 地址搜索策略，網絡爬蟲被賦予一個種子 IP地址，繼而對這個初始的地址段后的每個 地址中的文檔進行遍歷。并且忽略文檔文件中指向其他站點的鏈接地址。這種搜索策略只對于比較小規(guī)模的搜索比 18 較適合，可以發(fā)現(xiàn)一些較少被引用的頁面的信息。 19 3 音樂網站概要設計 概述 本章主要從需求分析，界面設計和核心功能等三個方面對系統(tǒng)的設計進行了討論。系統(tǒng)設計階段是軟件開發(fā)過程中極其重要的階段，因為它決定了軟件開發(fā)后續(xù)工作的方向，方向選擇方面如果出現(xiàn)錯誤，將對軟件開發(fā)工作造成致命性打擊。在這一階段，需要開發(fā)者從全局的角度進行思考，對系統(tǒng)的整體框架進行討論和設計。 用戶永遠是互聯(lián)網產品的根本，沒有用戶的產品也就失去了意義。所以評價一個互聯(lián)網產品的標準，最重要的就是它是否滿足了用戶的需求。進行需求分析時，首先要明確產品的目標人群，否則需求分析也就無從討論了。在需求 分析階段，我們需要進行大量的調研，編寫許多的功能需求文檔，對其可行性做出評估，確立產品需要實現(xiàn)的功能，為后續(xù)的開發(fā)工作打下穩(wěn)定的基石。 面向人群 應當指出，本音樂電臺是為了區(qū)別于市面上大多數音樂軟件而進行開發(fā)的。開發(fā)的目的在于能夠提供一些市面上同類產品無法做到或者缺失的用戶功能，即根據用戶的情緒提供個性化的歌曲。一般對于此種功能有要求的用戶，都是追求極致的音樂發(fā)燒友或者對美和藝術有著較高要求的人群。這就對我們音樂電臺的歌曲推薦功能和界面設計方面提出了更高的要求。 功能性需求 需求功能劃分 目前市面上音樂軟件、音樂網站可以說是鱗次櫛比，但遺憾的是，這些音樂產品都沒有自己的特色，流于俗套。大多數網站只是互相模仿和對國外技術的照搬，同質化趨勢嚴重，忽視了一些用戶群體的需要。通過我們對音樂網站的調研，發(fā)現(xiàn)市面上的音樂產品存在著以下幾點缺陷：需要較長的時間才能適應用戶 20 的口味，不能根據用戶的情緒來進行歌曲推薦，歌曲分類過于復雜，需找自己喜歡的音樂往往非常令人厭倦。據此我們開發(fā)出的電臺主要劃分為以下幾個功能模塊：情緒電臺切換，歌曲播放控制，歌曲收藏，音樂展示以及用戶管理 。 功能描述 音樂展示：在播放歌曲時通過圖形界面為用戶展示相關信息。一方面可以為用戶展示出歌曲專輯信息、演唱者信息、播放進度、所處情緒電臺信息，另一方面也可以為用戶帶來視覺上美的享受。 歌曲播放控制：這是音樂電臺最基本的交互功能。本電臺以簡單、省心為出發(fā)點，只為用戶提供了三個播放控制交互，分別是播放 /暫停，隨機播放，下一首。 收藏：作為一個針對用戶的個性化電臺，收藏功能當然是必不可少的。當用戶對當前播放的歌曲非常喜歡時，可以通過點擊右下方的紅心按鈕進行收藏。 用戶管理：本電臺之所以 可以幾乎不用花費時間來適應用戶的口味，在于電臺可以通過用戶在 上收聽歌曲的記錄來分析出用戶的喜好。使用本電臺，需要從該模塊登陸 。本電臺獲取到訪問用戶在 的個人數據的權限后，通過 提供的 api 接口來爬取用戶的個人數據。 情緒電臺選擇：本電臺從功能上講是一種情緒電臺。它的核心功能就是給用戶推薦適合用戶當前情緒下收聽的同時也適合用戶口味的歌曲。它可以通過一些算法計算當前應該播放的電臺的情緒，也可以通過用戶點擊情緒模塊中的 up、down、 low、 high 幾個 情緒分類來自行決定要收聽哪類情緒電臺。 性能需求 流暢性：通過優(yōu)化代碼邏輯，界面邏輯和系統(tǒng)邏輯，提高系統(tǒng)的反應速度，優(yōu)化系統(tǒng)的性能，使得用戶體驗更加流暢。 穩(wěn)定性：通過代碼的設計和系統(tǒng)的測試，來盡量消除系統(tǒng)存在的 bug，增強系統(tǒng)的容錯能力，從而提高用戶體驗。 易用性：實現(xiàn)設計的功能，滿足產品面向人群的需求，減少不必要的冗繁操作，讓用戶使用起來更加的方便、簡單。 可維護性：軟件開發(fā)不是一件一勞永逸的事。再高明的設計也往往會存在一 21 些意想不到的缺陷，或者有須要提升的空間。所以系統(tǒng)的設計應該為以后的 維護提供便利，緊跟先進的技術和理念，不斷對系統(tǒng)進行更新?lián)Q代。 運行環(huán)境需求 本系統(tǒng)基于 mvc 設計模式，采用了簡潔流行的 Python 編程語言，利用tornado 框架，使用 MySQL+Redis 組成的高性能數據庫，進行系統(tǒng)的開發(fā)。 操作系統(tǒng)要求： windows xp 以上， Mac OS， Linux。 編程工具： Sublime Text2 服務器需求： tornado web 端服務器。 數據庫： MySQL； Redis。 界面設計 技術手段 本網站的前臺 采用了目前最流行的 CSS+ HTML5+JSP 技術，界面美觀大方，代碼邏輯清晰。 設計風格 簡約：極簡的設計風格是一種趨勢。在這個越來越快節(jié)奏的現(xiàn)代社會，人們穿梭在鋼筋水泥之中，疲憊不堪。我們需要一個去偽存真，簡單純凈的地方來休憩心靈。例如 ios 從擬物化的設計到扁平化的設計，其實就是一個去除紛繁的細節(jié)，突出本質的過程。 沉浸式：通過復雜的算法和簡潔的交互，讓用戶無需花費精力進行冗雜的播放控制，用戶可以全身心的投入到音樂的世界中，得到流暢的、沉浸式的音樂體驗。 統(tǒng)一性：不同界面之間有著 統(tǒng)一的色彩與布局設計，整個音樂網站帶給用戶一種一致的視覺體驗。同一個界面之中不同模塊與動畫過度效果具有一致的設計，不會帶給用戶分裂的感覺。 22 界面設計方案 軟件框架設計 本電臺的框架設計遵從簡潔至上的原則。在主要播放界面，絕大部分面積分配給電臺圖像展示模塊。電臺占據了屏幕左側和中間的位置。不同情緒的電臺，會配上相應的一些唯美圖像。當用戶在欣賞歌曲時，會在不經意間被這些圖像吸引，陷入光和影的無限遐想之中。右側從上到下依次為專輯信息展示，歌曲播放控件，收藏按鈕。用戶所需的交互 只在一個界面內就可以完成。 軟件啟動封面設計 一個軟件的啟動界面是非常重要的，因為用戶的第