基于 MUI 构建一个具有 90 +页面的APP应用

前言

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

友情链接

该项目基于Ionic3.x的实现

评论 抢沙发

表情
  1. #1

    来自湖北武汉的用户 2天前
    老衲喜欢这篇文章

  2. #2

    来自湖北武汉的用户 5天前
    为何你如此秀

  3. #3

    来自安徽合肥的用户 7天前
    good

  4. #4

    来自河北沧州的用户 10天前
    点赞,前排摸大佬沾点技术

  5. #5

    来自河北沧州的用户 13天前
    贼详细,收藏了

  6. #6

    来自北京朝阳的用户 16天前
    大神 听说你又有才 人又帅,明明可以靠脸吃饭,可是你偏要靠才华,鼓励师都被你撩了我们怎么办

  7. #7

    来自上海徐汇的用户 19天前
    满满的干货,受益匪浅!如果排版再弄好看点,可能点赞数更高

  8. #8

    来自河北石家庄的用户 21天前
    感谢分享,希望作者继续出文章,多交流分享。

  9. #9

    来自河南郑州的用户 24天前
    楼下方便加下微信麽,交流下!

  10. #10

    来自北京朝阳的用户 27天前
    好文章,值得分享

  11. #11

    来自安徽合肥的用户 27天前
    信息量好大

  12. #12

    来自浙江杭州的用户 27天前
    比我还好 一年的数据库 一年的后端 一点的前端 现在搞得什么都没有学号学精