一指香飞点餐系统示例

所属分类: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

近期下载者

相关文件


收藏者