遼科大資源共享平臺的設(shè)計分析

白宇航　王剛　鄔杭龍　于世通

摘要：資源共享平臺是目前較少的官網(wǎng)，開發(fā)具有創(chuàng)新的實踐意義，資源共享平臺具有良好的社會價值。平臺為學(xué)生與教師提供了方便。資源共享平臺具有良好的發(fā)展前景。對于項目開發(fā)的過程與應(yīng)用的技術(shù)在此進(jìn)行了總結(jié)。

關(guān)鍵詞：官網(wǎng)設(shè)計;B/S;資源共享;Layui Bootstrap ASP.NET

中圖分類號：TP311.52 文獻(xiàn)標(biāo)識碼：A 文章編號：1007-9416（2019）02-0195-02

0 引言

該系統(tǒng)為大學(xué)校園設(shè)計，設(shè)計此官網(wǎng)主要目的是為了節(jié)約資源，方便學(xué)生租借自己不需要的商品、幫助學(xué)生找到合理安全的兼職工作，方便學(xué)生找到丟失的物品同時為社會提供了良好的兼職招聘平臺。此系統(tǒng)的出現(xiàn)解決了以前資源浪費的問題。系統(tǒng)具有實時性的特點。用戶可以注冊自己的賬號上傳物品是的信息，想要租用的用戶可以通過官網(wǎng)上面的聯(lián)系方式與上傳人進(jìn)行交流。有利于推動校園網(wǎng)絡(luò)化，現(xiàn)代化的發(fā)展，提高了信息的傳輸效率，為老師、學(xué)生、社會招聘人士提供了便利。

1 系統(tǒng)設(shè)計

本系統(tǒng)主要使用人群為學(xué)生，所以系統(tǒng)的設(shè)計風(fēng)格為簡潔實用。功能分析：（1）本系統(tǒng)具有申請賬號功能。（2）發(fā)布租賃信息功能、兼職信息功能、發(fā)布失物招領(lǐng)信息功能。（3）發(fā)布信息的撤回功能。（4）查找商品的功能。（5）管理員錄入信息與管理功能。

2 頁面功能分析

（1）系統(tǒng)具有五個功能分為注冊、上傳、錄入、撤回、搜索的功能。

（2）注冊頁面：注冊時用戶必須實名填寫個人的信息，賬號由用戶個人來建立，賬號信息會傳入到后臺，后臺會根據(jù)校園的已有學(xué)生信息進(jìn)行核對。

（3） 租賃頁面：租賃頁面具有實時性，用戶可以在官網(wǎng)上面找到個人所需的物品。用戶根據(jù)發(fā)布的實時消息聯(lián)系到發(fā)布的人進(jìn)行交易。

（4）新聞頁面：新聞的錄入與撤回由管理員來管理。

（5）兼職信息頁面：信息的真實性需要管理員來核對以保證學(xué)生的安全。

（6）后臺管理頁面：頁面的設(shè)計運用的Layui框架，layui具有非模塊化的模式。頁面設(shè)計簡約合理，樣式美觀。用戶注冊賬號后發(fā)布信息需要到后臺管理的頁面上面來，根據(jù)實際的情況來填寫信息，信息發(fā)布后會存入到數(shù)據(jù)庫。當(dāng)所用的物品被租出后需要到后臺撤回發(fā)布的物品。后臺管理頁面還有兼職的錄入與撤回和新聞的錄入與撤回頁面，用法與租賃的用法相同。

3 官網(wǎng)頁面框架分析

3.1 Layui的引入

layui框架需要在html里面引入從官網(wǎng)上面下載的layui.css與layui.js這兩個文件。這兩個文件是layui的主體文檔。引入實例。這種形式為模塊化的引入，每一次是用什么都需要遵循 layui 的模塊并且為其建立一個的接收入口文件，并通過 layui.use（） 方式來加載文件。

資源共享平臺項目的后臺錄入的界面更改了一點layui的框架代碼。表現(xiàn)在于正則表達(dá)式。Layui框架缺少qq號碼的正則表達(dá)式，通過分析發(fā)現(xiàn)其這則加在了form.js的里面為。增加了如下的代碼：qq：[/[1-9][0-9]{4，14}/，"請輸入正確的qq號（全是數(shù)字）"]，。

3.2 Bootstrap的使用

Bootstrap框架具有的特點：具有較好的擴(kuò)展性、文檔相當(dāng)?shù)耐晟疲爰瓤梢允褂梅绞脚cLayui方式差不多。還有現(xiàn)成的UI 圖案可以快速搭建網(wǎng)頁。風(fēng)格美觀有組件包含小圖標(biāo)、按鈕組、菜單導(dǎo)航、標(biāo)簽頁等。[1]我們覺得bootstrap的最大缺點就是兼容性的問題，自己做的頁面加上Bootstrap框架會有跑遍的可能性[3]。對于這個問題的解決辦法就是盡可能的避免與其他的框架沖突使用。

Bootstrap是一套比較流行的前端開發(fā)框架，與眾多的其他框架相比較是最受使用者歡迎的，其可擴(kuò)展性適應(yīng)了響應(yīng)式的網(wǎng)頁，推動了響應(yīng)式頁面的發(fā)展。

3.3 以Asp.net作為后端的開發(fā)使用

Asp.net的三層架構(gòu)的思想。使得錄入、刪除等功能的數(shù)據(jù)處理的方式變得簡單易懂使得整個系統(tǒng)層次分明，功能完善，運行流暢。這是三層架構(gòu)思想的良好優(yōu)點[4]。

4 結(jié)語

資源共享平臺是適應(yīng)社會網(wǎng)絡(luò)化信息化的發(fā)展，滿足學(xué)校的需求。讓學(xué)生、老師體驗更加便捷的上網(wǎng)方式（以官網(wǎng)的形式）。也為學(xué)校的各種組織提供了活動所需材料的來源。資源共享平臺具有良好的發(fā)展形勢，更具有良好的社會價值。

參考文獻(xiàn)

[1] 薛鵬飛.Bootstrap在Web前端開發(fā)中的應(yīng)用與研究[J].科技致富向?qū)В?2015（14）：254-254.

[2] 高榕嶺.Bootstrap在前端開發(fā)中的優(yōu)勢[J].計算機(jī)光盤軟件與應(yīng)用，2015（1）：74-74.

[3] 李淼，杜明晶，苗放.網(wǎng)頁設(shè)計中Bootstrap CSS框架的應(yīng)用與拓展[J].電子技術(shù)與軟件工程，2013（17）：222-223.

[4] 張文增，趙冬斌，孫振國，等.ASP.NET——動態(tài)網(wǎng)頁開發(fā)趨勢[J].計算機(jī)工程，2002， 28（3）：7-9.

[5] Spaanjaars， Imar. Beginning ASP.NET 4： in C# and VB[J]. Nucleic Acids Research， 2010，40（Web Server issue）：329-33.

The Design and Analysis of Resource Sharing Platform Website

of Liaoning University of Science and Technology

BAI Yu-hang，WANG Gang，WU Hang-long，YU Shi-tong

（school of software Liaoning university of science and technology，Anshan Liaoning 114051）

Abstract：Sharing Platform Website is the fewest official websites in the society， development of sharing platform website has significance of innovation. Sharing platform website has good social value. It provides convenience to students and teachers.It also has a good development prospect. About the Sharing Platform Website project develop process and require technology are summarized here.

Key words：website design;B/S; sharing Platform; Layui Bootstrap ASP.NET