基于uni-app框架的專本通應用軟件設計與實現(xiàn)

劉秋蘭，張靜

（山東電子職業(yè)技術學院，山東章丘， 250200）

0 引言

高職學生很多有升本的意愿，但專升本的考試也是一道難關，目前市場上有很多培訓機構收費頗高，部分學生無法負擔只能望而卻步。應用市場中已有少數(shù)專升本應用，但廣告繁多，且有的必須付費才可使用。因此開發(fā)一款適合學生升本的app應用非常必要。通過好的專升本的app能夠幫助學生隨時隨地的進行習題練習，提供題庫，并可組卷測試，為適應題型的變化，更多的是過硬的知識積累才是重要的，只有學生能力的不斷提升才能在考試的過程輕松應對。

1 關鍵技術選型介紹

本應用采用前后端分離的設計，前端采用uni-app框架借助HBuilder工具進行開發(fā)，后端采用 Spring Boot 借助Eclipse進行開發(fā)，為前端提供API接口，數(shù)據(jù)存儲使用MySql數(shù)據(jù)庫，連接數(shù)據(jù)庫使用MyBatis框架。關鍵技術選型具體介紹如下：

uni-app 是DCloud團隊提供的使用Vue.js開發(fā)所有前端應用的框架，該框架具有良好的跨平臺性，“一套代碼、多端發(fā)行”。即開發(fā)者編寫一套代碼，可發(fā)布到iOS、Android、Web（響應式）、以及各種小程序（微信/支付寶/百度/頭條/QQ/快手/釘釘/淘寶）、快應用等多個平臺。同時通過條件編譯可優(yōu)雅的在一個項目里調用各平臺的特色功能。

Spring Boot 是 Pivotal 團隊在 Spring 的基礎上提供的一套全新的開源框架，其設計目的是用來簡化新Spring應用的初始搭建以及開發(fā)過程。Spring 應用中充斥著大量XML配置文件，而使用Spring Boot框架可以去除大量的XML 配置文件，簡化復雜的依賴管理，同時Spring Boot集成了大量常用的第三方庫配置，大部分的 Spring Boot 應用都只需要非常少量的配置代碼，因此可以使開發(fā)者更加專注于業(yè)務邏輯，深受業(yè)界人士喜愛，是當今后端開發(fā)的主流技術。

MyBatis 是一款優(yōu)秀的持久層框架，它支持自定義SQL、存儲過程以及高級映射。MyBatis 免除了幾乎所有的JDBC 代碼以及設置參數(shù)和獲取結果集的工作。MyBatis 可以通過簡單的 XML 或注解來配置和映射原始類型、接口和Java 中POJO（Plain Old Java Objects，普 通 老 式 Java對象）為數(shù)據(jù)庫中的記錄，其中動態(tài) SQL 是 MyBatis 的強大特性之一。

2 系統(tǒng)分析與設計

目前職業(yè)院校中很多學生有專升本的意愿，但專升本政策各省要求均有所不同，本應用目前主要針對山東省考試要求進行開發(fā)，根據(jù)山東省教育招生考試院魯教學字〔2017〕21號文件《關于調整普通高等教育專科升本科考試錄取辦法的通知》，2020年起專升本考試設4門公共基礎課考試科目，包括英語、計算機、大學語文、高等數(shù)學。本應用根據(jù)最新政策要求，為專科學生考取本科繼續(xù)深造提供助力，為了能夠讓學生靈活利用碎片時間使用該應用提高學習效率，本應用使用uni-app開發(fā)前端應用，利用其優(yōu)秀的跨多端特性，可實現(xiàn)方便的安裝以App或小程序方式在不同類型手機上進行使用。

本應用分為前臺應用及后臺API接口管理，其中前臺用戶又分為學生及管理員兩種角色，系統(tǒng)用例圖如圖1，圖2所示，整體功能結構圖如圖3所示。

圖1 學生用例圖

圖2 管理員用例圖

圖3 整體功能結構圖

本應用主要包含如下功能：

學生端主要功能為專項練習、全真模擬練習、成績查看、考試歷史管理，錯題收藏、重點題目收藏、個人信息維護、登錄、注冊等功能，除注冊功能外其他功能均限制登錄后方可使用；

管理員端主要功能為科目管理、知識點管理、試題類型管理、試題管理、試卷管理、答題卡管理、公告管理、個人信息維護、登錄、注冊等功能，除注冊功能外其他功能均限制登錄后方可使用。

3 部分功能實現(xiàn)

3.1 管理員錄入試題

為提供給學生足夠的練習，提升學生知識掌握熟練度，試題數(shù)據(jù)要多，且每年試題都會有更新，因此試題的錄入時一件較耗時的工作?？紤]到此情況該應用在提供單個試題題目錄入功能的同時，提供試卷以圖片形式上傳的功能。

上傳圖片形式試卷實現(xiàn)過程為在管理員成功登錄后，首先點擊創(chuàng)建試卷，在創(chuàng)建試卷界面上可以通過拍照或從相冊選擇的形式上傳圖片，此處設置了允許管理員上傳多張圖片，設置其他試卷信息如試卷名稱、試卷總分、試卷用時及所屬科目等信息，在這里所屬科目彈出可選科目列表，從備選列表中選取已有科目，而不能隨意輸入不存在科目。然后點擊“創(chuàng)建試卷”，進入創(chuàng)建答題卡界面，在創(chuàng)建答題卡界面進行試卷中題目類型及其個數(shù)的設置完成后進入下一步設置答案，在設置答案階段根據(jù)題目類型及其個數(shù)設置其對應答案，設置完成后該試卷創(chuàng)建完成。

實現(xiàn)代碼如圖4所示，實現(xiàn)效果如圖5所示。

圖4 實現(xiàn)代碼

圖5 效果圖

3.2 學生端專項練習

學生首先需要登錄，登錄后可在首頁看到專項練習、全真模擬練習、成績查看、考試歷史管理，錯題收藏、重點題目收藏、個人信息維護等項目。

學生點擊進入專項練習時發(fā)送請求到服務器端查詢已有科目列表并展示給前臺學生端，可在專項練習功能中選擇要進行練習的科目，科目選擇后進行該科目下的知識點列表，知識點列表同樣從服務器端提供的API接口獲取，對某一知識點后的“開始練題”進行點擊后，進入該知識點下題目的練習界面，在練習界面下完成一題自動進入下一題的練習，直到完成相關科目習題練習，會展示出練習正確題目及錯誤題目個數(shù)及獲取的分數(shù)。練習過程中可以對題目可收藏、題目完成后可以看到其他人對該題目的評論列表，練習人自己也可以添加評論以及對其他人評論進行點贊等操作。展示評論列表中點贊設置代碼如下所示：專項練習實現(xiàn)效果如圖6，圖7所示。

圖6 專項練習列表

圖7 數(shù)據(jù)云端同步實驗結果

4 總結

本應用開發(fā)前端采用uni-app框架，后端采用 Spring Boot開發(fā)，兩者均是當前業(yè)界開發(fā)中主流的應用框架，為系統(tǒng)的實現(xiàn)提供了良好的保障。本應用提供各科目題目及試卷供學生練習，提高學習練習的針對性。后期需要進一步優(yōu)化，使該應用在應用市場上架，讓更多學生可以使用，同時對題庫中題目及時更新維護，適應政策調整變化。

圖7 專項練習