前言
mui是一款接近原生App體驗的前端架構,隻需要掌握前端技術就可以開發APP應用,官方有提供功能比較全面的demo版本,
但在實戰中總會遇到一些不可避免但坑,對于沒有接觸過mui的開發者,難免會浪費很多時間在踩坑上。
該項目以mui為開發架構,artTemplate.js作為js模版引擎,沒有繁瑣的配置和編譯過程,拿來就可以上手,适合剛接觸mui的同學參考和學習
項目位址,如遇網絡不佳,請移步國内鏡像加速節點
項目運作
git clone https://github.com/EasyTuan/mui-kidApp.git
國内鏡像加速節點
git clone [email protected]:easytuan/mui-kidApp.git
打開HBuider,打開項目
右鍵項目=>轉換為移動App
運作=>真機運作(需要usb連接配接手機)
注:伺服器到期,接口服務不再支援,能正常登陸和退出,不影響正常功能但預覽和學習
目标功能
- 定位功能 – 完成
- 選擇城市 – 完成
- 展示所選位址附近商家清單 – 完成
- 在高德地圖中尋找店鋪 – 完成
- 搜尋文章,賽事 – 完成
- 商家清單頁 – 完成
- 店鋪評價頁面 – 完成
- 單張卡牌詳情頁面 – 完成
- 商家詳情頁 – 完成
- 登入、注冊 – 完成
- 三方微信、QQ登陸 – 完成
- 修改密碼 – 完成
- 個人中心 – 完成
- 發送短信、語音驗證 – 完成
- 賽事清單 – 完成
- 賽事詳情 – 完成
- 添加、删除、修改收貨位址 – 完成
- 帳戶資訊 – 完成
- 服務中心 – 完成
- 紅包 – 完成
- 上傳頭像 – 完成
- 卡牌對戰發起 – 完成
業務介紹
入口位址為
html/main.html
目錄結構
├── css //css樣式檔案
├── fonts //字型圖示
├── html //頁面
├── images //圖檔
├── js //js
│ └── lib //js第三方庫
├── unpackage //App圖示、啟動頁
└── manifest.json //App配置檔案
部分截圖展示
首頁展示
對戰發起 && 官方資訊
論壇 && 文章詳情
使用者中心
說明
如果對您有幫助,您可以點選項目 “Star” 支援一下 謝謝! _
或者您可以 “follow” 一下,我會不斷開源更多的有趣的項目
如有問題請直接在 Issues 中提,或者您發現問題并有非常好的解決方案,歡迎 PR
友情連結
該項目基于Ionic3.x的實作