zoukankan      html  css  js  c++  java
  • 基于 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的实现

  • 相关阅读:
    upgrade和update的区别
    批处理文件的几种路径扩展
    CMD does not support UNC paths as current directories.的巧妙解决方案
    让批处理不回显错误信息
    python中那纠结的os.system()与空格处理
    jQuery Mobel 学习相关资料整理(一)
    c#获取某月的第一天和某月的最后一天
    Umbraco网站制作(七) 调用外部用户控件
    Umbraco网站制作(八) 实现伪静态
    Timeout 时间已到。在操作完成之前超时时间已过或服务器未响应。
  • 原文地址:https://www.cnblogs.com/easytuan/p/9558970.html
Copyright © 2011-2022 走看看