標籤：style blog http java 使用 strong
學習伊始，抱著一本厚厚的《JavaXXXX》看了一周，什麼swing，swt看的是心花怒放，哇，這玩意學會了，可以自己做遊戲了~~~，正式接手項目頓時傻了眼...這尼瑪怎麼做的...只能重新看HTML（哎，現在想想當初傻不拉幾的，CS/BS都沒搞清，方向完全錯誤），還好課題組用的是架構，裡面還有已經完成的頁面，這下好說了，自己做我不會，照著CV就好，我們不是程式員，只是代碼的搬運工，陸陸續續也做了十幾個項目了，一直感覺基礎不牢靠，要不，咱從頭來一遍。
青春，總要有一次說幹就乾的項目。
一、從MyProject開始開啟Eclipse，建立一個web項目，命名MyProject，嗯，沒錯，就是那個Dynamic Web Project
建立index.jsp,編寫如下頁面內容，你說什嗎？Hello World？！忘掉這玩意吧，這隻是個首頁而已
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>首頁</title>
</head>
<body>
<center>
<h1>首頁</h1>
</center>
</body>
</html>
這裡忍不住圖了個槽，可能是我不會使用吧，部落格園編寫對於患有格式強迫症的程式員真是災難。
OK，到這裡，一個靜態項目就建立好了~
二、拿出菜單，點個資料庫，老闆，來份oracle一份簡單的html就可以完成的靜態網站顯然沒有什麼價值，看我們讓他動起來
在oralce中為項目添加一個資料表空間MyProjec，建立使用者Leon，賦予許可權：DBA。
建立表t_model_info，包含欄位：id和info
添加資料
model_id ： info 首頁
三、你喜歡什麼餐具？我覺得JDBC不錯
建立資料庫介面DbInfo，編寫代碼
package DAO;
import java.sql.*;
public class DbInfo {
static Connection conn = null;
static Statement stmt = null;
static ResultSet rs = null;
public static String queryModelInfo(){
String result = "";
try {
Class.forName("oracle.jdbc.driver.OracleDriver");
conn = DriverManager.getConnection("jdbc:oracle:thin:@localhost:1521:orcl", "Leon", "orcl");
stmt = conn.createStatement();
rs = stmt.executeQuery("select * from t_model_info");
while(rs.next()){
result =rs.getString("info");
}
} catch (ClassNotFoundException e) {
e.printStackTrace();
} catch (SQLException e) {
e.printStackTrace();
} finally {
try {
if(conn != null) {
conn.close();
conn = null;
}
} catch (SQLException e) {
e.printStackTrace();
}
}
return result;
}
public static void main(String[] args) {
String result = queryModelInfo();
System.out.print(result);
}
}
測試代碼，列印台輸出"首頁"，嗯，this is my house！
四、老外都覺得筷子很難用，但是servlet就很簡單了
建立一個servlet檔案DbInfoServlet，編寫代碼
package servlet;
import java.io.PrintStream;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import dao.DbInfo;
public class DbInfoServlet extends HttpServlet{
public void service(HttpServletRequest request,HttpServletResponse response)
throws ServletException,java.io.IOException{
request.setCharacterEncoding("GBK");
DbInfo dbinfo = new DbInfo();
String result = dbinfo.queryModelInfo();
response.setContentType("text/html;charset=UTF-8");
response.setHeader("Cache-Control", "no-cache");
PrintStream out = new PrintStream(response.getOutputStream());
out.println(result);
}
}
<servlet>
<servlet-name>dbInfoServlet</servlet-name>
<servlet-class>servlet.DbInfoServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>dbInfoServlet</servlet-name>
<url-pattern>/dbInfoServlet</url-pattern>
</servlet-mapping>
配置servlet
五、原生Ajax什麼的最討厭了，就決定是你了，jQuery
相比原生的Ajax那繁雜的代碼，還是jQuery簡單多了…好吧。我承認我不會原生js
添加jquery檔案，將其引入頁面，並對頁面稍做修改
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>首頁</title>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script>
$(function(){
$.ajax({
url: "./dbInfoServlet",
success: function(data){
$("h1").html(data);
}
});
});
</script>
</head>
<body>
<center>
<h1></h1>
</center>
</body>
</html>
Ok，一套流程走完,一個基本的動態網站搭建完畢，最後放出項目結果和頁面效果
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
