關於Egret模塊化開發---vip系統

目錄

關於Egret模塊化開發---vip系統... 1

前言... 1

一,搭建界面... 1

二,建立數據模型... 3

1)數據模型的搭建: 3

2)數據的建立... 4

3)數據的增刪改查... 7

三.做交互, 7

結束... 8

前言

做游戲就是做數據,數據模型的設計,是體驗mvc一種基礎的設計,用數據驅動界面變化..

做為一個程式要學會模塊化,配置化,腳本化的需求,提防策劃的需求變更的可能

例如:做一個VIP系統步驟:

1. 搭建界面
2. 建立數據模型,關聯數據
3. 做交互

一,搭建界面

1)       新建一個VIPWindow.ts類,並且關聯VIPWindownSkin皮膚

2)       拖拽皮膚,搭建以下界面.

3)       並同時給需要做交互,或者用的著的組件命名ID.

二,建立數據模型

數據模型 =  【模型搭建，數據建立，數據常規管理（增刪改查）】

1)數據模型的搭建:

1.數據模型,通俗來說就是數據結構.

2.新建一個VIPItemVO,定義所需要的屬性,,這個類包含vip等級的各個數據.也就是說20個VIP等級,這個類就要創建20次.然後壓入對應的數據.

2)數據的建立

數據的建立,需要一個數據類(數據結構VIPitemVO),一個數據管理類(增刪改查數據VIPManager)

VIPitemVO類

VIPManager類

1.當拿到策劃數值表時,並把他轉換成json文件. 讀取Excel 不劃分，花費時間很長

不夠輕量化，導致解碼過程很複雜.這也就是將excel數據搬遷到json的原因.

這裡咱們定義為vip_json文件

2.在把JSON文件裡面的數據,搬遷到一個數組裡面,方便前後端調用數據.

首先,咱們先取到整個json文件,並壓入vipData

當這段操作結束後,咱們可以這樣調用.

console.log(this.vipDataVO[i].lv);;

到這裡,咱們的數據模型也已經創建完了

3)數據的增刪改查

三.做交互,

用數據驅動界面變化,也就是對數據的操作了.

VIP系統,無非就是一個查閱,.

首先,咱們可以這麼看,需要點擊的按鈕,在者就是有變化的組件image,text.等等.只要是有變化的組件都給他命名一個ID,咱們就可以根據ID來操作事件.

接下來的簡單交互就不一一詳解了,直接上代碼

結束

這樣一個簡單的VIP系統,查閱就做完了.

做為一個程式要學會模塊化,配置化,腳本化的需求,提防策劃的需求變更的可能

儘量把一件事想簡單點,一個VIP系統就一個界面.就是查看VIP相關數據的系統.先實現這步,後面在想著充值啊,等等各功能.

1. 搭界面,
2. 做數據模型,關聯數據
3. 做交互
4. 擴展功能

個人認為,不管做什麼系統,先從簡單的做,在慢慢擴展功能,這樣更有利於書寫代碼.