ionic4_angular6_elm
基于ionic4 + ng6 构建一个具有 30+ 页面的大型单页面应用(master必须使用ionic v4)
阿里移动端组件库ng-zorro-antd-mobile开源地址,将在zorro分支逐步使用zorro-antd-mobile组件替换重构,感兴趣的可以直接使用zorro分支(重构中,未完成)
v3到v4是一个跨越性的升级,花费了两周左右的业余时间进行升级,坑还是很多的,而且v4目前还处于beta版本,有很多bug,比如ionic tabs组件存在路由导航bug,官方正在解决中,急用的小伙伴最好自己实现一个tabs,这次v3升级v4最大的感触就是没有使用ionic组件的部分代价最小,使用v4开发和pc端ng开发已无任何区别,v4采用了shadow dom,修改样式需要使用v4暴露出来的属性,未暴露的则需要自己通过js获取shadow dom强行修改,因为shadow 和 deep等刺穿shadow dom的方法目前已经废弃
基于ionic3 + ng5 构建一个具有 30+ 页面的大型单页面应用(请使用v3分支,必须使用ionic v3才能启动) 借鉴了@bailicangdu vue-elm项目,已征得其本人同意,后台传送地址
项目运行
注意:由于涉及大量的 ES6/7 等新属性,node 需要 6.0 以上版本
npm install -g cordova ionic // 需要全局安装cordova ionic
git clone https://github.com/nuonuoge/ionic4_angular6_elm.git
cd ionic4_angular6_elm
npm install
npm start
另外
此项目有配套的后台系统,如果想体验前后台同时开发,可以下载对应的后台系统:后台项目传送地址。
如果只做前端开发,请忽略这句话。
说明
暂时没有体验地址,待所有功能完成后再发布,可以去vue-elm发布地址体验(请用chrome手机模式预览)
如果对您有帮助,您可以点右上角 "Star" 支持一下 谢谢! ^_^
或者您可以 "follow" 一下,我会不断开源更多的有趣的项目
如有问题请直接在 Issues 中提,或者您发现问题并有非常好的解决方案,欢迎 PR 👍
推荐一个 react + redux 开源项目,对react感兴趣的朋友赶紧去看看。地址在这里
另外一个 vue2 + vuex 的elm项目。地址在这里
部分展示
登录页
搜索页
tabs
商铺列表页
商铺页
目标功能
- 定位功能 -- 完成
- 选择城市 -- 完成
- 搜索地址 -- 完成
- 展示所选地址附近商家列表 -- 完成
- 搜索美食,餐馆 -- 完成
- 根据距离、销量、评分、特色菜、配送方式等进行排序和筛选 -- 完成
- 餐馆食品列表页 -- 完成
- 购物车功能 -- 完成
- 店铺评价页面 -- 完成
- 单个食品详情页面 -- 完成
- 商家详情页 -- 完成
- 登录、注册 -- 完成
- 个人中心 -- 完成
- 下单功能 -- 完成
- 订单列表 -- 完成
- 订单详情 -- 完成
License
GPL