Skip to content

基于ionic4 + ng6 构建一个具有 30+ 页面的大型单页面应用

Notifications You must be signed in to change notification settings

sunnywp/elm-ionic

 
 

Repository files navigation

ionic4_angular6_elm

基于ionic4 + ng6 构建一个具有 30+ 页面的大型单页面应用(master必须使用ionic v4)

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项目,19000+star。地址在这里

部分展示

登录页

搜索页

tabs

商铺列表页

      

商铺页

      

目标功能

  • 定位功能 -- 完成
  • 选择城市 -- 完成
  • 搜索地址 -- 完成
  • 展示所选地址附近商家列表 -- 完成
  • 搜索美食,餐馆 -- 完成
  • 根据距离、销量、评分、特色菜、配送方式等进行排序和筛选 -- 完成
  • 餐馆食品列表页 -- 完成
  • 购物车功能 -- 完成
  • 店铺评价页面 -- 完成
  • 单个食品详情页面 -- 完成
  • 商家详情页 -- 完成
  • 登录、注册 -- 完成
  • 个人中心 -- 完成
  • 下单功能 -- 完成
  • 订单列表 -- 完成
  • 订单详情 -- 完成

License

GPL

About

基于ionic4 + ng6 构建一个具有 30+ 页面的大型单页面应用

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 100.0%