拯救畢設人

前端小學生xyz發表於2021-12-30

一、前情提要

一年一度的畢設時期又到了,不出意外又會有很多小夥伴為此而頭禿。不幸,博主也是其中一員。作為一名計算機專業的學生,在日復一日的放飛自我中,渾渾噩噩的度過了大學四年,最後成功被畢設難哭。

TRqnxg.jpg

雖然大學四年並沒有讓我掌握紮實的物件導向程式設計的基礎,但是面向百度程式設計的能力還是得到了充分的鍛鍊,資訊檢索能力得到了超級加倍。
在確定了畢設題目之後,我就開始了我的“大海撈原始碼”之旅。皇天不負有心人,在踩了無數的坑,下載了好多無法執行的程式碼之後,終於找到了這個——點餐模板程式碼。抱著微弱的希望clone以後,發現這個專案可以正常執行時我真的是喜極而泣。

TRqKMQ.md.png

執行這套原始碼需要先去APICloud下載編譯器,而這個編譯器為我開啟了新世界的大門。在對這個網站進行了深入的挖掘之後,我發現這真的是一個可以救畢設人於水火的寶藏。除了點餐模板以外,軟體中還提供了很多個型別的app原始碼,可以直接呼叫。(都是能正常執行的!!!)

TRqeG8.md.png

二、使用方法

相信看到這的小夥伴們應該都很想了解到底該如何合理使用這個網站完成畢設了吧。話不多說,下面簡單介紹一下我的使用過程。
使用步驟分為二:一是匯入專案,二是匯出專案。

TRqZPf.jpg

搞錯了,再來!

1.匯入專案

首先,選擇想要匯入的專案。這裡我選擇的是點餐模板,我選這個主要是因為這個模板的資料最多,在魔改程式碼的時候可以參考官方教程,大家可以積極嘗試一下其他的模板哦

TRqMrj.md.png

2.修改程式碼

其次,也是最重要的一步,魔改程式碼。這個專案是基於AVM框架搭建的,這是一種由APICloud自己提出來的框架,但是小夥伴們不要慌。因為AVM框架相容了Vue / React的語法特性,如果有兩個框架的基礎,學習起來還是很簡單的,而且有問題的地方可以參考官網的技術文件,文件寫的還是比較詳細的。

TRqQqs.md.png

APICloud內部提供了豐富的api和模組,我們可以根據自己的需求進行呼叫,快速改造屬於自己的APP。具體的呼叫方法也可以參考官方文件

TRqJiV.md.png

在修改程式碼時,我們進行實時預覽,這裡提供兩種方法。一種是在app內部生成模擬頁面。

TRq1Zn.md.png

另一種是真機同步除錯預覽,只要確保手機和編譯器位於同一網段區域網下,就可以通過掃碼下載生成的軟體到手機,程式碼帶來的變化會實時同步到手機上,這樣可以更加快速直觀的get到軟體的頁面效果,具體操作可以參考官方文件

TRq3aq.jpg

3.打包程式碼

最後,我們就可以打包屬於自己的程式碼了。在確定功能符合自己的需求之後,只要進行雲編譯,就可以生成相應的原始碼包。

TRqtRU.md.png

講到這,就要提到這個網站另一個強大的功能了。在雲編譯的時候,我們可以選擇同時生成多個端的程式碼,包括Android、iOS、小程式和網站等,瞬間就可以讓導師覺得自己做了好多工作。

TRqYGT.md.png

到這裡就完成了全部前端部分的工作了,不需要複雜的環境依賴,修改功能的過程也超級簡單,對我這種技術水平不高的畢設人真的是十分友好了!

三、進階功能

截止到上一part已經可以覆蓋博主的畢設需求了,但是在研究了官方的資料以後,我發現它的功能遠不止上面那一部分。
平臺中還提供了前端模板對應的後臺,可以完成資料傳輸以及管理等功能。這部分功能博主暫時用不到,就沒有深入研究。如果有小夥伴有需要,可以自行探索哦,參考文件中的內容還是很全面的:官方資料雲文件

TRqNzF.md.png

四、參考資料

博主在研究這個平臺時收集了很多資料,上文中也提到了一部分,這裡簡單做一個彙總。希望可以幫助到和我一樣的畢設人。

官網:https://www.apicloud.com/
官方文件:https://docs.apicloud.com/
一部分官方釋出的教程和文章:https://cloud.tencent.com/dev...
原始碼:
Github: https://github.com/apicloudcom
Gitee: https://gitee.com/apicloud
B站入門視訊:https://space.bilibili.com/62...