一:XHTML MP的语法规则
我们知道,我们通常用电脑访问的网站的网页是用html构建的。类似的,现在WAP 2.0网站是用XHTML MP
构建,以供手持设备的访问,如手机、PDA等。
XHTML MP是XHTML的子集,因此继承了它的语法。
XHTML是更严格和简洁的HTML版本。现在来看看XHTML MP的语法规则:
1:标签必须正确闭合!
<p>XHTML MP 教程 段落 1</p>
<p>XHTML MP tutorial paragraph 2</p>
<p>XHTML MP tutorial paragraph 3</p>
有些标签是不含内容的(开始标签和结束标签之间的东东,如上面的XHTML MP tutorial paragraph 1),
就必须用这种形式:Line break<br/>。请注意一定要加上斜杠
2:标签和
属性都必须是用小写
正确的写法:
<p id="p1">XHTML MP tutorial paragraph 1</p>
<p id="p2">XHTML MP tutorial paragraph 2</p>
<p id="p3">XHTML MP tutorial paragraph 3</p>
3:
属性的值必须放置在双引号内
<p id="p1">XHTML MP tutorial paragraph 1</p>
4:不支持
属性简写
在html中,如下写法是正确的:
<
input type="checkbox" checked />
而xhtml中必须这样写:
<
input type="checkbox" checked="checked" />
下面再举一个例子:
<select multiple="multiple">
<option>XHTML MP Tutorial Part 1</option>
<option selected="selected">XHTML MP Tutorial Part 2</option>
<option>XHTML MP Tutorial Part 3</option>
</select>
5:标签的嵌套必须正确
不支持标签的重叠,所以下面的写法是错误的!
<p><b>XHTML MP tutorial paragraph 1</p></b>
应该这样子写:
<p><b>XHTML MP tutorial paragraph 1</b></p>
二:XHTML MP的 MIME类型 和 文件扩展名
XHTML MP支持下面三种MIME类型
1. application/vnd.wap.xhtml+xml
2. application/xhtml+xml
3. text/html
第一种类型是一些wap浏览器所需要的(如某些诺基亚S60浏览器),以便正确显示XHTML MP文档。
第二种是XHTML系列文档的类型
第三种是HTML文档的类型。这样用IE6就可以正常浏览这些文档,而如果遇到上面的两种类型就会弹出一个对话框
让你保存这些文档。
动态选择MIME类型
比如服务器端判断某个客户端请求可以处理application/vnd.wap.xhtml+xml MIME类型,那所有的XHTML MP文档就
都使用application/vnd.wap.xhtml+xml MIME类型发送给客户端。
要实现这个就必须通过服务器端编程,获取客户端HTTP请求的Header值,这里面的值包含客户端可以处理的所有MIME类型。
如果支持就设置XHTML MP的MIME类型为application/vnd.wap.xhtml+xml,如果支持其它的,就设置成其它的。
下面的例子是JSP的,但是你如果使用其它技术的话,原理是一样的,代码也是大同小异!
<%
String acceptHeader = request.getHeader("accept");
if (acceptHeader.indexOf("application/vnd.wap.xhtml+xml") != -1)
response.setContentType("application/vnd.wap.xhtml+xml");
else if (acceptHeader.indexOf("application/xhtml+xml") != -1)
response.setContentType("application/xhtml+xml");
else
response.setContentType("text/html");
%>
这里的代码很简单,我就不多加解释了!
文件的扩展名
静态XHTML MP文档的典型扩展名包括:.xhtml、.html和.htm。当然,你也可以使用其它扩展名,只要你在
WAP 服务配置文件里面设置清楚就OK了。如果你要使用服务器端技术(如JSP、PHP、ASP、SSI等),你就必须
使用相应的扩展名,如PHP使用.php,SSI使用.shtml。
三:XHTML MP文档结构
第一个例子 一个典型的XHTML MP文档结构
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "
http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<title>XHTML MP Tutorial</title>
</head>
<body>
<p>Hello world. Welcome to our XHTML MP tutorial.</p>
</body>
</html>
讲解:
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "
http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
前面的预声明不是XHTML MP元素的一部分,所以不必遵守XHTML MP的约定。
剩下的内容和普通的html没有什么不同了。
记住:XHTML MP必须包含<html>, <head>, <title>, 和 <body>元素。
四:XML声明和字符编码
<?xml version="1.0" encoding="UTF-8"?>
所有的XHTML MP文档都是XML文档,因此开始都会有一个XML声明。这里也可以指定文档的字符编码。
如果文档的字符编码是UTF-8 or UTF-16的话,其实可以省略掉。
虽然这个XML声明是可以省略的,但是我们不建议这么做,因此这样可能导致某些索爱的WAP浏览器产生错误。
五:DOCTYPE声明
这个<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "
http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
声明是必须的。这个声明规定了DTD名称和URL。这个DTD包含标记语言的语法信息,可供验证工具验证你写的XHTML MP文档的语法正确性。
这些验证工具集成在很多IDE中了。
六:各标记简析
<html>是XHTML MP的根标记。目前,该标记的xmlns
属性只能是
http://www.w3.org/1999/xhtml这个值,这个用来保证
严格遵守XHTML MP标准。但是即使缺失了这个标记,大部分浏览器还是能正常显示页面。
<head>标记用来存放关于文档本身的信息。比如<title>和<link>,还有<meta>,这几个标记的功能和在传统的html里面的功能是一样的!
这里不再废话了。
还有<body>标记也不重复解释了。
<p>标记的text-align
属性已经被取消了,你可以在css中定义实现这个功能,如:
p {
text-align: right
}
七:XHTML MP 的 Metadata
先看下面的例子:
<head>
<title>XHTML MP Tutorial</title>
<meta name="author" content="Andrew"/>
</head>
WAP浏览器会自动忽略你自定义的meta
属性(它不会显示在你的页面中),如这里的name,这并不会对你的页面的界面有任何影响。
八:XHTML MP的缓存控制
这里的缓存就是客户端用来临时存储XHTML文档的空间,如果浏览器发现缓存里面有这个页面了而且没有过期,那它就
直接显示这个页面,而不需要再次联网下载,这样节省了时间。
当然,你可以禁止缓存,你可以这样做:
<head>
<title>XHTML MP Tutorial</title>
<meta http-equiv="Cache-Control" content="no-cache"/>
</head>
上面的也可以这样写:<meta http-equiv="Cache-Control" content="max-age=0"/>
如果你要设置缓存时间是300秒的话,可以这么做:
<head>
<title>XHTML MP Tutorial</title>
<meta http-equiv="Cache-Control" content="max-age=300"/>
</head>
还要注意的一点是,上面的设置和所用的设备是有关系的。有些wap浏览器是没有缓存的,所以你设置了也未必能起到作用。
面对这种情况,更好的方法是通过服务器端编程技术设置HTTP header和HTTP response。
九:XHTML MP的定时刷新
<head>
<title>XHTML MP Tutorial</title>
<meta http-equiv="Cache-Control" content="no-cache"/>
<meta http-equiv="refresh" content="15"/>
</head>
上面的代码让页面每隔15秒刷新一次!
注意:必须包含这句:<meta http-equiv="Cache-Control" content="no-cache"/>,
如果没有的话,那可能刷新后只是看到缓存中的副本,并没有重新从服务器下载页面。
还有一个用法就是用来URL自动跳转,例子如下:
<head>
<title>XHTML MP Tutorial</title>
<meta http-equiv="refresh" content="3;URL=http://blog.csdn.net/patriot074/"/>
</head>
需要注意的是,不是所有浏览器都支持refresh,如:诺基亚 浏览器4.0和Ericsson T610 和 T68i
不过,阿佛使用的Windows Mobile手机是支持的,所以推荐使用。
随着智能手机的降价,上面的那些不支持的也很快要淘汰了吧。
十:注释
和html的一样啦:
<!-- This is a comment in XHTML MP -->
十一:换行
<BR/>, 例子:
<body>
<p>
Line 1<br/>
Line 2<br/><br/>
Line 3
</p>
</body>
十二:<hr/>标记
这个标记会给你的页面添加一条水平线。注意:
这个标记不能在<p></p>标记之间使用!!!
例子:
<body>
<p>
Table of Contents:<br/>
</p>
<hr/>
<p>
Part 1 XHTML MP Introduction<br/>
Part 2 Development of Wireless Markup Languages<br/>
Part 3 Advantages of XHTML MP<br/>
Part 4 WML Features Lost in XHTML MP
</p>
</body>
十三:标题标记
<h1>, <h2>, <h3>, <h4>, <h5>, 和 <h6>
浏览器将以不同的大小显示置于此标记中的文字,具体效果你可以测试下面的代码:
<body>
<h1>Level 1 Heading</h1>
<h2>Level 2 Heading</h2>
<h3>Level 3 Heading</h3>
<h4>Level 4 Heading</h4>
<h5>Level 5 Heading</h5>
<h6>Level 6 Heading</h6>
</body>
十四:文字样式
首先声明的是有些浏览器并不支持XHTML MP支持的标记。
例子:
<body>
<p>
<b>Bold</b><br/>
<i>Italic</i><br/>
<b><i>Bold italic</i></b><br/>
<small>Small</small><br/>
<big>Big</big><br/>
<em>Emphasis</em><br/>
<strong>Strong</strong>
</p>
</body>
你还可以通过WAP CSS进行更精确的控制,比如把文字大小设置为12pt。
更多关于WAP CSS的信息请访问:(下面将不再重复声明)
http://www.developershome.com/wap/wcss/十五:预格式文本
在XHTML MP中,段落中的多个空格在手持设备中显示时只显示为一个空格。请看下面的例子:
<body>
<p> Hello, welcome
to
our
XHTML MP tutorial. </p>
</body>
为了能够保持你希望的格式,可以使用<pre>标签:
<body>
<pre> Hello, welcome
to
our
XHTML MP tutorial. </pre>
</body>
这样最后显示的格式就和上面代码中排列的一样了。
十六:列表标签
使用<ul>标签来建立无序列表,每个列表项前将显示一个小圆点。
<li>标签用来包围每个列表项。
请看下面的例子:
<body>
<p>Table of Contents:</p>
<ul>
<li>Part 1 XHTML MP Introduction</li>
<li>Part 2 Development of Wireless Markup Languages</li>
<li>Part 3 Advantages of XHTML MP</li>
<li>Part 4 WML Features Lost in XHTML MP</li>
</ul>
</body>
使用<ol>标签来建立有序列表,请看下面的例子:
<body>
<p>Table of Contents:</p>
<ol>
<li>XHTML MP Introduction</li>
<li>Development of Wireless Markup Languages</li>
<li>Advantages of XHTML MP</li>
<li>WML Features Lost in XHTML MP</li>
</ol>
</body>
其中,在<ol>标签中可以设置start
属性的值来决定列表序号的起始值,例如:
<ol start="4">
通过WAP CSS你可以对列表的外观进行更精确的控制。例如,可以修改显示序号的方式,
比如使用i ,ii ,iii来替代1,2,3。
十七:显示图片
和HTML中一样,使用<img>标签来显示图片。height和width
属性用来指定图片的高和宽(像素)。
WAP2.0支持常用的GIF、JPG、PNG图像格式,当然这还跟用户所有设备有关,一些设备只能显示
其中的一部分格式。要想知道客户端支持的图片格式,很容易,和先前讲过的一样,可以通过检查
HTTP Header,请看下面的代码:
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "
http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<title>Image in XHTML MP</title>
</head>
<body>
<p>
<img src="monkey.gif" alt="coolMonkey" height="50" width="50" /><br/>
Hello, welcome to our XHTML MP tutorial.
</p>
</body>
</html>
其中alt
属性在图片无法显示的时候会显示其设置的文本值。
十八:大图片问题
很多WAP浏览器没有水平滚动条(我的WM IE也是,但是它会自动缩放图片到合适尺寸)。因此如果图片超过设备的屏幕尺寸,
很多浏览器就只能显示局部图片,这样从用户看来很糟糕!还有注意的就是height和width
属性设置只是影响外观,加载图片的时间
和图片大小有关,与你设置的height和width的值无关。使用大图片将让你的访问用户掏更多钱(并花费更多的时间)去支援移动,因为大图片带来大流量,
移动的疯狂收费已经吓住了不少潜在的客户(你不希望你的网站吓走用户吧)。阿佛的哥哥就是个例子,移动的1元包月5M套餐,
而他超过了流量(不少普通用户根本没有流量的概念),移动收了几十元,从此就再也不敢用手机GPRS上网了。
因此从优化XHTML MP页面图像的角度来看,控制图片的大小有下面几招:
1:使用PS等图片处理软件减小图片的尺寸,而不是传送大图片给无线设备,然后通过height和width来设定显示尺寸。
2:如果使用的GIF格式的图片,那么请使用小型颜色调色板,使用小型调色板会降低图片的质量,不过你可以在二者
之间做一个较好的平衡。
3:如果图片是JPG格式,你应该用合适压缩比率来压缩。这个平衡(图片尺寸和显示质量)也要你来控制。
4:期待移动降低上网资费并提高龟速网络(这仅仅是期待)。
更好的提高你的手机网站性能方式是先处理页面的文档请求,再接着处理图片的显示。但是如果构建这样的网站已经超过了本文要
描述的范围,如果你感兴趣的话请自行搜索关键字:Multipart messages
十九:表格
创建表格所使用的标签和HTML中使用的没有区别。所以请直接看下面的例子:
<body>
<table>
<tr>
<td>Cell A</td>
<td>Cell B</td>
<td>Cell C</td>
</tr>
<tr>
<td>Cell D</td>
<td>Cell E</td>
<td rowspan="2">Cell F</td>
</tr>
<tr>
<td colspan="2">Cell G</td>
</tr>
</table>
</body>
这里显示出来的效果是不带边框的表格。如果你要显示,可以使用WAP CSS来控制。
在<head>标签里面加入如下代码:
<style>
td {
border: thin solid black
}
</style>
二十:超链接
超链接是用来导航的,你可以点击一个连接然后跳转到其他XHTML MP页面。这个html中的一样,请看下面的例子:
<a href="
http://blog.csdn.net/patriot074/">阿佛的博客首页</a>
下面再讲讲当前页面的定位(滚动到当前页面的指定位置):
请看下面的例子:
<body>
<p><a id="top">Table of Contents:</a></p>
<ul>
<li>Part 1 XHTML MP Introduction</li>
<li>Part 2 Development of Wireless Markup Languages</li>
<li>Part 3 Advantages of XHTML MP</li>
<li>Part 4 WML Features Lost in XHTML MP</li>
<li>如果页面不够长,无法显示效果的话就再多几个列表项</li>
<li>如果页面不够长,无法显示效果的话就再多几个列表项</li>
<li>如果页面不够长,无法显示效果的话就再多几个列表项</li>
<li>如果页面不够长,无法显示效果的话就再多几个列表项</li>
</ul>
<p><a href="#top">Back to top</a></p>
</body>
从上面的例子可以看出,要定位到指定位置,可以通过<a href="#top">Back to top</a>
来实现,#号加上要跳转到位置的 <a>标记的id值就可以了。
一些老的机器和浏览器不支持这个,如索爱的T610 和 T68i(02年的,应该没什么人用了吧)
二十一:使用更短的URL
我们知道手机输入比用电脑键盘慢多了。因此你应该让你的网站的url尽可能的短,看看下面的几种方法:
1:好好利用子域名。使用
http://wap.somedomain.com/来代替
http://www.somedomain.com/wap/。还可以使用
更短的域名:
http://somedomain.com/ 。
2:让你的web站点和wap站点使用相同的URL。
使用"
http://www.somedomain.com/" 或者
http://somedomain.com/来代替
http://www.somedomain.com/wap/"作为
WAP站点的域名。如果一个HTTP 请求来自手机,那么将把WAP版本的站点发送给这个请求用户,否则将返回web版本的站点。
3:设置站点的默认文档。这样就可以通过
http://wap.somedomain.com/来访问
http://wap.somedomain.com/index.xhtml页面。
二十二:图形化链接
这里的技巧和HTML的一样。你可以在<a>标签中放一个<img>标签,这样就可以在你点击图片的时候进行页面跳转了。
<body>
<p>
This is page 1.<br/>
<a href="linksEg5.xhtml"><img src="to2.gif" alt="Go to linksEg5.xhtml"/></a>
</p>
</body>
二十三:设置超链接的访问快捷键
<body>
<p>
This is page 1.<br/>
<a accesskey="1" href="linksEg7.xhtml"><img src="to2.gif" alt="Go to linksEg7.xhtml"/></a>
</p>
</body>
属性accesskey用来设置快捷键,当你按下这个键的时候就相当于点击了这个超链接(而在PC上浏览器仅仅是让这个超链接获得焦点)。
accesskey
属性的可用值是:*, #, 0, 1, 2, 3, 4, 5, 6, 7, 8, 和 9。
二十四:下拉选择框
这个也和HTML中一样,所以直接上代码:
<body>
<form method="get" action="xhtml_mp_tutorial_proc.asp">
<p>
<select name="selectionList">
<option value="tutorial_A">XHTML MP Tutorial Part A</option>
<option value="tutorial_B">XHTML MP Tutorial Part B</option>
<option value="tutorial_C">XHTML MP Tutorial Part C</option>
</select>
</p>
</form>
</body>
默认选择的代码是:
<option value="tutorial_B" selected="selected">XHTML MP Tutorial Part B</option>
支持多选的代码是:(在WM IE中无效)
<select name="selectionList" multiple="multiple">
二十五:
Input元素
和HTML一样,XHTML MP也拥有各种获取用户输入的
input元素。
input元素必须放置在<form>标记之间。
<
input>标记的 type
属性定义了
input元素的类型。name
属性定义了
input元素的名称,可供服务器端检索。
二十六:文本域
文本域用来获取字母和数字数据。请看下面的例子:
<
input type="text" name="name_for_this_element"/>
type的默认
属性就是text,所以可以忽略。
你可以使用 maxlength
属性来控制文本域可输入的字符数,例如:
<
input type="text" name="myTextField" maxlength="16"/>
你还可以使用value
属性来设置文本域的默认值,例如:
<
input type="text" name="myTextField" maxlength="16" value="Jack"/>
XHTML MP不再支持<
input>标签的format
属性,你可以使用WAP CSS的-wap-
input-format来控制。
例如,限制输入格式为最多10个数字:
input {
-wap-
input-format: "10N"
}
下面再来介绍一下密码域:
在密码域中所有的字符通过星号来显示,请看例子:
<
input type="password" name="name_for_this_element"/>
二十七:复选框和单选按钮
复选框和HTML中也类似,例如:
<
input type="checkbox" name="xhtml_mp_tutorial_chapter" value="1"/>
<
input type="checkbox" name="xhtml_mp_tutorial_chapter" value="2"/>
<
input type="checkbox" name="xhtml_mp_tutorial_chapter" value="3"/>
value的值将被发送服务器端(当有选中该复选框)。
你也可以通过checked
属性设置复选框是否选中,代码如下:
<
input type="checkbox" name="xhtml_mp_tutorial_chapter" value="1" checked="checked"/>
下面的标记代码创建一个单选按钮:
<
input type="radio" name="name_for_this_element"/>
和复选框按钮类似,拥有相同name
属性值的单选按钮将被分在同一个组,例如:
<
input type="radio" name="xhtml_mp_tutorial_chapter" value="1"/>
<
input type="radio" name="xhtml_mp_tutorial_chapter" value="2"/>
<
input type="radio" name="xhtml_mp_tutorial_chapter" value="3"/>
name和value对是相关联的,这个将在form提交后用来后台取值。和复选框一样,checked
属性用来指定是否选中该项。
二十八:隐藏字段
隐藏字段将不会在页面中显示。它用来存储状态信息的。例如:
<
input type="hidden" name="temp_id" value="123456"/>
value
属性会被回发到服务器端。
二十九:提交窗体数据到服务器端
在前文中,我们讲到了很多
input元素,它们可以获取用户输入的数据。那么服务器端该如何获取这些输入的数据呢?
你需要把这些标签和提交按钮置于<form></form>标签中。例如:
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "
http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<title>XHTML MP Tutorial</title>
</head>
<body>
<h1>Registration Form</h1>
<form method="get" action="processing.asp">
<p>
Username:<br/>
<
input name="username"/><br/>
Password:<br/>
<
input type="password" name="password"/><br/>
Gender:<br/>
<
input type="radio" name="gender" value="m"/>Male
<
input type="radio" name="gender" value="f"/>Female<br/>
Country:<br/>
<select name="country">
<option value="ca">Canada</option>
<option value="cn">China</option>
<option value="fr">France</option>
<option value="de">Germany</option>
<option value="in">India</option>
<option value="it">Italy</option>
<option value="jp">Japan</option>
<option value="kr">Korea</option>
<option value="uk">United Kingdom</option>
<option value="us">United States</option>
</select><br/>
Which part of our XHTML MP tutorial do you like?<br/>
<
input type="checkbox" name="tutorial_part" value="1"/>Part 1
<
input type="checkbox" name="tutorial_part" value="2"/>Part 2
<
input type="checkbox" name="tutorial_part" value="3"/>Part 3
<
input type="checkbox" name="tutorial_part" value="4"/>Part 4
<
input type="hidden" name="temp_id" value="123456"/>
</p>
<hr/>
<p>
<
input type="submit"/>
<
input type="reset"/>
</p>
</form>
</body>
</html>
三十:Form元素
<form>标记是form控件的容器。下面继续介绍<form>标记的两个方法POST和GET。
先介绍get方法:
<form method="get" action="processing.asp">
使用get方法,数据将追加到URL中发送。由于URL携带的字符量是有限制的,这也成了get方法的一大缺点。
还有一个问题是为了避免编码问题(当有非ASCII字符时),你应该使用POST方法替代get方法。而使用POST方法
数据时,数据将插入到请求到一起发送。
接下来再讲解一下action
属性,该
属性指定了哪个页面用来处理提交的数据,你可以在该页面编写后台处理代码。
三十一:提交按钮和重置按钮
在XHTML MP中,而每个form都应该包含一个submit按钮。当点击这个按钮后,窗体数据就会被提交到服务器进行处理。
下面来看看这个按钮:
<
input type="submit" value="OK"/>
value
属性用来指定这个按钮的标题。如果没有设置这个
属性的话,那么将显示默认的 submit (如果是中文浏览器,会显示提交)
接着再来介绍一下重置按钮。当按下重置按钮时,form中包含的控件值将回到初始状态。例如:
<
input type="reset"/>
如果没有设置重置按钮的value值,那么将默认显示reset或者重置。
三十二:服务器端
你可以使用你熟悉的服务器端技术来处理这些<
input>和<select>
属性。流行的技术包括ASP/ASP.NET 、Java Servlet/JSP 、Perl和PHP。
下面提供一个简单的获取客户端传过来的值的样例,关于ASP的。在现实中服务器端要做更复杂的处理。例如,把窗体发送过来的数据存储到数据库中。
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "
http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<% Response.ContentType = "application/vnd.wap.xhtml+xml" %>
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<title>XHTML MP Tutorial</title>
</head>
<body>
<p>
Data received at the server:<br/>
Username: <% =Request.QueryString("username") %><br/>
Password: <% =Request.QueryString("password") %><br/>
Gender: <% =Request.QueryString("gender") %><br/>
Country: <% =Request.QueryString("country") %><br/>
Which part of our XHTML MP tutorial do you like?
<%
for i=1 to Request.QueryString("tutorial_part").Count
Response.Write(Request.QueryString("tutorial_part")(i) & " ")
next
%>
<br/>
temp_id: <% =Request.QueryString("temp_id") %>
</p>
</body>
</html>
相关推荐
本代码是基于python pytorch环境安装的。 可参考博文进行安装环境运行代码-但需要先自行收集好图片放到对应文件夹下: https://blog.csdn.net/no_work/article/details/139246467 首先是代码的整体介绍 总共是3个py文件,十分的简便 本代码是不含数据集图片的,下载本代码后需要自行搜集图片放到对应的文件夹下即可 需要我们往每个文件夹下搜集来图片放到对应文件夹下,每个对应的文件夹里面也有一张提示图,提示图片放的位置 然后我们需要将搜集来的图片,直接放到对应的文件夹下,就可以对代码进行训练了。 运行01生成txt.py,是将数据集文件夹下的图片路径和对应的标签生成txt格式,划分了训练集和验证集 运行02CNN训练数据集.py,会自动读取txt文本内的内容进行训练,这里是适配了数据集的分类文件夹个数,即使增加了分类文件夹,也不需要修改代码即可训练 训练过程中会有训练进度条,可以查看大概训练的时长,每个epoch训练完后会显示准确率和损失值 训练结束后,会保存log日志,记录每个epoch的准确率和损失值 最后训练的模型会保
xgame-code_server,是一个基于 Java 13 实现的游戏服务器框架。
PID控制仿真程序:Excel操作,可视化曲线展示,性能优化与模型源码可修改,适用于PID调参练习和系统仿真模拟等多功能工具,内含加热器与调压阀模型。,PID控制仿真程序。 EXCEL写的,简单易上手,改变绿色参数格即可在图中显示控制曲线,过冲和稳定性能指标等等。 自动绘制阶跃响应和干扰响应图。 使用solver规划模块可针对特定指标进行优化。 开放源文件,模型源码可自己修改。 适合练习PID调参,代替实机实验,方案模拟,系统仿真等等。 目前有两个控制模型:加热器和调压阀。 ,PID控制仿真程序; 绿色参数格; 控制曲线; 过冲; 稳定性能指标; 阶跃响应图; 干扰响应图; Solver规划模块; 模型源码修改; 加热器模型; 调压阀模型,基于Excel的PID控制仿真程序:简单易用,模型优化与仿真工具
三菱Q系列PLC之高效全能程序设计——包含复杂轴操作、模块齐全的精准框架及电路图说明,三菱Q系列plc,11轴标准程序,包含轴回零,相对定位,绝对定位,程序有两轴直线插补,一共有五组插补,整个程序的模块都有,程序框架符合广大编程人员思维,只要弄明白这个程序,一般的项目都不会无从下手,参照这个,做项目不再难,拿着就可用,思路清晰易懂,有触摸屏与电路图。 ,三菱Q系列PLC; 11轴标准程序; 轴回零; 相对定位; 绝对定位; 两轴直线插补; 五组插补; 程序框架; 编程思维; 触摸屏; 电路图。,三菱Q系列PLC全能程序:轴回零至插补一体化的高效框架指南
基于Matlab GUI界面的车道线识别与预测系统:数字图像处理技术的简单应用,- 标题: 基于Matlab的车道线识别系统 - 关键词:matlab GUI界面 车道线识别 数字图像处理 - 步骤:选择视频 需要区域提取 滤波去噪 阈值分割 边缘检测 霍夫直线检测 车道线直线筛选 通过历史车道线预测当前车道线 - 简述:使用数字图像处理技术检测并分割出车道线,并使用历史车道线预测车道线,并与当前检测出的车道线进行比较匹配,输出平均车道线。 效果明显操作简单。 ,核心关键词:Matlab GUI界面; 车道线识别; 数字图像处理; 视频选择; 区域提取; 滤波去噪; 阈值分割; 边缘检测; 霍夫直线检测; 车道线直线筛选; 历史车道线预测; 平均车道线。,基于Matlab GUI的智能车道线识别系统:数字图像处理与预测算法的融合
本代码是基于python pytorch环境安装的。 可参考博文进行安装环境运行代码-但需要先自行收集好图片放到对应文件夹下: https://blog.csdn.net/no_work/article/details/139246467 首先是代码的整体介绍 总共是3个py文件,十分的简便 本代码是不含数据集图片的,下载本代码后需要自行搜集图片放到对应的文件夹下即可 需要我们往每个文件夹下搜集来图片放到对应文件夹下,每个对应的文件夹里面也有一张提示图,提示图片放的位置 然后我们需要将搜集来的图片,直接放到对应的文件夹下,就可以对代码进行训练了。 运行01生成txt.py,是将数据集文件夹下的图片路径和对应的标签生成txt格式,划分了训练集和验证集 运行02CNN训练数据集.py,会自动读取txt文本内的内容进行训练,这里是适配了数据集的分类文件夹个数,即使增加了分类文件夹,也不需要修改代码即可训练 训练过程中会有训练进度条,可以查看大概训练的时长,每个epoch训练完后会显示准确率和损失值 训练结束后,会保存log日志,记录每个epoch的准确率和损失值 最后训练的模型会保
基于C#的WPF智慧工厂数据平台开发:统计图表绘制、页面设计、动画展现与数据库管理,C#两套WPF,看板和WPF工业组件 WPF智慧工厂数据平台 1, 提供一个智慧工厂数据平台框架。 2,理解wpf的设计模式。 3,学习如何绘制各种统计图。 4,设计页面板块划分。 5,如何在适当时候展现动画。 6,wpf工业组件 7, 工业mes基础开发 8, wpf建立数据库 9, 建立和plc编程 6,提供纯源代码 有盆友问,这个是否带数据库,其实这个不是重点, 重点是页面展示。 数据库嘛,安装一个,连接上就可以了。 技术无止境。 ,核心关键词:WPF;两套WPF;看板;智慧工厂数据平台;WPF工业组件;设计模式;统计图;页面板块划分;动画展示;工业mes基础开发;数据库建立;PLC编程;纯源代码。,基于C# WPF的智慧工厂数据平台:设计与实现统计图展示与工业组件集成
S7-200 PLC与组态王联合打造水站冷却塔智能控制系统:梯形图程序、接线图及组态画面全解析,S7-200 PLC和组态王组态某厂水站冷却塔控制系统 带解释的梯形图程序,接线图原理图图纸,io分配,组态画面 ,S7-200 PLC; 组态王组态; 冷却塔控制系统; 梯形图程序; 接线图原理图; IO分配; 组态画面,"S7-200 PLC与组态王联合构建水站冷却塔控制系统"
摄影师社区系统 免费JAVA毕业设计 2024成品源码+论文+录屏+启动教程 启动教程:https://www.bilibili.com/video/BV1jKDjYrEz1 项目讲解视频:https://www.bilibili.com/video/BV1Tb421n72S 二次开发教程:https://www.bilibili.com/video/BV18i421i7Dx
微波工程(第三版)-David M Pozar-电子工业出版社-附作者手写习题答案
allWebPlugin中间件-春节版-V2.0.30.0.zip
e42aa0f4d1f3142b453179483bb1d3f4.part4
三菱Q系列PLC 11轴标准程序:涵盖轴回零、定位及五组插补功能,搭配触摸屏与电路图,通用易懂的项目参考框架。,三菱Q系列plc,11轴标准程序,包含轴回零,相对定位,绝对定位,程序有两轴直线插补,一共有五组插补,整个程序的模块都有,程序框架符合广大编程人员思维,只要弄明白这个程序,一般的项目都不会无从下手,参照这个,做项目不再难,拿着就可用,思路清晰易懂,有触摸屏与电路图。 ,核心关键词:三菱Q系列PLC; 11轴标准程序; 轴回零; 相对定位; 绝对定位; 两轴直线插补; 五组插补; 程序框架; 编程人员思维; 触摸屏; 电路图。,三菱Q系列PLC 11轴程序框架详解:轴定位、插补及界面一体化设计
"揭秘1.5MW无刷双馈电机性能与波形:定子转子细节解析",1.5MW无刷双馈电机性能及波形 包含正常运行的各种波形,定子匝间以及转子匝间波形 ,1.5MW无刷双馈电机性能;定子转子匝间波形;正常运行波形,"无刷双馈电机性能详解:1.5MW运行波形与定转子匝间波形分析"
数字科技风险报告管理系统 免费JAVA毕业设计 2024成品源码+论文+录屏+启动教程 启动教程:https://www.bilibili.com/video/BV1jKDjYrEz1 项目讲解视频:https://www.bilibili.com/video/BV1Tb421n72S 二次开发教程:https://www.bilibili.com/video/BV18i421i7Dx
BLDC无刷直流电机与PMSM永磁同步电机的传感器与无传感器驱动方案详解:基于stm32F1的学习参考程序与原理图,BLDC无刷直流电机和PMSM永磁同步电机 有传感器 和无传感器驱动方案 BLDC无刷直流电机和PMSM永磁同步电机 基于stm32F1的有传感器和无传感驱动 直流无刷电机有传感器和无传感驱动程序, 无传感的实现是基于反电动势过零点实现的,有传感是霍尔实现。 永磁同步电机有感无感程序,有感为霍尔FOC和编码器方式, 无感为滑模观测器方式。 有原理图和文档 可供学习参考 程序有详细注释 ,BLDC无刷直流电机; PMSM永磁同步电机; 有传感器驱动; 无传感器驱动; STM32F1; 反电动势过零点; 霍尔传感器; 霍尔FOC; 编码器; 滑模观测器; 原理图; 文档; 程序注释,"无刷直流电机与永磁同步电机:有感无感驱动方案及STM32F1实现"
"深入解析两相步进EtherCAT源码:高性能步进方案的研究与学习价值",两相步进EtherCAT源码,步进方案,具有很高的研究学习价值 ,核心关键词:两相步进EtherCAT源码; 步进方案; 研究学习价值; 高价值技术。,"EtherCAT驱动下的两相步进控制源码及其高价值研究学习方案"
原厂高频注入与增强型滑模观测器:完整工程源码解析与注释,可编译下载,原厂 高频注入与增强型滑模观测器 带解析文档 完整工程源码 HFI与ESMO 完整工程源码 可编译,带详细注释 ,核心关键词:原厂高频注入; 增强型滑模观测器; HFI与ESMO完整工程源码; 解析文档; 完整工程源码带详细注释; 可编译。,高频注入与滑模观测器:原厂增强版完整工程源码及解析文档
Smart 200PLC与ACS580变频器RTU通讯设置详解:包括设置指南与SMART 700IE V3触摸屏编程指导,Smart 200PLC与ACS580-880MODBUS RTU通讯,包涵变频器设置说明,变频器说明书,SMART 700IE V3触摸屏程序。 ,关键词:Smart 200PLC; ACS580-880 MODBUS RTU通讯; 变频器设置说明; 变频器说明书; SMART 700IE V3触摸屏程序; 通讯协议; 程序编写; 设置方法。,基于Smart PLC与ACS580变频器通讯的MODBUS RTU设置与操作指南(含触摸屏程序)
WCA-BP神经网络优化算法回归预测MATLAB代码详解:电厂数据预测(附优化前后对比),WCA水循环算法优化BP神经网络(WCA-BPNN)回归预测MATLAB代码(有优化前后的对比) 代码注释清楚。 main为运行主程序,可以读取本地EXCEL数据。 很方便,容易上手。 (以电厂运行数据为例) 温馨提示:联系请考虑是否需要,程序代码,一经出,概不 。 ,WCA-BPNN; 回归预测; MATLAB代码; 优化前后对比; 代码注释; 主程序; EXCEL数据读取; 电厂运行数据。,"WCA-BPNN优化BP神经网络回归预测MATLAB代码(含前后对比及注释)"