`

xhmtlMP基础（wap2.0开发）转

 
阅读更多

一：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文档结构
第一个例子 一个典型的ＸＨＴＭＬ　ＭＰ文档结构
<?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">
前面的预声明不是ＸＨＴＭＬ　ＭＰ元素的一部分，所以不必遵守ＸＨＴＭＬ　ＭＰ的约定。
剩下的内容和普通的ｈｔｍｌ没有什么不同了。
记住：ＸＨＴＭＬ　ＭＰ必须包含<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>

分享到：
| wap cookie
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    直播项目微信小程序源码(类似于微信视频通话).zip

    《直播项目微信小程序源码简介》 本资源是一份极具学习价值的直播项目微信小程序源码，类似于微信视频通话功能。它为开发者提供了一个完整的直播项目框架和实现逻辑，可用于深入研究直播技术在小程序中的应用。 该源码涵盖了直播项目的核心功能模块，包括视频采集、推流、播放等关键部分。通过对其代码结构的研究，开发者可以了解到如何利用微信小程序的相关接口和功能来实现流畅、稳定的直播体验。例如，在视频采集方面，源码展示了如何在小程序中调用设备摄像头，并进行实时视频数据的处理；在推流环节，详细阐述了如何将采集到的视频数据推送到服务器，以供其他用户观看；而在播放部分，则清晰地展示了如何在小程序界面上实现视频的流畅播放和控制。 这份源码不仅有助于开发者掌握直播技术在小程序中的实际应用，还能为进一步开发和优化直播类小程序提供宝贵的参考和借鉴，是一份不可多得的学习资源。

    详细阐述了中国智慧医疗建设的发展历程、现状、挑战及未来趋势 以下是文章的主要内容总结：

    内容概要：本文详细探讨了智慧医疗建设的历程、现状、挑战及未来发展趋势。智慧医疗建设经历了信息化、数字化和数智化三个阶段，政策、需求和技术是其发展的三大推动力。文章指出，当前智慧医疗已从数据收集与治理阶段迈向数据价值应用阶段，特别是在高质量数据库建设、云计算、人工智能等技术的推动下，实现了临床科研、药物研发、真实世界研究及数字营销等多个场景的商业化落地。此外，文中还分析了医疗信息化系统同质化、数据孤岛、互联互通等痛点，并提出了云化转型、新产品、新技术和新服务作为突破方向。最后，通过奈特瑞、医渡科技、东软集团三个企业案例，展示了不同企业在智慧医疗领域的创新实践。 适合人群：医疗信息化从业者、医疗行业研究人员、医疗机构管理者、医疗科技企业相关人员、政策制定者及对智慧医疗感兴趣的投资者。 使用场景及目标：①了解智慧医疗建设的阶段性特征和发展趋势；②掌握医疗信息化建设中的关键技术和应用场景；③探讨解决医疗信息化系统同质化、数据孤岛等问题的策略；④学习企业如何通过新产品、新技术和新服务实现突破，推动智慧医疗发展。 其他说明：本文通过对智慧医疗建设的深入剖析，强调了政策导向、技术创新和市场需求的重要性，为企业和政策制定者提供了宝贵的参考。同时，文章也揭示了未来智慧医疗发展的广阔前景，特别是在数据资产化和数智化应用方面的巨大潜力。阅读时应注意结合政策背景和技术发展趋势，关注行业动态和企业创新实践。

    电机设计领域中8级48槽永磁同步电机振动噪声分析的Motor CAD应用

    内容概要：本文详细介绍了利用Motor CAD软件对8级48槽永磁同步电机进行振动噪声分析的方法和步骤。主要内容涵盖前期准备工作，如软件环境搭建和基本原理的理解；建立电机模型的具体细节，包括定子和转子部分的参数设置；振动噪声分析的相关设置，特别是电磁力波的计算方法及其重要参数的设定；以及最终分析结果的解读，包括振动模态图和噪声频谱分析结果的应用。通过这些步骤，可以识别出导致较大振动和噪声的问题所在，并提出针对性的优化措施，如调整槽配合、优化永磁体形状等，以改善电机的整体性能。 适合人群：从事电机设计与优化的专业人士，尤其是对永磁同步电机振动噪声分析感兴趣的工程师和技术人员。 使用场景及目标：适用于希望深入了解和掌握Motor CAD软件在电机振动噪声分析方面应用的技术人员。目标是在实际工作中能够运用所学知识，提高电机的设计质量和性能，减少不必要的振动和噪声。 其他说明：文中提供了大量具体的代码片段和操作指南，帮助读者更好地理解和实践。同时强调了电磁-机械-声学耦合的重要性，指出结构设计对于降噪的关键作用。

    【计算机教育】计算机专业课后习题高效学习策略：构建知识体系与应对考试重点

    内容概要：本文是一篇面向计算机类专业学生的课后习题学习指南，强调课后习题对于构建专业知识体系的重要性。文章指出，做题不仅是为了完成任务或应付考试，更重要的是理解知识点背后的原理。文中详细介绍了不同课程类型的习题应采用的不同方法，如程序设计类需多动手调试，数据结构与算法类要手动画图并多敲代码等。同时提醒学生注意考试重点往往隐藏在课后题中，并提倡通过迭代学习巩固知识，避免常见错误。 适合人群：计算机类专业的学生，特别是那些在课后习题练习中遇到困难或希望提高学习效率的人群。 使用场景及目标：①帮助学生掌握正确的课后习题练习方法；②指导学生根据课程特点选择合适的做题策略；③提醒学生关注课后题中的潜在考试重点；④通过迭代学习的方式强化理解和记忆。 阅读建议：本文提供了实用的学习技巧和建议，读者应在实际做题过程中尝试运用这些方法，不断调整和优化自己的学习方式，以达到更好的学习效果。

    四旋翼无人机轨迹跟踪：PID与自适应滑模控制的Matlab仿真研究

    内容概要：本文详细探讨了四旋翼无人机（UAV）的轨迹跟踪控制技术，重点介绍了两种主流控制方法：PID控制和自适应滑模控制。首先，文章阐述了PID控制的基本原理及其在Simulink中的具体实现步骤，展示了如何通过调节PID参数实现稳定的轨迹跟踪，并提供了详细的Matlab代码示例。接着，文章深入讲解了自适应滑模控制的工作机制，强调了其对系统不确定性的强鲁棒性特点，并给出了相应的Matlab实现代码。此外，文中通过多种图表形式展示了不同控制方法下的仿真结果，直观比较了它们的优缺点。最后，作者总结指出，PID控制适合于系统模型较为确定的情况，而自适应滑模控制则更适合应对复杂的外部环境和不确定性因素。 适合人群：对无人机控制系统感兴趣的科研人员、工程技术人员及高校相关专业学生。 使用场景及目标：①帮助读者理解并掌握PID和自适应滑模控制的基本原理；②提供具体的Matlab/Simulink实现案例，便于读者进行实际操作练习；③通过对两种控制方法的对比分析，指导读者选择合适的控制策略应用于实际项目中。 其他说明：文章不仅提供了详尽的技术细节，还包括了许多实用的小技巧和经验分享，有助于提高读者的实际动手能力和解决问题的能力。

    电力电子领域LLC谐振变换器PFM+PSM混合控制仿真及其应用

    内容概要：本文详细探讨了LLC谐振变换器中变频移相（PFM+PSM）混合控制的仿真研究与实现。首先介绍了这种方法可以拓宽输入电压范围，确保MOS管的零电压开通（ZVS）和二极管的零电流关断（ZCS），从而降低开关损耗并提高变换器效率。接着展示了在Matlab/Simulink和Plecs环境下的具体实现步骤，包括关键参数设置、模式切换逻辑以及波形展示。文中还强调了参数整定的重要性，如谐振腔Q值的影响，并给出了具体的解决方案。此外，讨论了仿真过程中需要注意的问题，如仿真步长的选择和软开关条件的检测。 适合人群：从事电力电子设计的研究人员和技术工程师。 使用场景及目标：适用于需要设计高效、稳定电力转换系统的场合，特别是在输入电压范围较广的应用中，如光伏逆变器。目标是通过合理的控制策略实现更高的效率和平滑的工作状态。 阅读建议：读者应重点关注PFM和PSM模式的具体实现细节，尤其是两者之间的平滑切换逻辑，同时也要注意仿真工具的选择和参数调整技巧。

    【移动应用开发】VIP学习资源整合：涵盖Android、iOS、React Native及Flutter的开发工具、资源与社区

    内容概要：本文汇总了移动应用开发领域的VIP学习资源，涵盖从基础入门到进阶提高的全方位内容。基础资源方面，推荐了针对Android、iOS、React Native的多本经典书籍及Udemy、Coursera、edX等平台上的在线课程和YouTube视频教程，帮助初学者掌握UI设计、数据存储、前后端交互等基本技能。进阶资源则聚焦于高效编程、性能优化、架构设计等深层次主题，同样提供了书籍、在线课程和视频教程。对于跨平台开发，重点介绍了React Native和Flutter的相关学习资料。此外，还列举了Android Studio、Xcode等常用开发工具及其配套调试工具，以及Flutter Gallery、React Native Showcase等开源项目作为实践参考。最后，提及了Stack Overflow、Reddit - AndroidDev等社区论坛，为开发者提供交流平台。 适合人群：对移动应用开发感兴趣的初学者、有一定经验的研发人员及希望深入了解跨平台开发的开发者。 使用场景及目标：①初学者可以通过书籍、在线课程和视频教程系统学习移动应用开发的基础知识；②进阶者可利用进阶资源深入研究特定技术领域，如性能优化、架构设计等；③跨平台开发者可以借助React Native和Flutter的学习资料实现多平台应用开发；④使用推荐的开发工具和调试工具提高开发效率，解决实际问题；⑤通过开源项目和社区论坛获取实践经验和技术支持。 阅读建议：根据个人技术水平选择合适的资源进行学习，注重理论与实践相结合，积极参与社区交流，不断提升自己的移动应用开发能力。

    【深度学习框架】Caffe与Python接口的使用指南：从安装到模型部署的全流程解析

    内容概要：本文详细介绍了深度学习框架Caffe及其Python接口的使用方法。首先概述了Caffe的特点，如速度快、支持多种神经网络类型（CNN、RNN、LSTM），并提供预训练模型库。接着阐述了Caffe的安装步骤，包括系统要求、依赖库安装、源码编译及Python接口的配置。随后，文章通过多个示例展示了如何使用Python接口加载模型、预处理数据、执行前向传播和进行预测。此外，还介绍了模型训练流程，包括配置训练参数、使用Python接口训练模型、动态调整超参数等。最后，讨论了模型部署与应用，涵盖模型定义、训练、转换、加载、预测及性能评估等方面，并提供了常见问题的解决方案。; 适合人群：对深度学习有一定了解并希望使用Caffe框架进行模型开发的研究人员和工程师。; 使用场景及目标：①掌握Caffe框架的安装配置；②学会使用Python接口加载模型、预处理数据、执行前向传播；③理解模型训练流程，包括配置训练参数和动态调整超参数；④熟悉模型部署与应用，如模型定义、训练、转换、加载、预测及性能评估。; 阅读建议：由于Caffe的Python接口涉及较多的技术细节，建议读者在阅读时结合实际操作练习，逐步掌握每个步骤的具体实现方法。同时，可以参考官方文档和社区资源，加深对Caffe的理解和应用。

    基于西门子200PLC与组态王6.53的锅炉内胆温度控制系统设计与实现

    内容概要：本文详细介绍了使用西门子200PLC和组态王6.53实现锅炉内胆温度控制系统的全过程。首先，通过PLC采集温度数据并进行控制逻辑编程，确保温度保持在设定范围内。其次，组态王用于创建可视化界面，使用户能够实时监控和调整温度参数。文中还展示了具体的梯形图编程实例，如温度采集、控制逻辑、PID调节等，并讨论了常见的调试技巧和注意事项。此外，提供了运行效果视频，直观展示了系统的实际性能。 适合人群：从事工业自动化领域的工程师和技术人员，特别是熟悉PLC编程和HMI软件使用的专业人士。 使用场景及目标：适用于需要精确控制温度的工业应用场景，如化工、制药等行业。主要目标是提高温度控制的精度和稳定性，减少能源消耗，提升生产效率。 其他说明：文中提到的一些具体技术和参数（如PID参数、定时器设置等）可以根据实际情况进行调整优化。同时，强调了硬件配置和接地处理的重要性，以确保系统的可靠性和抗干扰能力。

    微纳光学中COMSOL仿真：铌酸锂和频转换与磁偶极子准BIC反射相位计算

    内容概要：本文详细介绍了COMSOL在微纳光学领域的应用，重点探讨了两个方面：一是基于X切型绝缘体上铌酸锂薄膜（LNOI）进行和频产生（SFG）转化效率的仿真，二是磁偶极子贡献下的准BIC斜入射反射相位计算。文中不仅解释了相关理论背景，还展示了具体的参数设置方法和仿真步骤，如自定义入射基频波长、光强、偏振方向等，并通过实例演示了如何在COMSOL中实现这些仿真的具体操作。此外，文章还讨论了不同参数对SFG转化效率和反射相位的影响，强调了材料性质、入射角度、光强等因素的关键作用。 适合人群：从事微纳光学研究的科研人员和技术开发者，尤其是那些希望深入了解COMSOL仿真技术及其在非线性光学和准BIC现象中应用的人群。 使用场景及目标：①帮助研究人员更好地理解和优化LNOI材料中的SFG转化效率；②辅助设计高性能的微纳光学器件，如高Q值谐振腔、高效反射镜或滤波器等；③为探索新的光学现象提供理论支持和技术手段。 其他说明：文章提供了详细的仿真代码示例和避坑指南，便于读者快速上手并避免常见错误。同时，作者鼓励读者通过参数化扫描等方式挖掘更多潜在的新物理现象。

    2025 STM32单片机YT2号-任务2-键控LED【嵌入式系统】基于STM32单片机的按键控制LED设计：洋桃2号开发板任务实现与代码解析

    内容概要：本文档详细介绍了使用STM32CubeIDE开发环境在洋桃2号开发板上实现按键控制LED的功能。首先，指导用户解压并打开任务2的工程文件，然后进行GPIO参数配置，包括4个按键和4个LED的设置。接下来，通过建立BSP文件夹及其内部的C和H文件来组织代码结构，提供了延迟、LED控制以及按键检测的具体代码实现。每个LED都有独立的控制函数，可以单独点亮或熄灭，并支持整体操作。按键检测函数能够识别按键按下事件并返回相应的状态值，同时处理了按键抖动的问题。最后，文档还简述了编译、运行和调试代码的基本步骤。 适合人群：具有初步单片机编程基础的学生或工程师，特别是对STM32系列微控制器有一定了解的人士。 使用场景及目标：①学习STM32CubeIDE开发环境的使用方法；②掌握GPIO端口配置及基本外设控制；③理解按键去抖动机制和LED驱动程序的设计与实现；④熟悉嵌入式系统的开发流程，包括代码编写、编译、下载和调试。 阅读建议：此文档适用于实际动手操作，读者应按照文档步骤逐步进行实验，同时参考提供的代码示例，以便更好地理解和掌握相关知识点。在遇到问题时，可以通过查阅官方文档或在线资源来解决问题。

    基于uni-app开发的菜谱小程序新版源码.zip

    《基于 uni-app 开发的菜谱小程序新版源码》简介 这是一份极具实用价值的学习资源——基于 uni-app 开发的菜谱小程序新版源码。uni-app 凭借其多端适配的强大特性，一次开发就能在多个平台运行，极大地提升了开发效率与应用覆盖范围。 此菜谱小程序源码功能丰富。它拥有精美且简洁直观的界面设计，方便用户快速上手操作。在内容呈现上，涵盖了海量的菜谱资源，无论是家常小菜、地方特色菜肴，还是异国料理，都能在其中找到详细的做法教程，步骤清晰，图文并茂，甚至部分还搭配了视频讲解，让烹饪新手也能轻松学会。 对于开发者而言，这份源码是学习 uni-app 开发的绝佳范例。可以深入研究其代码架构、页面布局、数据交互以及各种功能的实现逻辑，从中汲取经验，提升自己在跨平台移动应用开发方面的能力，更好地理解 uni-app 框架的优势与应用场景，为后续的开发项目奠定坚实的基础，助力开发出更多优质且高效的应用程序。

    电动汽车永磁同步电机设计：基于Prius 2004的Excel计算、Maxwell仿真与MotorCAD温升分析

    内容概要：本文深入探讨了丰田Prius 2004永磁同步电机的设计过程，涵盖了从Excel设计程序到Maxwell参数化仿真的各个环节。首先介绍了利用Excel进行初步设计计算的方法，通过设定关键参数如功率、转矩等，计算出电机的体积、叠厚、匝数等重要设计指标。接着讨论了Maxwell参数化仿真模型的应用，展示了如何通过调整参数并运行仿真，直观地观察磁场分布和转矩波动等结果。此外，文章还提到了橡树岭实验室提供的拆解和实测数据，强调了这些一手资料对于验证设计和仿真的重要性。最后，介绍了MotorCAD模型在温升仿真分析中的应用，解释了如何设置热学参数并预测温度分布，确保电机的稳定性和可靠性。 适合人群：从事电动汽车电机设计的研究人员和技术人员，以及对电机设计感兴趣的工程专业学生。 使用场景及目标：适用于需要深入了解永磁同步电机设计原理和方法的人群，旨在提供从理论到实践的全面指导，帮助读者掌握电机设计的关键技术和工具。 其他说明：文章不仅提供了详细的理论讲解，还附带了大量的实例和代码片段，便于读者理解和实践。同时，文中提到的多种工具和方法可以相互结合，形成一套完整的电机设计流程。

    (源码)基于C语言的TCPIP网络编程.zip

    # 基于C语言的TCPIP网络编程 ## 项目简介 本项目是一个基于C语言的TCPIP网络编程学习项目，涵盖了从基础的套接字编程到高级的多线程服务器设计。项目内容包括TCP和UDP协议的使用、多线程编程、IO复用、信号量和互斥量的应用等。通过这些内容的学习和实践，开发者可以深入理解网络编程的核心概念和技术。 ## 项目的主要特性和功能 1. TCPIP编程 创建TCP服务器和客户端，实现基本的网络通信。 使用套接字进行数据的发送和接收。 处理TCP连接的建立、数据传输和断开。 2. 多线程编程 使用pthread库创建和管理线程。 在多线程环境中处理共享资源，如全局变量和文件描述符。 通过信号量和互斥量实现线程同步，确保对共享资源的正确访问。 3. IO复用 使用select()和epoll实现IO复用，提高服务器的并发处理能力。 处理多个客户端的并发连接和数据传输。

    财务分析的哈佛框架.ppt

    财务分析的哈佛框架

    电磁学领域中Comsol/CST模拟狄拉克半金属BDS超材料的Matlab脚本与模型应用

    内容概要：本文详细介绍了使用Comsol和CST软件模拟狄拉克半金属BDS超材料的方法和技术细节。文中不仅解释了这两种软件在处理电磁、热等多物理场耦合方面的优势，还提供了具体的Matlab脚本用于超材料的数据预处理和后处理，如计算波数、模拟散射图案等。此外，文章分享了多个CST模型实例，包括简单单元结构模型和周期阵列模型，展示了如何通过调整材料参数和结构设计来优化超材料的电磁响应特性。同时，针对BDS超材料在太赫兹波段的独特电磁响应，提出了若干实用的设计和仿真技巧，如交叉偏振设计、时域求解器设置以及边缘场校正等。 适合人群：从事电磁学、材料科学领域的研究人员和技术人员，尤其是对超材料设计感兴趣的科学家。 使用场景及目标：适用于需要深入理解和掌握超材料电磁响应特性的科研项目，旨在提高超材料设计效率和精度，探索新的电磁调控方法。 其他说明：文章提供的Matlab脚本和CST模型能够帮助读者更好地理解和应用狄拉克半金属BDS超材料的相关理论和技术，促进学术交流和技术进步。

    电力调度领域基于非合作博弈的居民负荷分层调度模型及其实现方法

    内容概要：本文探讨了基于非合作博弈的居民负荷分层调度模型，旨在解决电力领域中居民用户柔性负荷资源的有效参与需求响应的问题。文中介绍了模型的构建思路，包括日前投标环节和实时调度环节的具体实现方式。日前投标环节通过非合作博弈思想构建以聚合商利润最大化为目标的博弈模型，并证明纳什均衡解的存在性。实时调度环节则以分类柔性负荷各自的用电物理特性为约束条件，以实时调度和日前投标量之间的偏差最小为目标函数。此外，还采用了双层鲸鱼算法来求解整个模型，确保在不影响用户舒适度的前提下提高聚合商的利润。仿真结果显示，该模型能够在提升电网稳定性的同时，兼顾用户舒适度和聚合商利润。 适用人群：适用于对电力调度、博弈论以及优化算法感兴趣的科研人员和技术开发者。 使用场景及目标：该模型主要用于电力系统的优化调度，特别是在需求响应管理中，帮助电网公司、负荷聚合商和居民用户实现三方共赢。具体应用场景包括电力市场竞价、居民用电负荷调控等。 其他说明：文章不仅提供了详细的理论背景介绍，还包括了具体的代码实现示例，有助于读者深入理解和实际应用。

    11种水果注释图像数据集

    数据说明： 该数据集包含有用的11种水果的限界框注释。含有8624张相关图像。7种水果，如苹果、鳄梨、辣椒、芒果、橙子、西瓜和草莓是从之前的研究中获得的。现在已经更新了限界框的格式，纠正了人为的注释错误，更重要的是，采用了云服务，可以方便地共享和协作注释。 该数据集中有3个新的注释，分别是蓝莓、樱桃和猕猴桃，进行了高精度注释。

    土壤环境分析图像数据集

    数据说明： 土壤环境分析数据集包含5个子文件夹，每个子文件夹代表不同类型的土壤环境。该数据集是为分析和分类任务而设计的，特别侧重于不同环境条件下的不同土壤类型。数据集中含有4947张图像，每个图像都被调整为256x256像素，并以.jpg格式保存，以便在机器学习和计算机视觉任务中保持一致性和易用性。

    饮料生产线自动化控制：基于组态王6.55的六大界面仿真解析

    内容概要：本文深入探讨了饮料生产线在组态王6.55中的仿真应用，详细介绍了六个关键界面的设计与实现方法。主监控界面展示了生产线的整体动态流程；设备详细参数界面提供了各设备的运行参数；故障报警界面确保异常情况得到及时响应；生产数据统计界面帮助管理者评估生产效率；操作记录界面保存所有操作日志；原材料库存界面实时跟踪原材料消耗。每个界面都配有具体代码示例，涵盖动画效果、参数获取、报警机制、数据统计、操作记录以及库存管理等方面的技术细节。 适合人群：从事自动化控制系统开发的技术人员，尤其是熟悉组态王软件的工程师。 使用场景及目标：适用于饮料生产企业，旨在提高生产线的自动化水平，优化生产流程，减少人为错误，提升生产效率和质量。通过对六个界面的功能解析和技术实现的学习，工程师可以更好地理解和掌握组态王的应用技巧。 其他说明：文中不仅提供了详细的代码示例，还分享了许多实践经验，如动画效果优化、报警机制改进、数据处理技巧等，有助于解决实际项目中可能出现的问题。

Magicbox
Global site tag (gtag.js) - Google Analytics