一指香飞点餐系统示例
所属分类:WEB开发
开发工具:JavaScript
文件大小:244KB
下载次数:6
上传日期:2020-03-04 11:41:23
上 传 者:
kun。
说明: 基于uni-app开发的点餐系统,该系统功能正常使用。
(The ordering system based on uni app is used normally.)
文件列表:
一指香飞点餐系统示例 (0, 2020-02-28)
一指香飞点餐系统示例\App.vue (2116, 2020-02-28)
一指香飞点餐系统示例\common (0, 2020-02-28)
一指香飞点餐系统示例\common\city.data.js (34542, 2020-02-28)
一指香飞点餐系统示例\common\css (0, 2020-02-28)
一指香飞点餐系统示例\common\css\font_920574_ma6qmi3qok.ttf (22184, 2020-02-28)
一指香飞点餐系统示例\common\css\iconfont.css (755, 2020-02-28)
一指香飞点餐系统示例\common\css\tui.css (3585, 2020-02-28)
一指香飞点餐系统示例\common\graceChecker.js (3785, 2020-02-28)
一指香飞点餐系统示例\common\icon.css (5330, 2020-02-28)
一指香飞点餐系统示例\common\js (0, 2020-02-28)
一指香飞点餐系统示例\common\js\my.js (21, 2020-02-28)
一指香飞点餐系统示例\common\uni.css (24369, 2020-02-28)
一指香飞点餐系统示例\common\uni.ttf (18472, 2020-02-28)
一指香飞点餐系统示例\common\utils (0, 2020-02-28)
一指香飞点餐系统示例\common\utils\Arr.js (311, 2020-02-28)
一指香飞点餐系统示例\common\utils\Base64.js (2714, 2020-02-28)
一指香飞点餐系统示例\common\utils\index.js (238, 2020-02-28)
一指香飞点餐系统示例\common\utils\Md5.js (7978, 2020-02-28)
一指香飞点餐系统示例\common\utils\Storage.js (2530, 2020-02-28)
一指香飞点餐系统示例\common\utils\Time.js (3985, 2020-02-28)
一指香飞点餐系统示例\common\utils\Url.js (846, 2020-02-28)
一指香飞点餐系统示例\common\utils\Validate.js (3356, 2020-02-28)
一指香飞点餐系统示例\components (0, 2020-02-28)
一指香飞点餐系统示例\components\mpvue-citypicker (0, 2020-02-28)
一指香飞点餐系统示例\components\mpvue-citypicker\city-data (0, 2020-02-28)
一指香飞点餐系统示例\components\mpvue-citypicker\city-data\area.js (241125, 2020-02-28)
一指香飞点餐系统示例\components\mpvue-citypicker\city-data\city.js (25429, 2020-02-28)
一指香飞点餐系统示例\components\mpvue-citypicker\city-data\province.js (2058, 2020-02-28)
一指香飞点餐系统示例\components\mpvue-citypicker\mpvueCityPicker.vue (5889, 2020-02-28)
一指香飞点餐系统示例\components\pages (0, 2020-02-28)
一指香飞点餐系统示例\components\pages\chat (0, 2020-02-28)
一指香飞点餐系统示例\components\pages\chat\list.vue (3135, 2020-02-28)
一指香飞点餐系统示例\components\pages\order (0, 2020-02-28)
一指香飞点餐系统示例\components\pages\order\state.vue.bak (2935, 2020-02-28)
一指香飞点餐系统示例\components\pages\pay (0, 2020-02-28)
一指香飞点餐系统示例\components\pages\pay\payment.vue (6116, 2020-02-28)
一指香飞点餐系统示例\components\template (0, 2020-02-28)
一指香飞点餐系统示例\components\template\box (0, 2020-02-28)
一指香飞点餐系统示例\components\template\box\number.vue (2042, 2020-02-28)
... ...
# 一指香飞 自述文件 ( markdown格式)
***************************************
`一指香飞`,是有uni-app开发的一个掌上点餐系统。我们也简称`XF`。
#### 安卓手机app已经打包发布在百度网盘,欢迎下载安装体验。
```
更新日期:2019-02-13;
新添加用户登陆/注册/找回密码/用户中心/修改用户资料/服务器真实api接口
[h5web体验地址(这个不一定是最新版-如果要看最新版请下载源码自行编译)](http://csapi.we99.net/h5)
[使用体验百度网盘下载地址——提取码:p3ta ](链接:https://pan.baidu.com/s/1sS2Nglji7CUwH_sLSpcePQ)
[git源码下载地址](链接:https://gitee.com/wokaixin/a_fragrant_fly)
```
####支持打包:
```
1、安卓;
2、ios;
3、微信小程序;
3、支付宝小程序;
4、百度小程序;
5、h5;
```
#### 使用说明
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文件夹拷贝出来即可。
#### 打包前注意
```
页面路径配置文件 pages.json内"condition"节点是用来调试的。current=0,代表当前启动首页是(list 节点下的的索引项);
发表项目一定要删除condition节点
```
## 特点
1. 一套代码多端通用
支持编译封装成h5app安卓端/苹果端,微信小程序等终端运行程序。
2. 组件开发模式,复用性强
采用mvvm组件开发模式,只要了解过vue和微信小程序的编程模式,即可看懂程序代码。
## 目录结构
```
┌─components uni-app组件目录
│ │─pages 可复用的页面内容组件目录
│ │ └─address 地址管理
│ │─crop 裁剪图片
│ │ └─crop 裁剪图片
│ │─mpvue-citypicker 弹出城市选择器
│ │ │─mpvueCityPicker 弹出选择器
│ │ └─city-data 地区数据
│ │ │─area 省-市-区
│ │ │─city 省-市
│ │ └─province 省
│ │─mpvue-picker 弹出选择器
│ │ └─mpvuePicker 弹出选择器
│ │─crop 裁剪图片
│ │ │─crop 裁剪图片
│ └─template 可复用的模板组件目录
│ │─box 盒子模板目录
│ │ └─number 商品数字加减模板
│ │─drawer 抽屉模板目录
│ │ │─bottom 底部弹出商品选择
│ │ └─drawer 抽屉模板
│ │─icon icon图标库模板
│ │ └─icon uni-app官方默认的icon
│ │─im-chat 聊天对话模板
│ │ │─chatinput 输入模板
│ │ │─orderMessage 新订单消息模板
│ │ └─messageshow 消息内容模板
│ │─index 入口页模板
│ │ └─shopList 店铺首页模板
│ │─nav 导航模板目录
│ │ └─bottom 底部导航
│ │─picker 弹出选择
│ │ └─mpvuePicker 默认弹出选择
│ │─product 商品模板
│ │ │─shopList 店铺列表模板
│ │ └─list 商品列表
│ │─swiper 滚动模块
│ │ └─big-ad 大屏广告图片左右滚动
│ │─uni-icon icon图标库模板
│ │ └─uni-icon uni-app官方默认的icon 含font-icon
│ │─uni-notice-bar 滚动通告字栏
│ │ └─uni-notice-bar 滚动通告字栏
│ │─verify 验证
│ │ └─captchaInput 验证码
│ └─unit 元素装置
│ │─search 搜索框
│ └─search 加载旋转圈圈
├─common 可复用公共工具插件类
│ │─data 数据目录
│ │─css 公共css 目录
│ │ │─iconfont.css 项目需要的iconfont样式
│ │ └─tui.css 项目自定义的全局css样式
│ │─icon.css uni-app官方默认icon
│ │─uni.css uni-app官方默认css
│ └─utils 公共js工具插件目录
│ │─Arr.js 数组对象处理插件
│ │─Base***.js base***编码转换工具
│ │─Md5.js Md5编码转换工具
│ │─Storage.js Storage缓存工具
│ │─Time.js 时间格式转换处理工具
│ │─Url.js Url地址处理工具
│ └─Validate.js input输入验证器
│
├─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
│
├─store vuex
│ ├─goods.js 商户商品购物车处理
│ │─index.js vuex主入口封装
│ │—win.js 窗口宽高元素处理
│ └─store.js 登陆状态 用户信息处理
│
├─platforms 存放各平台专用页面的目录,[详见](https://uniapp.dcloud.io/platform)
│
├─pages 业务页面文件存放的目录
│ ├─home
│ │ └─index.vue index站点入口页面
│ │─chat 消息对话
│ │ │─chat.vue 消息对话
│ │ │—list.vue 消息列表
│ │ └─order.vue 订单消息
│ │─goods 商场主目录
│ │ │─index.vue 店铺首页
│ │ │─about.vue 关于商家简介
│ │ │—list.vue 商品列表页
│ │ │—cart.vue 购物车页
│ │ │—collect.vue 我的收藏-店铺
│ │ │—detail.vue 商品详情页
│ │ │—order.vue 订单页
│ │ │—shop.vue 店铺首页
│ │ └─category.vue 分类页
│ │─user 用户目录
│ │ │—address.vue 地址页
│ │ │—info.vue 个人信息页
│ │ │—security.vue 设置
│ │ │—update.vue 信息修改
│ │ └─wode.vue 我的首页
│ │─login 登陆目录
│ │ │—login.vue 登陆
│ │ │—pwd.vue 密码找回
│ │ └─reg.vue 注册页
│ │─order 订单目录
│ │ │—list.vue 订单列表
│ │ └─detail.vue 订单详情
│ └─pay 支付目录
│ └─payment.vue 付款
│
├─static 存放应用引用静态资源(如图片、视频等)的地方,注意:静态资源只能存放于此
│ ├─image 图片目录
│ │ └─xxx.jpg 图片
│ └─audio 媒体目录
│ └─xxx.mp3 音频
│
├─main.js Vue初始化入口文件
│
├─App.vue 应用配置,用来配置App全局样式以及监听 应用生命周期
│
├─manifest.json 配置应用名称、appid、logo、版本等打包信息,详见
│
└─pages.json 配置页面路由、导航条、选项卡等页面类信息,详见
```
#### 参与贡献
#### 项目创建人
tanyichen
## 结语
我们非常确定,`XF`将帮助移动端开发人员大幅提升开发效率。
希望您也能加入到`XF`程序的开发中来
技术交流QQ群:71456***47
近期下载者:
相关文件:
收藏者: