开源中国 2018 年度最后一场技术盛会邀你来约~错过就要等明年啦!点此立即预约

逸宸 / uni-appJavaScriptApache-2.0

Watch 22 Star 41
Sign up for free
Explore and code with more than 2 million developers,Free private repositories !:)
Sign up
一指香飞,是有uni-app开发的一个掌上点餐系统。我们也简称XF。qq技术讨论群:714566447 spread retract

Loading...
README.md

一指香飞 自述文件 ( markdown格式)


一指香飞,是有uni-app开发的一个掌上点餐系统。我们也简称XF

安卓手机的朋友可以下载此链接进行体验。

版本日期:2018-12-08;

[下载地址](链接:https://pan.baidu.com/s/1sS2Nglji7CUwH_sLSpcePQ)
提取码:p3ta 
打开百度网盘手机App,操作更方便哦

使用说明

  1. 下载编辑器HBuilderX.
  2. 下载微信开发者工具.
  3. 点击HBuilderX顶部菜单->文件->导入->从git导入.
  4. 鼠标点击App.vue获取焦点,无需打开文件.
  5. 点击HBuilderX编辑器顶部菜单->运行->运行到小程序模拟器.
  6. 如果启动不了微信开发者工具,请手动启动微信开发者工具,手动添加项目(项目路径为unpackage/dev/mp-weixin)
  7. 打包: 7.1 打包app:点击HBuilderX顶部导航->发行->原生APP云打包. 7.2 打包微信小程序:把项目路径unpackage/dev/mp-weixin文件夹拷贝出来即可。

特点

  1. 一套代码多端通用 支持编译封装成h5app安卓端/苹果端,微信小程序等终端运行程序。
  2. 组件开发模式,复用性强 采用mvvm组件开发模式,只要了解过vue和微信小程序的编程模式,即可看懂程序代码。

目录结构

┌─components            uni-app组件目录
│  │─pages				可复用的页面内容组件目录
│  └─template			可复用的模板组件目录
│     
├─common				可复用公共工具插件类
│  │─data				数据目录
│  │─css				公共css 目录
│  │  │─uni.css			uni.app官方默认css
│  │  │─iconfont.css	项目需要的iconfont样式
│  │  └─icon.css		uni.app官方默认icon
│  └─js					公共js 目录
│     │─Arr.js			数组对象处理插件
│     └─Cache.js		缓存处理插件
│     
├─request               AJAX请求封装
│  ├─data				模拟请求所需的数据目录,实际开发中,请删除。
│  │  │─xxx.js			模拟数据
│  │  └─xxx.js			…………
│  └─AJAX.js			AJAX请求封装
│     
├─hybrid                存放本地网页的目录,解决小程序只支持网络目录,[详见](https://uniapp.dcloud.io/component/web-view)
│  └─html
│     ├─css
│     │  └─xxx.css
│     ├─img
│     │  └─icon.png
│     ├─js
│     │  └─xxx.js
│     └─local.html
│     
├─platforms             存放各平台专用页面的目录,[详见](https://uniapp.dcloud.io/platform)
│     
├─pages                 业务页面文件存放的目录
│  ├─index
│  │  └─index.vue       index站点入口页面
│  │ goods				商场主目录
│  │  │─index.vue       店铺首页
│  │  │—list.vue		商品列表页
│  │  │—cart.vue		购物车页
│  │  │—detail.vue		商品详情页
│  │  │—order.vue		订单页
│  │  └─category.vue    分类页
│  └─user				用户目录
│	  └─index.vue       用户中心
│     
├─static                存放应用引用静态资源(如图片、视频等)的地方,注意:静态资源只能存放于此
│  ├─image				图片目录
│  │  └─xxx.jpg			图片
│  └─audio				媒体目录
│     └─xxx.mp3    		音频
│     
├─main.js               Vue初始化入口文件
│     
├─App.vue               应用配置,用来配置App全局样式以及监听 应用生命周期
│     
├─manifest.json         配置应用名称、appid、logo、版本等打包信息,详见
│     
└─pages.json            配置页面路由、导航条、选项卡等页面类信息,详见

参与贡献

tanyichen

结语

我们非常确定,XF将帮助移动端开发人员大幅提升开发效率。 希望您也能加入到XF程序的开发中来 技术交流QQ群:714566447

Comments ( 6 )

You need to Sign in for post a comment

Help Search