标记语言之Html学习
Html是超文本标记语言，其不是一种编程语言，而是用标记标签来描述网页的标记语言。而用于手机上现在常用Html5，使用Html5可以在手机上打开网页，并且根据手机的分辨率自动适配合适的显示大小且更新的速度快，是包含了Html、CSS、JavaScript在内的一套技术组合。
Html中各个标签对的意思请参考下面的网站进行学习：
http://www.w3school.com.cn/h.asp
下图为一个Html写的界面程序将其嵌入到Activity中，由于没有用Html5写程序可能到不同的分辨率上显示的效果有差异，其效果为：
代码如下：
login.html布局如下:
<span style="font-size:18px;"><html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<style>
div#login {background-color:#C0C0C0;width:310px;height:200px;vertical-align:middle}
</style>
</head>
<body >
<img src=".\img\meinv.jpg" width="310" height="200"></img>
<div id="login" align="center">
<br/>
登录注册界面
<form action="http://192.168.1.153:8080/html/login_servlet" method="post">
<br/>
账 号：<input id="usernametxt" type="text" name="username" />
<br/>
<br/>
密 码：<input id="passwordtxt" type="password" name="password" />
<br/>
<br/>
<input id="loginbtn" type="submit" value="登录" onclick="tologin()"/>
<input id="registbtn" type="submit" value="注册" onclick="toregist()"/>
</form>
</div>
</body>
</html>
</span>
上述代码中style为定义的块div的样式，form中action则是连接Tomcat服务器地址。
在java程序服务端代码，我是用myeclipse编写的，其代码如下：
<span style="font-size:18px;">package com.sc.servlet;
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class LoginServlet extends HttpServlet {
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
String userName = req.getParameter("username");
String passWord = req.getParameter("password");
if(userName.equals("admin")&&passWord.equals("123456")){
resp.sendRedirect("http://www.baidu.com");
}else{
resp.sendRedirect("http://192.168.1.153:8080/html/index.html");
}
}
}
</span>
在web.xml中进行对于的注册信息，其代码如下：
<span style="font-size:18px;"><?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"> <servlet> <servlet-name>LoginServlet</servlet-name> <servlet-class>com.sc.servlet.LoginServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>LoginServlet</servlet-name> <url-pattern>/login_servlet</url-pattern> </servlet-mapping> </web-app></span>
将上述的布局文件，图片资源，编译后的class文件等全部放在Tomcat中webapps文件夹下的同一个文件夹中，这样方便访问，如下图所示：
在手机上显示的Activity代码如下：
<span style="font-size:18px;">package com.sc.android.ui.webview;
import android.annotation.SuppressLint;
import android.app.Activity;
import android.os.Bundle;
import android.view.Window;
import android.webkit.WebSettings;
import android.webkit.WebView;
import com.sc.android.R;
public class WebViewActivity extends Activity {
private WebView mWebView;
private String mUrl = "http://192.168.1.153:8080/html/login.html";
@SuppressLint("SetJavaScriptEnabled")
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.activity_webview_layout);
mWebView = (WebView) findViewById(R.id.web_view);
// mWebView.getSettings().setDefaultTextEncodingName("GB2312");
mWebView.loadUrl(mUrl);
WebSettings webSettings = mWebView.getSettings();
webSettings.setJavaScriptEnabled(true);//与Js建立关系
}
}
</span>
其xml布局中只需放置一个WebView控件即可，此处代码就不再列出。
注意：在编译的时候要注意文字的编码要统一，不然就会出现乱码的现象。