基于MUI构建的具有90+页面的移动APP

# 前言

mui是一款接近原生App体验的前端框架,只需要掌握前端技术就可以开发APP应用,官方有提供功能比较全面的demo版本,

但在实战中总会遇到一些不可避免但坑,对于没有接触过mui的开发者,难免会浪费很多时间在踩坑上。

该项目以mui为开发框架,artTemplate.js作为js模版引擎,没有繁琐的配置和编译过程,拿来就可以上手,适合刚接触mui的同学参考和学习

[项目地址](https://github.com/EasyTuan/mui-kidApp),如遇网络不佳,请移步[国内镜像加速节点](https://gitee.com/easytuan/mui-kidApp)

## 项目运行

```

git clone https://github.com/EasyTuan/mui-kidApp.git

国内镜像加速节点

git clone git@gitee.com:easytuan/mui-kidApp.git

```

打开HBuider,打开项目

右键项目=>转换为移动App

运行=>真机运行(需要usb连接手机)

注:服务器到期,接口服务不再支持,能正常登陆和退出,不影响正常功能但预览和学习

# 目标功能

- [x] 定位功能 -- 完成

- [x] 选择城市 -- 完成

- [x] 展示所选地址附近商家列表 -- 完成

- [x] 在高德地图中寻找店铺 -- 完成

- [x] 搜索文章,赛事 -- 完成

- [x] 商家列表页 -- 完成

- [x] 店铺评价页面 -- 完成

- [x] 单张卡牌详情页面 -- 完成

- [x] 商家详情页 -- 完成

- [x] 登录、注册 -- 完成

- [x] 三方微信、QQ登陆 -- 完成

- [x] 修改密码 -- 完成

- [x] 个人中心 -- 完成

- [x] 发送短信、语音验证 -- 完成

- [x] 赛事列表 -- 完成

- [x] 赛事详情 -- 完成

- [x] 添加、删除、修改收货地址 -- 完成

- [x] 帐户信息 -- 完成

- [x] 服务中心 -- 完成

- [x] 红包 -- 完成

- [x] 上传头像 -- 完成

- [x] 卡牌对战发起 -- 完成

# 业务介绍

入口地址为 `html/main.html`

目录结构

    ├── css //css样式文件

    ├── fonts //字体图标

    ├── html //页面

    ├── images //图片

    ├── js //js

    │    └── lib //js第三方库

    ├── unpackage //App图标、启动页

    └── manifest.json //App配置文件

## 部分截图展示

### 首页展示

<img src="https://easytuan.gitee.io/mywebsite/images/mui/1.jpeg" width="375px" height="667px" /> <img src="https://easytuan.gitee.io/mywebsite/images/mui/2.jpeg" width="375px" height="667px" />

### 对战发起 && 官方资讯

<img src="https://easytuan.gitee.io/mywebsite/images/mui/3.jpeg" width="375px" height="667px" /> <img src="https://easytuan.gitee.io/mywebsite/images/mui/4.jpeg" width="375px" height="667px" />

### 论坛 && 帖子详情

<img src="https://easytuan.gitee.io/mywebsite/images/mui/5.jpeg" width="375px" height="667px" /> <img src="https://easytuan.gitee.io/mywebsite/images/mui/6.jpeg" width="375px" height="667px" />

### 用户中心

<img src="https://easytuan.gitee.io/mywebsite/images/mui/7.jpeg" width="375px" height="667px" /> <img src="https://easytuan.gitee.io/mywebsite/images/mui/8.jpeg" width="375px" height="667px" />

# 说明

>  如果对您有帮助,您可以[点击项目](https://github.com/EasyTuan/mui-kidApp) "Star" 支持一下 谢谢! ^_^

>  或者您可以 "follow" 一下,我会不断开源更多的有趣的项目

>  如有问题请直接在 Issues 中提,或者您发现问题并有非常好的解决方案,欢迎 PR

# 友情链接

[该项目基于Ionic3.x的实现](https://github.com/EasyTuan/ionic-cordova-demo)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 201,468评论 5 473
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 84,620评论 2 377
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 148,427评论 0 334
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,160评论 1 272
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,197评论 5 363
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,334评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,775评论 3 393
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,444评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,628评论 1 295
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,459评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,508评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,210评论 3 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,767评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,850评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,076评论 1 258
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,627评论 2 348
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,196评论 2 341

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,319评论 25 707
  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 12,676评论 2 59
  • “大圣是不会死的,他只是睡着了。” ——题记 在中国,未必人人读过《西游记》原著,但人人都知道那个上天入地无所不能...
    芷菡客阅读 520评论 0 1
  • 生活中,工作中,难免会遇到奇葩,往往是让人又恼火又无奈,那我们对这些sb应该怎么办呢?今天我来给你答案! 那就是,...
    不吐槽不会死只是不顺心阅读 671评论 0 1
  • 这真是我心里的痛。做了好几年月光族,等到要用钱的时候才发现自己所剩无几,甚至不得不“啃老”。最近刚开始接触理财更是...
    白菜花君阅读 102评论 0 2