技术论坛

 基于CSS框架的S7-1200Web页面制作『续』-Javascrip t实现

返回主题列表
作者 主题
davelyu
侠士

经验值: 1589
发帖数: 162
精华帖: 3
楼主    2019-11-11 20:59:17
主题:基于CSS框架的S7-1200Web页面制作『续』-JavaScript实现 精华帖 

实在发不上来,也不知道是为什么,大家点击阅读原文吧,阅读原文也看不了的我附上PDF文件了


阅读原文


基于CSS框架的S7-1200Web页面制作『续』.pdf


个人微信公众号 "iLearning爱学习",头像就是公众号二维码
周杰伦
至圣

经验值: 13745
发帖数: 2031
精华帖: 16
1楼    2019-11-11 21:23:24
主题:回复:基于CSS框架的S7-1200Web页面制作『续』-JavaScript实现

非常棒,做IT的对于做自动化的简直就是降维打击。




想点击 好贴推荐,一点击推荐理由就跳转页面了。。。西门子论坛做前端的水平真不敢恭维。











工控毁我青春!
sangshunyang
侠圣

经验值: 4092
发帖数: 565
精华帖: 4
2楼    2019-11-11 21:35:41
主题:回复:基于CSS框架的S7-1200Web页面制作『续』-JavaScript实现

页面的局部刷新是AJAX技术。目前需要的是一个让自动化人员很快能上手的例程,也就是不需要了解太多的WEB专业技术就可以使用的模板。WEB开发是多种语言都需要掌握其中前端需要 HTML   CSSS  JAVAs cript虽然不难也需要一定的时间,难点是服务器端的开发,主要是动态网页的实现,用到的语言有PHP  ASP.NET JAVA等,这几种语言想熟练一种都不是很容易,要精通是难上加难,如果能精通这其中的一门语言,我想搞自动化的可能大多就会转行了。

gaofei2013
侠圣

经验值: 2865
发帖数: 367
精华帖: 3
3楼    2019-11-11 21:40:26
主题:回复:基于CSS框架的S7-1200Web页面制作『续』-JavaScript实现

西门子对网页方面的东西教程太少了,就草草几个指令代过,也没有完整的教程可以参考。楼主这是一个很好的入门资料。太赞了。请问有没有人试过在PLC中使用jQuery吗?在网页上读写文件呢?或者用网页来管理配方呢?

周杰伦
至圣

经验值: 13745
发帖数: 2031
精华帖: 16
4楼    2019-11-11 22:00:01
主题:回复:基于CSS框架的S7-1200Web页面制作『续』-JavaScript实现

《2016西门子工业专家会议论文集》- 西门子S7-1200自定义Web页面在船舶锚绞车的应用


这篇有写使用jQuery。

工控毁我青春!
davelyu
侠士

经验值: 1589
发帖数: 162
精华帖: 3
5楼    2019-11-11 22:09:06
主题:回复:基于CSS框架的S7-1200Web页面制作『续』-JavaScript实现

S7-1200数据记录文件在默认WEB页面下可以下载,但是用户定义页面没法直接读取,可以通过S7_Framework.js文件访问,下面的这个链接里面有涉及这块的内容,使用的是Flot Chart绘制数据曲线,但说实话,草草几行跟没讲一样,但是有案例文件下载可以研究。

https://support.industry.siemens.com/cs/ww/en/view/68011496

个人微信公众号 "iLearning爱学习",头像就是公众号二维码
davelyu
侠士

经验值: 1589
发帖数: 162
精华帖: 3
6楼    2019-11-11 22:15:51
主题:回复:基于CSS框架的S7-1200Web页面制作『续』-JavaScript实现

其实真正用到的读写变量功能在程序层面都是些固定的代码样式,要更深的钻研是需要搞透Javas cript,JQuery布拉布拉的一些东西,但是我觉得自动化还是更应该专注在用户需求和体验上,代码钻研的再深也是为了需求和体验服务。

个人微信公众号 "iLearning爱学习",头像就是公众号二维码
yming
至圣

经验值: 126848
发帖数: 21989
精华帖: 824
7楼    2019-11-11 22:40:42
主题:回复:基于CSS框架的S7-1200Web页面制作『续』-JavaScript实现

原则上可以使用jQuery。

但是实际上不见得行。因为PLC可用空间太小了。

原因是 jQuery是一个JS库(一个标准库和一个压缩的“手机”库)。其使用只是去调用库内函数即可。是方便编写WEB用的。你只需要熟悉如何调用库内的各个函数既可以完成动态界面。

好看是好看,缺点就是太“标准”了。你写的、我写的都差不多外观。没个性化。


对于PLC来说,要使用,就要全装上库。对于网络服务器来说,小菜。PLC可不见得受的了。


学而时习之,不亦说乎?温故而知新,不亦乐乎?
yming
至圣

经验值: 126848
发帖数: 21989
精华帖: 824
8楼    2019-11-11 22:55:42
主题:回复:基于CSS框架的S7-1200Web页面制作『续』-JavaScript实现

事实上,并不需要学习那么多。


1、不嫌画面太单一,静态画面。仅仅HTML5 也行。

2、如果想界面好看,有动态(不是刷新)显示,有一些客户端计算功能。需要CSS、Javas cript。

3、如果能达到后台刷新数据,页面不闪烁。再学点JSON(很容易的)。


目前,对于PLC的WEB服务器,其他基本不需要。因为PLC存储器太少,装不下。(说不定以后发展了,能行。)

况且,对于PLC-PN通讯本来就很繁忙了。所以,对于上述第3点,虽然好看了,但要考虑通讯负荷,是不是能跟上。


我要是使用WEB,也是基本上这台1200没啥任务,它只是读写其他PLC数据,然后去支持WEB服务功能。Mail 功能等等。



学而时习之,不亦说乎?温故而知新,不亦乐乎?
刚刚入门
至圣

经验值: 12687
发帖数: 2083
精华帖: 23
9楼    2019-11-12 10:12:49
主题:回复:基于CSS框架的S7-1200Web页面制作『续』-JavaScript实现

这也是我提出的西门子可以推出用于S7-1200的WEB Edit工具,LOGO已经有了,如果1200也有用户粘性会进一步增强。就为了怕冲击触摸屏销量,实际上国内又有多少人用精简屏呢?

davelyu
侠士

经验值: 1589
发帖数: 162
精华帖: 3
10楼    2019-11-12 10:54:53
主题:回复:基于CSS框架的S7-1200Web页面制作『续』-JavaScript实现

实时性和安全性要求不高的地方,仅仅作为数据展示,我觉得触摸屏完全没必要了

个人微信公众号 "iLearning爱学习",头像就是公众号二维码
yecao2006
至圣

经验值: 18019
发帖数: 1524
精华帖: 2
11楼    2019-11-14 09:08:22
主题:回复:基于CSS框架的S7-1200Web页面制作『续』-JavaScript实现

很好的分享,很好的讨论。

我回来了!继续努力!
天芯
至圣

经验值: 18789
发帖数: 2104
精华帖: 0
12楼    2019-11-14 13:26:04
主题:回复:基于CSS框架的S7-1200Web页面制作『续』-JavaScript实现

对于我们新手来说很有用

喜洋洋2010
侠士

经验值: 1307
发帖数: 10
精华帖: 0
13楼    2019-11-14 15:41:23
主题:回复:基于CSS框架的S7-1200Web页面制作『续』-JavaScript实现

工控人员应该学习一下ASP.NET,简单实用,向上可以做scada、 MES,在本行业也可以做软PLC(PC控制一体机),在项目上选择范围更多。

流氓兔!
游民

经验值: 92
发帖数: 3
精华帖: 0
14楼    2019-11-16 20:50:05
主题:回复:基于CSS框架的S7-1200Web页面制作『续』-JavaScript实现


前面向研究下Web service功能,一致没找到合适的帖子,这个真棒

您收到0封站内信:
×
×
信息提示
很抱歉!您所访问的页面不存在,或网址发生了变化,请稍后再试。