南通web培训的项目实战

南通web培训的项目实战

本项目为动力IT实训南通web培训课程里学员进行的真实商业项目实战。学员通过实际的项目操作,了解并真正掌握了web开发的技能。

项目简介
国家电投电力能源大数据系统是国家电力投资集团为了更好地对水电、火电、核电等新能源进行数据分析管理而特意开发的,它同时涵盖了环保、金融、科研、生产等多方面的数据分析管理信息。界面结构设计简洁明了,数据采用各类图表形式来呈现,保证数据的可比性和直观性的同时,简化操作程序并提供工作效率。

阶段一:需求分析
这是动力IT实训的学员第一次独立开发一个完整的网页,学员拿到视觉稿后,按照老师的指示,首先观察这个网站的整体框架,分析该如何来搭建这个框架,然后根据需求,确定静态和动态场景,并构思怎么更好地实现动态效果。

阶段二:网页开发
1、大家框架,创建静态页面
确定页面需求后,先用HTML将网页的基本标签设置好,确定框架;在用CSS确定页面样式,创建静态页面。
2、绘制图表,完善静态场景
由于该系统是一个大数据显示系统,需要大量的图表来展示数据。为了更好地展示这些图表,学员选用ECharts工具来绘制图表,整个静态页面的场景也完整了。
3、逻辑实现,编写动态效果
为了更加生动的展示数据,给各个图表赋予生命,使其在出现的时候具有动态效果,更有利于用户体验。因此选用了H5来编写,也可以用JS来进行实现。

阶段三:测试、查错
页面开发完成后,学员把它发布到Web服务器上进行测试,发现有些动态效果的展现形式不对,并且存在个别浏览器不兼容的情况。咨询老师后明白,用H5编写的动态效果具有局限性,有些浏览器不兼容;而且用H5编写代码,想更好的把动态效果呈现出来,必须和CSS3有效的配合,而用JS就不会出现这个问题。

阶段四:解决问题
发现原因后,学员首先尝试着用H5和CSS3把动态效果完善,再试着在老师的协助下用JS编写了交互动效,测试后发现,果然JS写出来的网站动态效果兼容了大部分浏览器且动效展现更流畅,表现力和实用性更强。

实战感想
做任何事情,如果只挑你会的去做,把不会的放一边,没有挑战自我的勇气,将永远不会成功,也永远都不知道“原来我可以做的更好”。所以,勇敢的接受挑战吧,为了更好的自己。


相关阅读:web工程师的就业前景和薪资水平南通web开发培训的费用南通web培训要掌握哪些内容南通web培训课程大纲
返回按钮 回到页面顶部 点赞按钮