前言
mui是一款接近原生App体验的前端框架,只需要掌握前端技术就可以开发APP应用,官方有提供功能比较全面的demo版本, 但在实战中总会遇到一些不可避免但坑,对于没有接触过mui的开发者,难免会浪费很多时间在踩坑上。
该项目以mui为开发框架,artTemplate.js作为js模版引擎,没有繁琐的配置和编译过程,拿来就可以上手,适合刚接触mui的同学参考和学习
项目运行
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配置文件
部分截图展示
首页展示
对战发起 && 官方资讯
论坛 && 帖子详情
用户中心
说明
如果对您有帮助,您可以点击项目 "Star" 支持一下 谢谢! ^_^
或者您可以 "follow" 一下,我会不断开源更多的有趣的项目
如有问题请直接在 Issues 中提,或者您发现问题并有非常好的解决方案,欢迎 PR
来自江苏玄武的用户 2天前
可以说是相当详细了
来自河北沧州的用户 2天前
牛逼。。
来自河北沧州的用户 5天前
点赞,前排摸大佬沾点技术
来自上海徐汇的用户 6天前
学习开始
来自北京朝阳的用户 7天前
继续讲撒 这个东西挺好玩啊
来自浙江杭州的用户 8天前
小有所得,不错
来自重庆万州的用户 9天前
非常感谢,收益良多
来自四川成都的用户 9天前
满满的干货,受益匪浅!如果排版再弄好看点,可能点赞数更高
来自安徽合肥的用户 10天前
开始学习
来自河北沧州的用户 15天前
你们送过来的程序员已经见到了,挺厉害一小伙。另外我这边还缺个产品经理,什么时候给我送个过来?
来自北京朝阳的用户 18天前
加油~付出就会有收获
来自浙江杭州的用户 23天前
学习了, 总结的很细很棒, 赞