Ionic 项目总结

本文主要总结了使用Ionic框架进行移动应用开发的经验,包括 Ionic 的核心特性、HTML 和 Angular 在项目中的应用,以及如何构建和部署Ionic项目。
摘要由CSDN通过智能技术生成

开始:

一:当开始一个项目时,应该先分析该项目的组成,例如 某数据大屏,共分为八大模块

 1. 头部header模块,包括是项目的title,一些时间的组成
 2. 左边(line-area)三个echarts图模块,这三块echarts功能相似,都为折线图,所以可以将它作为一个组件复用,动态的传递不同的参数即可。
 3. 中上部分模块(order-list)模块,该模块主要是一些简单的交互数据的展示。
 4. 中中部分模块(weak-area)模块,该模块是一个柱形的echarts图模块,需要分析近几日的数据交互,比如后台只传进三天的数据,那我们该如何将其在最近的几天中进行定位的渲染。
 5. 中下部分模块(slider-area)模块,该模块是一个轮播图区域,运用ionic自带的轮播组件进行两个echart模块的轮播,一个为饼图,一个为雷达图。
 6. 右上部分模块(order-day)模块,该模块是一个日产订单列表模块,该列表需要注意是一个自动分页的数据展示模块
 7. 右下部分模块 (order-month)模块,该模块是一个月订单产品模块,也是一个echarts折线图模块。

二:分块分析
 1.:header模块主要有时间戳(自动刷新)
	ts部分:
		// 日期实时获取
	    public day: any = new Date();
	    
	    public today: any = this.day.getDay();
	
	    public weekArr: any[] = [
	        '星
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值