这年头城市里，地铁算是个重要基建，连接着各个区域让我们出行更方便。不过，城市化越来越快，大家要求也高了，地铁建设和管理就遇到了一些麻烦。今天咱们要聊聊“互联网+”在地铁方面的应用，看看咋能用新科技提高投资效率和标准，让地铁行业继续发展下去。
引入“互联网+”思维优化工程投资管理
我们都知道地铁等大项目需要很多钱，那怎么花钱才能有效？这个可是个大难题。这时候，引入“互联网+”的思路就显得特别重要了。我们把网络科技跟传统的工程投资管理结合起来，就能实现更科学的管理方式，提高我们做决策的速度和质量。这样的话，我们就能节省钱，提高整个地铁系统运行的效率。
互联网跟城轨交通结合起来了！这可不只是改变了原来的苦逼管理方式，还让我们看到了未来的走向。用高科技信息手段来跟项目投资宝宝进行乖乖的监控和管理，就能即时解决问题，防范未知风险，全过程都是可视和数字化的。
深入分析系统应用特点及主要功能
我们要打造个「互联网+」形式的地铁项目投资管理系统，得搞清楚它的用处和功能。第一个关键点就是这个系统能实时监控、分析数据，以及提前预警风险，这样我们才能对投资过程中的各项指标做出及时有效的调整。其次，在设计上要考虑到大家使用起来顺手，省事，让各种等级的使用者都能轻松上手，查数据、生成报告等等这些操作都能流畅完成。
dataModel = new ht.DataModel();// 数据容器，用来存储数据节点 graphView = new ht.graph.GraphView(dataModel);// 拓扑组件 graphView.addToDOM();// 将拓扑组件添加到 body 体中
设计系统时得注意讲究跨平台兼容性和数据安全。咱们可以通过加密敏感数据、设置权限这些措施来防止信息泄露或被篡改。而且在升级和维护的时候也要顾及到各功能间的配合同步，让系统运行更稳，优化更好！
搭建基础场景实现2D可视化
为了让大家明白我们的城市轨道交通工程投资管理系统是如何基于”互联网+”思想设计的，我们用了个小技巧。那就是用拓扑组件ht.graph.GraphView来搭建场景，然后把它加到网页里，这样就能直观看到系统架构和数据流动情况。而且用户也能更了解整个操作过程喔。
在搭建网页的时候，要特别留意父容器的大小变化对整个布局的影响。要是父容器是HT预设的组件，那就不用担心了，因为系统会自动帮我们处理好;但要是纯原生的HTML元素的话，那就要我们自己动手，来监听窗口大小的变化，然后慢慢地去调整布局。善于利用里面的属性和样式表，让网页看上去更精美、更清晰，大大提高用户体验感。
addToDOM = function(){
var self = this,
view = self.getView(),// 获取组件的底层 p
style = view.style;
document.body.appendChild(view);// 将组件底层p添加进body中
style.left = '0';// ht 默认将所有的组件的position都设置为absolute绝对定位
style.right = '0';
style.top = '0';
style.bottom = '0';
window.addEventListener('resize', function () { self.iv(); }, false);// 窗口大小改变事件，调用刷新函数
}
利用JSON文件构建可循环利用场景
在我们搞城市轨道交通工程投资管理系统这玩意儿时，需要处理很多复杂的数据，别头疼，HT上有个好帮手——JSON文件能帮你搞定这个问题。这种文件能方便地储存不同类型的数据，支持数据间的连接关系，这样就能省去不少麻烦了！
用JSON文件来搭建可重复使用的场景，会让你的开发更简单、代码相对独立，开发效率和效果都能提升不少！而且，以后更新或者保养也不是问题。
ht.Default.xhrLoad('demo2.json', function(text) {
var json = ht.Default.parse(text);
if(json.title) document.title = json.title;//将 JSON 文件中的 titile 赋给全局变量 titile
dataModel.deserialize(json);//反序列化
graphView.fitContent(true);//缩放平移拓扑以展示所有图元，即让所有的元素都显示出来
});
对象旋转与闪烁效果设置
要让电脑系统界面更炫酷，人人都喜欢互动！所以在设计过程里经常会用到把东西转起来这个技巧，以及怎样使画面闪亮起来这个小把戏。不用担心，在HTML里有好多实用的API函数可以帮你把物体操作得很灵活，并且支持定时刷出新的页面内容让界面看起来更加动感。
想让页面元素炫酷起来？试试给它们加点转动角度和定时刷新的效果！这样既好看又能抓住用户眼球。这种视觉效果不只是美观，还有助于加深大家对系统操作步骤的印象。
结合“互联网+”推动城市轨道交通行业发展
{
"c": "ht.Block",
"i": 3849,
"p": {
"displayName": "通风1",
"tag": "fan1",
"position": {
"x": 491.24174,
"y": 320.88985
},
"width": 62,
"height": 62
}
}
现在这个“互联网+”的时代，城市地铁这行业得用新技术来升级和转型才行。把“互联网+”思维用到每个角落，能让信息更方便获取，同时也能找到传统行业的新机会。这样跨界合作和创新就不再遥远了，数字化的未来也能有更大可能。
var fan1 = dataModel.getDataByTag('fan1');
var fan2 = dataModel.getDataByTag('fan2');
var camera1 = dataModel.getDataByTag('camera1');
var camera2 = dataModel.getDataByTag('camera2');
var camera3 = dataModel.getDataByTag('camera3');
var redAlarm = dataModel.getDataByTag('redAlarm');
var yellowAlarm = dataModel.getDataByTag('yellowAlarm');
把网络科技融入到地铁工程的投资管理里，不仅能满足大家越来越多的出行需求，还能提高服务质量，让我们的地铁系统变得更聪明、更环保喔！
总结与展望
现在，因为科技越来越进步，社会也跟着发展起来。“互联网+”这玩意儿，已经让我们的生活变得不一样了，连大伙的工作也都更智能化了！在这个背景下，“互联网+”在城市地铁上的运用就显得特别重要，它能把我们的地铁变得更聪明更现代化，给以后的城市发展添砖加瓦
“互联网+”和城市地铁越来越好，未来会起到更大的作用，比如更聪明地出行和更安全的保障。我们希望有关部门能增加对科技研究的投入，研发出更多先进的系统，这样才能让基于“互联网+”思维的城市轨道交通系统建设更上一层楼！
setInterval(function(){
var time = new Date().getTime();
var deltaTime = time - lastTime;
var deltaRotation = deltaTime * Math.PI / 180 * 0.1;
lastTime = time;
fan1.setRotation(fan1.getRotation() + deltaRotation*3);
fan2.setRotation(fan2.getRotation() + deltaRotation*3);
camera1.setRotation(camera1.getRotation() + deltaRotation/3);
camera2.setRotation(camera2.getRotation() + deltaRotation/3);
camera3.setRotation(camera3.getRotation() + deltaRotation/3);
if (time - stairTime > 500) {
stairIndex--;
if (stairIndex 当然还是可以通过 HT 封装的动画进行操作，不过这里不一次性投食太多，有兴趣的可以看看我发布的 https://www.cnblogs.com/xhloa... 等其它文章。
HT 还封装了 setStyle 函数用来设置样式，可简写为 s，具体样式请参考 HT for Web 样式手册（http://hightopo.com/guide/gui...）：
for (var i = 0; i 我们还对“警告灯”的闪烁进行了定时控制，如果是偶数秒的时候，就将灯的背景颜色设置为“无色”，否则，如果是 yellowAlarm 则设置为“黄色”，如果是 redAlarm 则设置为“红色”：
if (new Date().getSeconds() % 2 === 1) {
yellowAlarm.s('shape.background', null);
redAlarm.s('shape.background', null);
}
else {
yellowAlarm.s('shape.background', 'yellow');
redAlarm.s('shape.background', 'red');
}
。
评论0