基于Web 的一站式網(wǎng)絡(luò)服務(wù)平臺(tái)
——針對(duì)于高校學(xué)生多功能網(wǎng)絡(luò)服務(wù)平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)

文/黃坤 張宇昂 李巖松

1 引言

隨著科技的飛速發(fā)展,人們對(duì)科技的依賴(lài)性也是越來(lái)越高,在這個(gè)網(wǎng)絡(luò)時(shí)代,信息技術(shù)的迅猛發(fā)展和廣泛、深入地應(yīng)用,推動(dòng)了各行各業(yè)的技術(shù)進(jìn)步,帶來(lái)了新技術(shù)革命的蓬勃發(fā)展?，F(xiàn)在,校園的信息化已成為學(xué)校發(fā)展的潮流,中小學(xué)校園網(wǎng)建設(shè)成為學(xué)校信息化建設(shè)的焦點(diǎn),各級(jí)各類(lèi)的學(xué)校爭(zhēng)相加入信息化的校園時(shí)代，在大學(xué)時(shí)代僅僅依靠校園網(wǎng)往往不能夠滿足大學(xué)生的實(shí)際生活需求，以更好的服務(wù)在校大學(xué)生的生活解決大學(xué)生的日常需求為目的，我們團(tuán)隊(duì)決定開(kāi)發(fā)一個(gè)符合大學(xué)生實(shí)際情一站式網(wǎng)絡(luò)服務(wù)平臺(tái)。其設(shè)計(jì)市場(chǎng)針對(duì)性強(qiáng)，一物多能，具有傳統(tǒng)單一功能網(wǎng)站無(wú)法比擬的優(yōu)勢(shì)。最重要的是能給大學(xué)生生活提供方便，服務(wù)他們的日常生活。

2 功能需求

2.1 二手交易模塊

用戶在完成注冊(cè)之后，可以在本網(wǎng)站上進(jìn)行二手書(shū)交易、二手?jǐn)?shù)碼交易、離校甩賣(mài)交易、二手樂(lè)器交易、二手體育用品交易、二手雜物等一系列二手交易，由于交易對(duì)象都是本校學(xué)生，所以在二手交易這方面采用的是線上通過(guò)圖文的方式介紹自己的商品及報(bào)價(jià)，線下約談及進(jìn)行資金交易。

對(duì)于購(gòu)買(mǎi)者來(lái)說(shuō)：二手市場(chǎng)無(wú)疑是非常便宜的，可以為購(gòu)買(mǎi)者省下不少的錢(qián)。而且通過(guò)在二手市場(chǎng)上的交易，可以讓你知道如何省下一些可以省下的錢(qián)，從而更加清楚明白如何理財(cái)。而且如果是二手書(shū)的話，你不但可以省錢(qián)，而且還可以省下一些時(shí)間去記筆記，在別人走過(guò)的路上尋找適合自己的方式。對(duì)于銷(xiāo)售者來(lái)說(shuō)：二手市場(chǎng)可以讓他更快速的獲得利潤(rùn)。他以低價(jià)買(mǎi)入又以低于市場(chǎng)價(jià)賣(mài)出，消費(fèi)者喜歡這樣的價(jià)錢(qián)，他便可以賣(mài)得很好，可以說(shuō)是走的是一種薄利多銷(xiāo)的路線。

表1

表2

構(gòu)建校園二手交易市場(chǎng)不僅有利于“節(jié)能減排”，符合國(guó)家的綠色發(fā)展要求和可持續(xù)發(fā)展要求，為賣(mài)家學(xué)生和買(mǎi)家學(xué)生提供了完美結(jié)合的平臺(tái)。二手交易市場(chǎng)的建立是對(duì)當(dāng)前形勢(shì)的響應(yīng)，體現(xiàn)了可持續(xù)發(fā)展的節(jié)約理念和綠色的環(huán)保理念，是建立節(jié)約型社會(huì)的方針政策。

對(duì)于二手物品交易平臺(tái)存在的安全隱患。我們將對(duì)隱瞞和虛構(gòu)商品信息的賣(mài)家進(jìn)行信用降級(jí)，完善售后投訴機(jī)制。

2.2 失物招領(lǐng)模塊

校園中經(jīng)常發(fā)生丟東西不知找誰(shuí)打聽(tīng)，撿東西不知該交給何人，為幫助廣大師生在校園中尋找不慎丟失的物品，減少尋物的煩惱，網(wǎng)站推出失物招領(lǐng)平臺(tái)。

用戶在完成注冊(cè)之后，可以在網(wǎng)站的失物招領(lǐng)模塊，完成失物招領(lǐng)和失物認(rèn)領(lǐng)。如表1、表2所示。

拾金不昧是中華民族的傳統(tǒng)美德，也是大學(xué)精神的一部分。在失物招領(lǐng)中，我們見(jiàn)證了失而復(fù)得的喜悅，也遇到了許許多多不留名的活雷鋒。校園中每天都有好人好事發(fā)生，他們都在用自己的愛(ài)心和善舉澆灌這朵校園文明之花。

2.3 校園跑腿

在校園跑腿這方面,我們準(zhǔn)備從兩個(gè)方向入手,第一個(gè)方向是在高?；I備一個(gè)專(zhuān)業(yè)跑腿團(tuán)隊(duì),跑腿團(tuán)隊(duì)成員主要面向于在校有兼職需求的大學(xué)生,用戶在網(wǎng)站或者以后將同步開(kāi)發(fā)的微信小程序上進(jìn)行下單,經(jīng)過(guò)信息整理,統(tǒng)一發(fā)送給跑腿團(tuán)隊(duì),做到信息集中化,跑腿規(guī)?；５谝粋€(gè)方向?qū)嵤┑碾y題在于關(guān)于成立跑腿團(tuán)隊(duì)的啟動(dòng)資金，我們應(yīng)從何而來(lái)，目前我們都是大學(xué)生，沒(méi)有足夠的資金的來(lái)保證跑腿團(tuán)隊(duì)的運(yùn)營(yíng)。于是在團(tuán)隊(duì)的商討下，我們確定了第二個(gè)方向?qū)W生之間的互相跑腿，所謂學(xué)生之間的互相跑腿，就是我們舍棄專(zhuān)業(yè)的跑腿團(tuán)隊(duì)，每一位學(xué)生都可以在我們的網(wǎng)站或者小程序上自主的接單，下單。學(xué)生幫學(xué)生代領(lǐng)快遞，代買(mǎi)物品等一系列的需求，這樣我們讓可以將所有的潛在用戶都可以發(fā)展成我們的跑腿成員，學(xué)生給學(xué)生跑腿，學(xué)生給學(xué)生支付跑腿費(fèi)用。

2.4 學(xué)術(shù)交流

學(xué)術(shù)交流是指針對(duì)規(guī)定的課題，由相關(guān)專(zhuān)業(yè)的研究者、學(xué)習(xí)者參加，為了交流知識(shí)、經(jīng)驗(yàn)、成果，共同分析討論解決問(wèn)題的辦法，而進(jìn)行的探討、論證、研究活動(dòng)。隨著我國(guó)高校科技事業(yè)的不斷深入和發(fā)展,學(xué)術(shù)交流已經(jīng)成為我國(guó)高校,特別是地方高?？萍蓟顒?dòng)中一個(gè)極其重要的組成部分。而人才培養(yǎng)又是地方高校的一項(xiàng)重要?dú)v史使命,人才培養(yǎng)水平與其辦學(xué)生存和事業(yè)發(fā)展息息相關(guān)。學(xué)術(shù)交流是做學(xué)問(wèn)、搞科研不可缺少的一個(gè)信息平臺(tái),它帶動(dòng)和促進(jìn)了科學(xué)研究工作的發(fā)展和進(jìn)步；有利于促進(jìn)人才成長(zhǎng), 發(fā)現(xiàn)新的人才。高等學(xué)校是培養(yǎng)人才的搖籃,學(xué)術(shù)交流不僅能吸取國(guó)內(nèi)外最新研究成果,也是提高教學(xué)科研水平和人才培養(yǎng)質(zhì)量的重要手段。來(lái)到大學(xué)我們也不能玩物喪志,也不能忘記學(xué)習(xí)。

我們將在網(wǎng)站上及時(shí)的向用戶推送最新的學(xué)術(shù)話題，讓同學(xué)們積極的討論，交流方式采取發(fā)帖形式，讓學(xué)生相互交流進(jìn)行思想的碰撞。

3 網(wǎng)站的具體實(shí)施

3.1 網(wǎng)頁(yè)美工

網(wǎng)頁(yè)設(shè)計(jì)強(qiáng)調(diào)的4 個(gè)基本原則 — 對(duì)比、對(duì)齊、重復(fù)、相似，漸變以及節(jié)奏美、韻律美等等，以及色彩的搭配顯示出的輕快活潑的美，這些都能在網(wǎng)頁(yè)上顯示出來(lái)，反映設(shè)計(jì)師高超的審美能力。正是依據(jù)人對(duì)信息處理的先驗(yàn)經(jīng)驗(yàn)總結(jié)的一套方法論。如果在設(shè)計(jì)中靈活運(yùn)用心理預(yù)期與先驗(yàn)經(jīng)驗(yàn)原則，可以在網(wǎng)頁(yè)設(shè)計(jì)上給予進(jìn)度提示，告知用戶進(jìn)度，一旦用戶得到恰當(dāng)?shù)男畔⒎答?即建立心理預(yù)期)，就會(huì)對(duì)系統(tǒng)、對(duì)自己的操作更加有信心。相反，如果失去對(duì)網(wǎng)站產(chǎn)品的控制感，則用戶對(duì)網(wǎng)站產(chǎn)品的滿意度也隨之降低。本著精簡(jiǎn)的本意，設(shè)計(jì)出網(wǎng)站的主頁(yè)圖。

3.2 前端方面

根據(jù)網(wǎng)站美工設(shè)計(jì)出的網(wǎng)站平面圖,初步根據(jù)超文本標(biāo)記語(yǔ)言(HyperText Markup Language 簡(jiǎn)稱(chēng)HTML) 和層疊樣式表(Cascading Style Sheets)簡(jiǎn)稱(chēng)css 實(shí)現(xiàn)出網(wǎng)頁(yè)版的網(wǎng)站平面圖。

JavaScript 前端框架使用的是VueJS：

VueJS，一個(gè)用于用戶界面開(kāi)發(fā)的漸進(jìn)式j(luò)avascript 框架。它是一個(gè)能快速開(kāi)發(fā)和跨平臺(tái)的方案。與Angular 和React

相比較，它被證明速度更快，并且吸收了這兩者的優(yōu)點(diǎn)。Vue 的創(chuàng)始人是尤雨溪，他曾在Google 工作并使用Angular。

他的想法是直接抽取出他喜歡的Angular的特性，不再引入其他復(fù)雜的理念而打造一款新的框架。所有的Vue 模板都是

基于HTML，你可以在GitHub 上找到很多資源。它也提供雙向綁定和服務(wù)端渲染。在Vue 中，你可以使用模板語(yǔ)法或使用JSX 直接編寫(xiě)渲染函數(shù)。

圖1

圖2

CSS/HTML框架使用的是Bootstrap，Bootstrap 是美國(guó)Twitter 公司的設(shè)計(jì)師Mark Otto 和Jacob Thornton 合作基于HTML、CSS、JavaScript 開(kāi)發(fā)的簡(jiǎn)潔、直觀、強(qiáng)悍的前端開(kāi)發(fā)框架，使得 Web 開(kāi)發(fā)更加快捷。Bootstrap 提供了優(yōu)雅的HTML 和CSS 規(guī)范，它即是由動(dòng)態(tài)CSS 語(yǔ)言Less 寫(xiě)成。Bootstrap一經(jīng)推出后頗受歡迎，一直是GitHub 上的熱門(mén)開(kāi)源項(xiàng)目，包括NASA 的MSNBC（微軟全國(guó)廣播公司）的Breaking News 都使用了該項(xiàng)目。國(guó)內(nèi)一些移動(dòng)開(kāi)發(fā)者較為熟悉的框架，如WeX5 前端開(kāi)源框架等，也是基于Bootstrap源碼進(jìn)行性能優(yōu)化而來(lái)。如圖1所示。

3.3 后端方面

Python 下有許多款不同的 Web 框架。Django 是重量級(jí)選手中最有代表性的一位。許多成功的網(wǎng)站和APP 都基于Django。Django 是一個(gè)開(kāi)放源代碼的Web 應(yīng)用框架，由Python 寫(xiě)成。

Django 遵守BSD 版權(quán)，初次發(fā)布于2005年7月，并于2008年9月發(fā)布了第一個(gè)正式版本1.0。Django采用了MVC的軟件設(shè)計(jì)模式，即模型M，視圖V 和控制器C。如圖2所示。

4 項(xiàng)目未來(lái)發(fā)展趨勢(shì)

目前是信息高速發(fā)展的時(shí)代，是一個(gè)追求高效率的時(shí)代，全能型網(wǎng)絡(luò)服務(wù)平臺(tái)能夠滿足不同用戶的需求，下載注冊(cè)量也會(huì)多于普通單一的平臺(tái)。

因?yàn)閷W(xué)易網(wǎng)項(xiàng)目主要是針對(duì)于在校大學(xué)生，服務(wù)于他們的日常生活，所以我們將首先在本校進(jìn)行推廣我們的產(chǎn)品，積極收集和采納用戶的建議，以彌補(bǔ)平臺(tái)的不足之處。由點(diǎn)及面，后期將會(huì)推廣到全國(guó)的各大高校。

互聯(lián)網(wǎng)龐大的用戶基數(shù)可以輕易實(shí)現(xiàn)規(guī)模效應(yīng)，降低溝通成本、縮短溝通距離，顛覆著傳統(tǒng)商業(yè)世界的規(guī)則。我們處在一個(gè)時(shí)刻變化著的時(shí)代，互聯(lián)網(wǎng)讓我們必須時(shí)刻準(zhǔn)備著接受新事物和創(chuàng)造新事物，予以快速的反應(yīng)和適應(yīng)。未來(lái)的生活中多功能服務(wù)平臺(tái)將占據(jù)主導(dǎo)市場(chǎng)。