摘要：隨著中國太極拳的成功申遺，太極拳文化以其豐富的內(nèi)涵吸引了越來越多的愛好者。這也意味著太極拳的傳承與保護(hù)在全國范圍內(nèi)上升到了新的高度。本文秉承著文化傳播與保護(hù)的理念，基于B/S架構(gòu)，主要使用SSM框架以及MySQL數(shù)據(jù)庫，通過廣泛搜集太極拳文化知識并深入分析實(shí)際需求，在微信開發(fā)者工具上進(jìn)行系統(tǒng)建設(shè)，并對用戶和管理員兩個(gè)模塊進(jìn)行界面設(shè)計(jì)與實(shí)現(xiàn)。期望用大眾喜聞樂見的微信小程序工具，實(shí)現(xiàn)太極拳社區(qū)微信小程序界面設(shè)計(jì)，為太極拳文化推廣以及愛好者貢獻(xiàn)自己的微薄力量。

關(guān)鍵詞：B/S架構(gòu)；微信小程序；太極拳

北京時(shí)間2020年12月17日，我國申報(bào)的“太極拳”被列入聯(lián)合國教科文組織人類非物質(zhì)文化遺產(chǎn)代表作名錄。太極拳成為我國第41個(gè)、河南省唯一一個(gè)地域鮮明的人類非物質(zhì)文化遺產(chǎn)代表作。

檢索有關(guān)“太極拳”主題的論文會發(fā)現(xiàn)，不同年齡段的人練太極拳都有助于身體各方面的健康發(fā)展。保健時(shí)報(bào)的記者燕生報(bào)道，研究人員經(jīng)過五年的研究發(fā)現(xiàn)，確診了帕金森的患者如果長時(shí)間打太極拳，或可在一定程度上延緩癥狀與并發(fā)癥的發(fā)展。多家雜志也顯示，多多練習(xí)太極拳會對大學(xué)生的心理健康產(chǎn)生積極影響。同時(shí)，多家雜志與報(bào)紙也發(fā)布過報(bào)道，指出中小學(xué)生習(xí)練太極拳對于身體發(fā)展和實(shí)戰(zhàn)技擊有很大的價(jià)值。這些都充分說明了太極拳文化蘊(yùn)含著博大精深的中國傳統(tǒng)哲學(xué)思想和養(yǎng)生觀念，能夠?yàn)椴煌挲g段、不同人群提供修身養(yǎng)性、強(qiáng)身健體的價(jià)值。

為了宣傳太極拳文化，我國各個(gè)地區(qū)舉辦了多種多樣的活動，如修建中國太極拳博物館、針對太極拳人才進(jìn)行專門的人才認(rèn)定、制定太極拳體驗(yàn)和紅色研學(xué)之旅方案，以及舉辦各種主題的太極拳交流賽。這些舉措充分展示了每個(gè)中華兒女對宣傳太極拳文化、將太極拳文化推向世界的責(zé)任和擔(dān)當(dāng)。為此，本文懷揣著對太極拳文化的敬畏思想，主要基于B/S架構(gòu)，使用SSM框架，后臺搭建MySQL數(shù)據(jù)庫，在微信開發(fā)者工具上進(jìn)行系統(tǒng)建設(shè)。小程序主要分為用戶和管理員兩個(gè)模塊，本文將對這兩個(gè)模塊進(jìn)行詳細(xì)的界面設(shè)計(jì)與實(shí)現(xiàn)。借助大眾喜聞樂見的微信小程序工具，本文致力于在提升用戶體驗(yàn)的基礎(chǔ)上，實(shí)現(xiàn)太極拳社區(qū)的界面設(shè)計(jì)，為太極拳文化推廣以及愛好者貢獻(xiàn)自己的微薄力量。

一、關(guān)鍵技術(shù)概述

（一）B/S架構(gòu)

Browser/Server模式是從傳統(tǒng)的C/S發(fā)展起來的計(jì)算方式?；贐/S架構(gòu)，可以非常簡單地進(jìn)行程序設(shè)計(jì)。對于處理量比較小，邏輯結(jié)構(gòu)比較簡單的設(shè)計(jì)需求，開發(fā)者只需要擁有一臺能上網(wǎng)的計(jì)算機(jī)，就可以輕松實(shí)現(xiàn)自我需求。而基于B/S架構(gòu)的太極拳社區(qū)微信小程序界面設(shè)計(jì)，正好符合這一特點(diǎn)。

本設(shè)計(jì)基于B/S架構(gòu)，用戶端可以實(shí)現(xiàn)輸入內(nèi)容的功能，比如用戶發(fā)帖、將太極拳相關(guān)產(chǎn)品加入購物車等。用戶提交請求后，客戶端會發(fā)送這些請求信息至Web服務(wù)器，Web服務(wù)器通過訪問數(shù)據(jù)庫并執(zhí)行服務(wù)端腳本，最終通過執(zhí)行HTML代碼展示用戶請求結(jié)果。這樣，用戶就可以成功發(fā)布有關(guān)太極拳文化的相關(guān)帖子。

（二）微信開發(fā)者工具

小程序采用了類似React Native和Weex的解析技術(shù)，開發(fā)者可以編寫一套程序在多種客戶端運(yùn)行。同時(shí)，相比于公眾號和微商城，該程序具有更好的原生體驗(yàn)[[ ]]。微信小程序全面開放申請以來，作為開發(fā)者，可以申請并注冊一個(gè)基于B/S架構(gòu)的太極拳社區(qū)微信小程序。利用微信開發(fā)者工具設(shè)計(jì)、開發(fā)并發(fā)布的微信小程序，已成為當(dāng)前備受歡迎的社交工具。隨著互聯(lián)網(wǎng)的發(fā)展，幾乎人人都有一部智能手機(jī)，而微信是大部分人會下載的一個(gè)APP。微信小程序依托于微信這一平臺，擁有龐大的用戶群體，使用者無需額外下載任何內(nèi)容，即可輕松瀏覽小程序里面提供的所有內(nèi)容。通過檢索“微信小程序”主題也會發(fā)現(xiàn)，搭載著微信小程序的系統(tǒng)研究與設(shè)計(jì)正如雨后春筍般層出不窮。這些都表明，基于微信小程序設(shè)計(jì)的太極拳社區(qū)作為重要的文化傳播渠道，將對太極拳文化推廣與保護(hù)產(chǎn)生一定的價(jià)值。

二、太極拳社區(qū)微信小程序界面系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)

（一）用戶功能設(shè)計(jì)與實(shí)現(xiàn)

在太極拳社區(qū)微信小程序中，用戶首先需要完成個(gè)人注冊，然后登錄太極拳社區(qū)微信小程序。一旦成功登錄，用戶即可訪問用戶端所有的功能，包括首頁瀏覽、交流社區(qū)互動、購物車管理以及“我的”個(gè)人中心等。在“我的”這一界面，用戶可以進(jìn)行多樣化的操作，如用戶充值、收藏管理、發(fā)布帖子、查看自己發(fā)布的帖子、管理購物車以及查看訂單等，以滿足日常需求。太極拳愛好者可以在該小程序中進(jìn)行方方面面的交流探討，并且可以購買自己喜歡的太極拳相關(guān)文化周邊產(chǎn)品。

1.用戶登錄界面設(shè)計(jì)與實(shí)現(xiàn)

像所有的系統(tǒng)一樣，太極拳社區(qū)微信小程序界面也需要登錄功能。用戶登錄需要填寫自己的賬號和密碼，如沒有賬號則需要注冊新賬號方可進(jìn)入系統(tǒng)。注冊時(shí)需要填寫用戶名和密碼，并確認(rèn)密碼，還需要進(jìn)行上傳頭像的操作。若有相同的用戶名，系統(tǒng)會提示“用戶名已存在”，請用戶更換名稱；若沒有相同的用戶名，則可以繼續(xù)進(jìn)行賬號注冊，注冊成功之后，用戶即可登錄該程序。

用戶實(shí)體包含多個(gè)屬性，如創(chuàng)建時(shí)間、余額、姓名、性別、頭像、用戶名、密碼、郵箱、手機(jī)號碼等。這些屬性可以存儲用戶的創(chuàng)建時(shí)間、獨(dú)特的姓名、性別等基礎(chǔ)信息，以及充值的商城余額等附屬信息。其中，創(chuàng)建時(shí)間的默認(rèn)值為CURRENT_TIMESTAMP，余額的默認(rèn)值為0。

2.首頁功能界面設(shè)計(jì)與實(shí)現(xiàn)

在太極拳社區(qū)微信小程序的首頁，實(shí)時(shí)更新與太極拳相關(guān)的資訊和視頻等內(nèi)容。在首頁界面，用戶可以隨時(shí)瀏覽與太極拳文化相關(guān)的資訊、視頻等內(nèi)容，并且可以觀看各式太極拳的教學(xué)視頻，領(lǐng)略太極拳大家風(fēng)采。例如，2023年在河南溫縣陳家溝舉辦的“天才杯”太極拳交流大賽，小程序首頁會實(shí)時(shí)更新這一太極盛會的圖片與文字內(nèi)容，用戶可以在視頻信息中查看精彩回顧視頻與現(xiàn)場訪談。該頁面還包含許多實(shí)體屬性，比如太極拳文章信息實(shí)體有更新時(shí)間、創(chuàng)建時(shí)間、贊、踩、文章標(biāo)題、圖片、簡述、文章類型、作者、文章內(nèi)容、最近點(diǎn)擊時(shí)間等屬性。其中，點(diǎn)贊數(shù)和踩數(shù)的默認(rèn)值為0。

3.“我的”功能界面設(shè)計(jì)與實(shí)現(xiàn)

在太極拳社區(qū)微信小程序“我的”界面上，用戶可以執(zhí)行多項(xiàng)操作：對自己收藏的文章進(jìn)行查看和取消收藏；進(jìn)行用戶充值，用于購買太極拳周邊物品；通過“我的發(fā)帖”發(fā)布自己的各種正能量觀點(diǎn)；通過“我的發(fā)帖”查看或者刪除自己曾經(jīng)發(fā)布的帖子；在“購物車”功能中查看、刪除或支付已加入購物車的物品；在“我的訂單”中查看歷史訂單及其詳細(xì)信息，如物流消息等。

太極拳社區(qū)微信小程序“我的”界面，可以實(shí)現(xiàn)用戶在小程序上的多樣化操作。在該頁面有很多實(shí)體屬性，比如購物車實(shí)體屬性有創(chuàng)建時(shí)間、商品表名、用戶id、商品id、商品名稱、圖片、購買數(shù)量、單價(jià)、會員價(jià)、商品類型。收貨地址實(shí)體屬性有創(chuàng)建時(shí)間、用戶id、地址、收貨人、電話、是否默認(rèn)地址。其中，創(chuàng)建時(shí)間的默認(rèn)值為CURRENT_TIMESTAMP，商品列表的默認(rèn)值為shangpinxinxi。

（二）管理員功能設(shè)計(jì)與實(shí)現(xiàn)

在太極拳社區(qū)微信小程序中，管理員通過賬號密碼登錄以后，可以查看以下模塊：個(gè)人中心、用戶管理、公告信息管理、文章類型管理、文章信息管理、視頻信息管理、訂單管理等。

1.用戶管理界面設(shè)計(jì)與實(shí)現(xiàn)

在太極拳社區(qū)微信小程序的用戶管理界面上，管理員具備豐富的用戶管理功能。管理員可以新增和刪除小程序的用戶，還可以根據(jù)用戶名、姓名、性別等條件有針對性地快速檢索出用戶。此外，管理員可以查看每一個(gè)用戶的詳情頁面，并且對用戶的個(gè)人信息進(jìn)行修改和調(diào)整。同時(shí)，該界面支持多選操作，方便管理員對多個(gè)用戶進(jìn)行批量管理。例如，當(dāng)用戶忘記密保問題時(shí)，可以聯(lián)系管理員修改其密保問題。管理員只需在用戶管理界面搜索該用戶名，檢索出該用戶后，點(diǎn)擊修改，進(jìn)入修改密保信息的界面，進(jìn)行相應(yīng)的修改并保存即可。之后，用戶便可通過回答密保問題完成身份驗(yàn)證。

2.公告信息管理界面設(shè)計(jì)與實(shí)現(xiàn)

在太極拳社區(qū)微信小程序的公告信息管理界面上，管理員可以輕松管理該小程序的公告信息。管理員可以新增和刪除公告，查看每一個(gè)公告的詳情頁面，并且對公告的信息進(jìn)行修改和調(diào)整。此外，管理員還可以根據(jù)公告的標(biāo)題或類型進(jìn)行有針對性地快速查詢，以便找到相對應(yīng)的公告信息。同時(shí)，該界面支持多選操作，方便管理員對多個(gè)公告進(jìn)行批量處理。例如，管理員可以根據(jù)點(diǎn)擊次數(shù)對公告進(jìn)行排序，將最受歡迎的公告設(shè)置為熱門。

3.文章類型管理界面設(shè)計(jì)與實(shí)現(xiàn)

在太極拳社區(qū)微信小程序的文章類型界面上，管理員可以方便地管理太極拳社區(qū)微信小程序的文章類型。管理員可以新增和刪除該小程序的文章類型，并根據(jù)文章類型有針對性地快速檢索。此外，管理員還可以查看每一個(gè)文章類型的詳情頁面，并且對文章類型信息進(jìn)行修改和調(diào)整。同時(shí)，支持多選操作，方便管理員對多個(gè)文章類型進(jìn)行批量管理。

4.文章信息管理界面設(shè)計(jì)與實(shí)現(xiàn)

在太極拳社區(qū)微信小程序的文章信息管理界面上，管理員可以全面掌控該小程序的文章信息。管理員可以新增和刪除該小程序的文章信息，還可以根據(jù)文章標(biāo)題或作者有針對性地快速檢索出文章信息。此外，管理員還可以查看每篇文章的詳情頁面，并且對文章信息進(jìn)行修改和調(diào)整。同時(shí)，為了方便管理員進(jìn)行批量操作，該界面還支持多選功能。例如，管理員需要修改某個(gè)公告的標(biāo)題信息時(shí)，可以通過標(biāo)題快速檢索出具體的文章，再對其進(jìn)行修改和完善。又如，如果文章發(fā)布后發(fā)現(xiàn)簡述部分存在問題，管理員同樣可以通過文章類型管理界面快速檢索到該文章，對該文章的簡述進(jìn)行修改并保存。

5.視頻信息管理界面設(shè)計(jì)與實(shí)現(xiàn)

在太極拳社區(qū)微信小程序的視頻信息界面上，管理員可以高效管理該小程序的視頻信息。管理員可以新增和刪除視頻信息，還可以根據(jù)視頻名稱或類型進(jìn)行有針對性地快速檢索。此外，管理員還可以查看每一個(gè)視頻的詳情頁面，并對視頻信息進(jìn)行修改和調(diào)整。該界面支持多選操作，方便管理員對多個(gè)視頻進(jìn)行批量處理。

6.訂單管理界面設(shè)計(jì)與實(shí)現(xiàn)

在太極拳社區(qū)微信小程序的訂單管理界面上，管理員可以清晰掌握該小程序的訂單情況。管理員可以新增和刪除訂單，還可以根據(jù)訂單標(biāo)號或商品名稱進(jìn)行有針對性地快速檢索。此外，管理員可以查看每一個(gè)訂單的詳情頁面，并對訂單信息進(jìn)行修改和調(diào)整。同時(shí)，該界面支持多選操作，方便管理員對多個(gè)訂單進(jìn)行批量處理。例如，如果要下架某一個(gè)商品，管理員可以通過商品名稱和訂單編號快速檢索出相關(guān)訂單，再進(jìn)行刪除。再比如，用戶提交訂單后發(fā)現(xiàn)訂單收貨地址有誤，用戶可以聯(lián)系管理員修改地址。管理員可以在訂單管理界面點(diǎn)擊修改按鈕，對該訂單的收貨地址進(jìn)行修改。

三、系統(tǒng)測試

為保證計(jì)算機(jī)應(yīng)用系統(tǒng)性能的穩(wěn)定性，系統(tǒng)研發(fā)人員在系統(tǒng)正式投用前應(yīng)開展完善的性能檢測工作[[]]。經(jīng)過幾個(gè)階段的測試，本設(shè)計(jì)經(jīng)過了多次修改，成功通過了所有測試用例。本次用戶系統(tǒng)測試對多項(xiàng)內(nèi)容進(jìn)行了測試。

（一）測試新用戶注冊功能

對于用戶寫入相同的用戶名，測試是否提示該用戶已存在。在其他個(gè)人信息都填寫正確的情況下，輸入已有的用戶名并點(diǎn)擊“注冊”按鈕，顯示無法注冊成功并提示“用戶名”已存在。隨后輸入不同的用戶名，提示注冊成功，檢測用戶名功能可正常運(yùn)行。

（二）測試密碼輸入功能

針對用戶寫入兩次不同的密碼，測試是否提示兩次密碼輸入不一致。在其他個(gè)人信息都填寫正確的情況下，兩次密碼輸入不一致并點(diǎn)擊“注冊”按鈕，顯示無法注冊成功并提示“密碼不一致”。隨后輸入相同的密碼，提示注冊成功，檢測密碼功能可正常運(yùn)行。

（三）測試手機(jī)號輸入功能

針對寫入錯誤格式的手機(jī)號，測試是否提示輸入的手機(jī)號格式不正確。在其他個(gè)人信息都填寫正確的情況下，輸入錯誤格式手機(jī)號并按下“注冊”按鈕，顯示無法注冊成功并提示“手機(jī)號格式不正確”。隨后輸入正確格式手機(jī)號，提示注冊成功，檢測手機(jī)號功能可正常運(yùn)行。

（四）測試?yán)嫌脩舻卿浌δ?/p>

本次測試對老用戶登錄功能也做了針對性的系統(tǒng)測試：比如測試是否提示賬號或密碼錯誤，故意輸入錯誤的用戶名和正確的密碼，按下登錄按鈕，登錄界無法成功登錄，并提示“用戶名或密碼錯誤”。隨后輸入正確用戶名再按下登錄按鈕，那么就會顯示登錄成功。再比如，測試?yán)嫌脩裟芊裾５卿洉r(shí)，在所有信息都填寫正確的情況下，點(diǎn)擊“登錄”按鈕，系統(tǒng)提示登錄成功。反之，如果任一信息填寫錯誤，那么系統(tǒng)都會有相對應(yīng)的提示，比如“用戶名或密碼錯誤”。

四、結(jié)束語

太極拳社區(qū)微信小程序通過B/S結(jié)構(gòu)、SSM框架和MySQL技術(shù)，實(shí)現(xiàn)了具體的界面設(shè)計(jì)。通過對實(shí)際需求的分析以及廣泛搜集相關(guān)的太極拳文化知識，實(shí)現(xiàn)了用戶注冊、登錄、閱讀文章、發(fā)表文章和評論、購物車、訂單管理等功能，以及管理員對用戶、公告信息、文章類型和信息、視頻信息、商品分類及商品信息、系統(tǒng)信息、訂單信息等的增刪改查的管理功能。在系統(tǒng)的開發(fā)中使用B/S結(jié)構(gòu)設(shè)計(jì)并實(shí)現(xiàn)該程序，確保系統(tǒng)之間邏輯分層清晰明確，使系統(tǒng)更加合理可靠?；陂_發(fā)者工具，使用大眾喜聞樂見的微信小程序工具，依托微信巨大的用戶基數(shù)，竭盡全力宣傳太極拳文化的深厚內(nèi)涵。希望在提升用戶體驗(yàn)的基礎(chǔ)上，為太極拳文化推廣以及愛好者貢獻(xiàn)自己的微薄力量。

作者單位：王艷飛 劉甜甜 黃河交通學(xué)院

參考文獻(xiàn)

[1]李書杰，李志剛.B/S三層體系結(jié)構(gòu)模式[J].河北理工學(xué)院學(xué)報(bào)，2002（S1）：25-28+34.

[2]武思怡，解佺，張雨，等.微信小程序開發(fā)研究[J].無線互聯(lián)科技，2018，15（11）：52-54.

[3]王曉蓉.計(jì)算機(jī)應(yīng)用系統(tǒng)集成測試技術(shù)分析與探究[J].衛(wèi)星電視與寬帶多媒體，2019，（20）：61-62.