楊石強(qiáng) 段元梅

摘要：隨著社會(huì)經(jīng)濟(jì)體系的高速發(fā)展，人們?cè)谶m應(yīng)快速生活節(jié)奏的同時(shí)，愈加注重個(gè)人興趣的培養(yǎng)。詩(shī)詞能夠提高人們的語(yǔ)言表達(dá)、思維和寫作能力。人們?cè)跓釔?ài)詩(shī)詞的同時(shí)也應(yīng)該有簡(jiǎn)便的方法了解格律組成，并輕易執(zhí)行即興創(chuàng)作。文章設(shè)計(jì)的系統(tǒng)旨在建成一個(gè)以已有詩(shī)詞作為內(nèi)容基礎(chǔ)，可供使用者閱讀學(xué)習(xí)，集登錄與發(fā)布為一體的系統(tǒng)。該系統(tǒng)使用超文本預(yù)處理器（Hypertext Preprocessor，PHP）語(yǔ)言為基礎(chǔ)編寫前端代碼，關(guān)系型數(shù)據(jù)庫(kù)管理系統(tǒng)（Relational Database Management System，MySQL）作為數(shù)據(jù)庫(kù)存儲(chǔ)數(shù)據(jù)信息，利用超文本標(biāo)記語(yǔ)言（Hyper Text Markup Language，HTML）和層疊樣式表（Hyper Text Markup Language，CSS）添加頁(yè)面布局，采用腳本語(yǔ)言（JavaScript，JS）編寫功能邏輯。經(jīng)過(guò)測(cè)試，文章設(shè)計(jì)的系統(tǒng)實(shí)現(xiàn)了完整的前端架構(gòu)布局和數(shù)據(jù)庫(kù)的正常調(diào)用，并利用網(wǎng)絡(luò)環(huán)境，結(jié)合現(xiàn)實(shí)情況實(shí)現(xiàn)了轉(zhuǎn)載傳承及與時(shí)俱進(jìn)。

關(guān)鍵詞：PHP；MySQL；JS；詩(shī)詞賞析；CSS

中圖分類號(hào)：TP311? 文獻(xiàn)標(biāo)志碼：A

0 引言

時(shí)至今日，互聯(lián)網(wǎng)作為科技的標(biāo)志性技術(shù)加快了信息社會(huì)的推進(jìn)?；ヂ?lián)網(wǎng)時(shí)代最主要的特征是信息的數(shù)字化及全球化［1］。社會(huì)生活與信息技術(shù)聯(lián)系緊密。人們?cè)诰o張的工作之余，傾向于投入多媒體產(chǎn)品的娛樂(lè)［2］。生活中依然有一小部分人堅(jiān)持對(duì)詩(shī)歌的熱愛(ài)，他們樂(lè)于細(xì)讀和理解詩(shī)詞，而大部分人只是會(huì)讀卻不會(huì)寫作詩(shī)詞。詩(shī)詞賞析系統(tǒng)的出現(xiàn)完美地解決了這個(gè)問(wèn)題［3］。詩(shī)詞的格式對(duì)大部分人而言并不簡(jiǎn)單，但人們可以利用互聯(lián)網(wǎng)快捷、豐富的特點(diǎn)進(jìn)行即時(shí)了解，在興趣的基礎(chǔ)上，創(chuàng)作屬于自己的詩(shī)詞［4］。使用者可在系統(tǒng)中查閱了解不同體裁詩(shī)詞的格式，也可從已有的詩(shī)詞庫(kù)中尋找創(chuàng)作靈感，利用詩(shī)詞系統(tǒng)提供的幫助完成創(chuàng)作。

1 分析與設(shè)計(jì)

1.1 需求分析和總體設(shè)計(jì)

通過(guò)前期調(diào)研，筆者對(duì)詩(shī)詞賞析系統(tǒng)進(jìn)行了需求分析。該系統(tǒng)需要在開(kāi)放的硬件體系結(jié)構(gòu)中運(yùn)行，并能與其他系統(tǒng)順利連接，不會(huì)因外部系統(tǒng)的不同而做大量的調(diào)試工作。系統(tǒng)還需要運(yùn)行平穩(wěn)且具有較好的可維護(hù)性。人們能在該詩(shī)詞賞析系統(tǒng)中閱讀詩(shī)詞、傳承和轉(zhuǎn)載詩(shī)詞，并結(jié)合現(xiàn)實(shí)創(chuàng)作詩(shī)詞。基于上述需求分析，本文設(shè)計(jì)的系統(tǒng)可實(shí)現(xiàn)普通登錄和管理者登錄，是一個(gè)以本機(jī)為服務(wù)器以達(dá)到平穩(wěn)運(yùn)行效果的系統(tǒng)。該系統(tǒng)需要實(shí)現(xiàn)查閱的同時(shí)，保留編輯和存儲(chǔ)文檔的功能。系統(tǒng)需要內(nèi)設(shè)一個(gè)閱讀排行榜，通過(guò)點(diǎn)擊次數(shù)為排列值進(jìn)行排序。普通登錄者可查看系統(tǒng)內(nèi)所有詩(shī)詞數(shù)據(jù)并管理自己發(fā)布的數(shù)據(jù)，而管理者可刪減所有用戶發(fā)布的數(shù)據(jù)。

1.2 系統(tǒng)的模塊劃分

本文設(shè)計(jì)的系統(tǒng)可實(shí)現(xiàn)前后端數(shù)據(jù)的交流、數(shù)據(jù)庫(kù)的添加、修改和刪除等操作。系統(tǒng)中的文件相互獨(dú)立，單個(gè)文件即可構(gòu)成一個(gè)跳轉(zhuǎn)頁(yè)面。頁(yè)面架構(gòu)關(guān)系以PHP作為主體，包含HTML和CSS元素，采用JS腳本進(jìn)行邏輯運(yùn)算。

詩(shī)詞賞析系統(tǒng)可劃分為前端、后端和數(shù)據(jù)庫(kù)管理3大模塊。前端管理模塊包含注冊(cè)與登錄、頁(yè)面與布局、詩(shī)詞詳情與搜索。后端管理模塊包含詩(shī)詞信息管理和用戶管理。數(shù)據(jù)庫(kù)管理模塊包含數(shù)據(jù)錄入、數(shù)據(jù)修改、數(shù)據(jù)入庫(kù)和校驗(yàn)信息等。3大模塊的設(shè)計(jì)如圖1所示。

2 詩(shī)詞賞析系統(tǒng)的實(shí)現(xiàn)

2.1 數(shù)據(jù)分析展示

數(shù)據(jù)分析展示部分負(fù)責(zé)收集測(cè)試數(shù)據(jù)，分析實(shí)際情況，實(shí)現(xiàn)前端頁(yè)面的內(nèi)容編輯，包括登錄注冊(cè)和數(shù)據(jù)展示2個(gè)部分。

2.1.1 登錄注冊(cè)

本文利用Wamper讀取Login.php文件，進(jìn)入登錄展示頁(yè)面。由于登錄區(qū)分管理者和普通用戶，當(dāng)輸入相應(yīng)的賬號(hào)密碼時(shí)，系統(tǒng)將根據(jù)身份的不同賦予不同的權(quán)限。普通用戶只能查看系統(tǒng)信息和修改個(gè)人所發(fā)布的文字。管理員可執(zhí)行管理全庫(kù)內(nèi)容，無(wú)需自己在數(shù)據(jù)庫(kù)源代碼中修改。該系統(tǒng)利用jQuery驗(yàn)證用戶名和密碼是否正確，正確即進(jìn)入系統(tǒng)，錯(cuò)誤即彈出提示。實(shí)現(xiàn)的核心代碼如下：

function login（） {

var name = $（"：input［name='name'］"）.val（）;

var pass = $（"：input［name='pass'］"）.val（）;

if （！name） {

alert（'請(qǐng)輸入用戶名'）;

return;

}

if （！pass） {

alert（'請(qǐng)輸入密碼'）;

return;

}

其中，登錄頁(yè)面的載入如圖2所示。

本文利用Var賦值用戶名。如果用戶不輸入值而直接點(diǎn)登錄，Alert則會(huì)出現(xiàn)提醒彈窗“請(qǐng)輸入用戶名”，從而無(wú)法進(jìn)行下一步操作。只有當(dāng)用戶框和密碼框全部賦值后，才會(huì)對(duì)數(shù)據(jù)庫(kù)發(fā)送對(duì)比核驗(yàn)，從而檢測(cè)數(shù)值是否正確。當(dāng)name和pass核驗(yàn)通過(guò)后，post函數(shù)將其提交至后端數(shù)據(jù)庫(kù)，從而獲取登錄者相關(guān)信息。若用戶輸入的信息無(wú)誤，系統(tǒng)將向主頁(yè)面進(jìn)行跳轉(zhuǎn)。

2.1.2 數(shù)據(jù)展示

系統(tǒng)通過(guò)讀取相應(yīng)的文件進(jìn)行頁(yè)面布局和設(shè)計(jì)，通過(guò)和HTML語(yǔ)言協(xié)作構(gòu)建完備網(wǎng)頁(yè)并進(jìn)行相關(guān)控制操作。后端根據(jù)詩(shī)詞所固有的模式設(shè)立4個(gè)輸入框，即詩(shī)詞名、作者、簡(jiǎn)介和解析。隨后，系統(tǒng)對(duì)輸入的4個(gè)內(nèi)容進(jìn)行相應(yīng)的判定，用取反的方式判斷是否有值，并將判斷結(jié)果通過(guò)彈窗提示。由于每一頁(yè)點(diǎn)擊都需要用到相同的數(shù)據(jù)文件進(jìn)行連接操作，筆者創(chuàng)建了一個(gè)公用文件以實(shí)現(xiàn)跳轉(zhuǎn)，實(shí)現(xiàn)的核心代碼如下：

<？php

/*公共文件*/

header（"Content-type： text/html; charset=utf-8"）; // 設(shè)置字符集

date_default_timezone_set（"PRC"）; // 設(shè)置時(shí)區(qū)

@session_start（）; // 開(kāi)啟session

/*ajax返回函數(shù)*/

function output（$code=0， $msg=''）

{

$errorInfo = array（'code' => $code， 'msg' => $msg）;

exit（json_encode（$errorInfo））;

}

？>

系統(tǒng)完成公共文件連接頁(yè)碼后，需進(jìn)行分頁(yè)處理、定義條數(shù)和判斷頁(yè)碼等。本文設(shè)計(jì)了一個(gè)退出登錄操作，當(dāng)使用者閱讀完成后，點(diǎn)擊退出登錄即返回登錄主頁(yè)面。

2.2 數(shù)據(jù)庫(kù)寫入

本文使用MySQL函數(shù)庫(kù)，服務(wù)主機(jī)由本地計(jì)算機(jī)實(shí)現(xiàn)，即為localhost主機(jī)。本文首先定義了一個(gè)Shichi數(shù)據(jù)庫(kù)，用Content列表的結(jié)構(gòu)，定義修改方式于內(nèi)容之中，同時(shí)以此方法存儲(chǔ)用戶修改的數(shù)據(jù)。然后，筆者在后端再定義索引方式，即小型系統(tǒng)用的主流模板套路，構(gòu)成一個(gè)私人小型系統(tǒng)。當(dāng)寫入內(nèi)容到數(shù)據(jù)庫(kù)以后，使用者可以進(jìn)行檢索。檢索功能如圖3所示。

2.3 調(diào)用數(shù)據(jù)庫(kù)

如果系統(tǒng)登錄數(shù)據(jù)庫(kù)成功，則可根據(jù)數(shù)據(jù)庫(kù)中定義的各個(gè)內(nèi)容樣式，使用PHP語(yǔ)言進(jìn)行鏈接，直接調(diào)用各個(gè)模塊和表，從而達(dá)到數(shù)據(jù)交互或完成庫(kù)內(nèi)數(shù)據(jù)修改的功能。當(dāng)數(shù)據(jù)庫(kù)需要寫入新的內(nèi)容時(shí)，系統(tǒng)更新布局好操作指令，點(diǎn)擊創(chuàng)建后直接牽動(dòng)創(chuàng)建模塊的PHP語(yǔ)言。寫入方式如下：

INSERT INTO -content- （-id-， -uid-， -author-， -title-， -des-， -content-， -views-， -ctime-） VALUES

若使用者再次登錄驗(yàn)證，則通過(guò)JS腳本驗(yàn)證登錄，并通過(guò)PHP鏈接核對(duì)并轉(zhuǎn)存到數(shù)據(jù)庫(kù)中。前后端并未做很規(guī)則的區(qū)分，文件間相互獨(dú)立。因此，本文中各項(xiàng)功能實(shí)現(xiàn)方式是直接建立文件鏈接，具備較好的靈活性。

2.4 限制模塊

由于無(wú)法確定使用者的具體目的，系統(tǒng)無(wú)疑具有高自由度。作為一個(gè)可供編輯的系統(tǒng)，為了避免不法分子傳播大量非法信息，首先對(duì)編輯的內(nèi)容篇幅進(jìn)行限制，并加入審核功能。實(shí)際上，普通用戶點(diǎn)擊發(fā)布后，編輯內(nèi)容不會(huì)立即上傳，而是將文件存儲(chǔ)到管理者私人賬戶，經(jīng)過(guò)管理者審核通過(guò)后再點(diǎn)擊發(fā)布。由于實(shí)現(xiàn)方法較為單一，普通用戶想要?jiǎng)h除自己發(fā)布內(nèi)容時(shí)只能提交刪除申請(qǐng)，由管理者實(shí)現(xiàn)相關(guān)修改。

3 結(jié)語(yǔ)

本文設(shè)計(jì)的詩(shī)詞賞析系統(tǒng)，采用Google的MaterialDesign設(shè)計(jì)理念，排版方式優(yōu)美。界面采用古樸風(fēng)格，將各種題材的詩(shī)詞進(jìn)行分類，其中包含了萬(wàn)首古詩(shī)詞的鑒賞，幾乎每首詩(shī)詞都能添加注解。在用戶使用上，系統(tǒng)支持多種方式搜索，有精美的應(yīng)用目錄圖標(biāo)和工整的閱讀體驗(yàn)。系統(tǒng)可提供制作閱讀摘錄書簽，用戶可自行選擇喜歡的詩(shī)詞篇章或者詩(shī)詞句子制作成書簽，也可切換書簽皮膚，并分享給朋友一起閱讀。

參考文獻(xiàn)

［1］羅璐瑩，李婧妍，丁思文，等.移動(dòng)端古詩(shī)詞學(xué)習(xí)系統(tǒng)［J］.計(jì)算機(jī)系統(tǒng)應(yīng)用，2022（5）：102-110.

［2］廖書瀧.中小學(xué)古詩(shī)詞個(gè)性化學(xué)習(xí)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)［D］.湘潭：湖南科技大學(xué)，2024.

［3］劉祥宇，遲曉健.基于微信的古詩(shī)詞移動(dòng)學(xué)習(xí)資源設(shè)計(jì)研究［J］.中小學(xué)電教，2021（6）：74-77.

［4］聶鴻濤.影視聲音鑒賞系統(tǒng)的分析與設(shè)計(jì)［D］.長(zhǎng)春：吉林大學(xué)，2024.

（編輯 王雪芬）

Design of poetry appreciation system based on PHP

YANG? Shiqiang， DUAN? Yuanmei

（School of Information Engineering， Hunan University of Science and Engineering， Yongzhou 425199， China）

Abstract： With the rapid development of the socio-economic system， people are paying more attention to cultivating personal interests while adapting to the fast-paced lifestyle. Poetry can enhance peoples language expression， thinking， and writing abilities. While people love poetry， they should also have a simple way to understand the composition of rhythm and improvise easily. The system designed in this paper aims to build a system based on the existing poetry content， which can be read and learned by users， and integrates login and publication. The system uses the Hypertext Preprocessor （PHP） language as the foundation to write front-end code， the Relational Database Management System （MySQL） as the database to store data information， and uses Hypertext Markup Language （HTML） and Cascading Style Sheets （CSS） to add page layout， and scripting language （JavaScript， JS） to write functional logic. Finally， after testing， the system designed in this article has achieved a complete front-end architecture layout and normal database calls. It has also utilized the network environment and combined with practical situations to achieve reposting， inheritance， and keeping up with the times.

Key words： PHP; MySQL; JS; Appreciation and analysis of poetry; CSS