Giter Site home page Giter Site logo

mui-kidapp's Introduction

前言

mui是一款接近原生App体验的前端框架,只需要掌握前端技术就可以开发APP应用,官方有提供功能比较全面的demo版本, 但在实战中总会遇到一些不可避免但坑,对于没有接触过mui的开发者,难免会浪费很多时间在踩坑上。

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

如遇网络不佳,请移步国内镜像加速节点

项目运行


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

# 国内镜像加速节点:[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的实现

License

MIT

mui-kidapp's People

Contributors

easytuan avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

mui-kidapp's Issues

想学习一下

用mui开发快一年了,现在也在用,感觉自己写的太low了,就是传参,打开新页面,别的都没考虑,想跟大神持续学习,感谢,

ios 无法运行

/CoreData:-1: API Misuse: Attempt to serialize store access on non-owning coordinator (PSC = 0x7f80bc430dc0, store PSC = 0x0)

点个赞

点个赞,我也写过mui的大型项目,但是毕竟是公司的项目,源码不能开源,楼主开源出来,还是点个赞吧

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.